AFFINGER

【AFFINGER5】タイムライン機能の使い方とカスタマイズ、ステップとの使い分けの説明

悩む男性
新機能のタイムラインってどんな機能なの?

 

悩む女性
どんな時に使うのか知りたい

 

悩む男性
ステップと使い道は一緒なの?

 

こんなお悩みにお答えします。

 

この記事を書いている人はこんな人

ムロです。ブログを始めて1年(2019年6月)ぐらいで、4つのブログを運営しています。

8ヶ月で収益化しました最高月収は25万、アベレージは20万ぐらいです。

PVは大体10万PVぐらいですね。ツイッターは(@hittky1114)

 

ブログランキング・にほんブログ村へ

にほんブログ村に参加しています。『ポチッ』と押してくれたら嬉しいです( ´ ▽ ` )

 

こんな方におすすめ

  • 新機能のタイムラインについて知りたい
  • どんな時に必要な機能なのか?
  • ステップの機能も入っているのでかなり効果ある機能

 

新しい機能のAFFINGER5の『タイムライン』の効果的な使い方を説明していきます。

 

 

 

AFFINGER5に追加されたタイムラインの種類は8種類

 

今回AFFINGER5に追加された「タイムライン」には、大きく分類して2種類、細かく分類すると8種類ものデザインが用意されています。

 

  • タイムライン
  • タイムライン(カウント)

 

注意ポイント

違いはタイムライン(カウント)は数字が入ります。

 

タイムライン タイムライン(カウント)をそれぞれ分けると8つに分類されます。

 

 

タイムライン

  1. 基本
  2. センター
  3. 基本(ステップ)
  4. センター(ステップ)
  5. ブログカード

 

タイムライン(カウント)

  1. 基本(カウント)
  2. センター(カウント)
  3. ブログカード(カウント)

 

 

使い方とどんな時に使うのかを説明していきます。

 

とっても簡単で、ボタン一つで簡単にタイムライン機能を使うことができます。

 

『AFFINGER5』公式サイトです

最強のブログテーマAFFINGER5

>>WPテーマ 「WING(AFFINGER5)」多くのブロガーに愛されているテーマ

  • 「もっと美しく、簡単に。」基本デザインパターンも48種!

無駄な時間はとことん省く、通常なら知識が必要な時間かかるカスタマイズもAFFINGERならクリック1つ

記事がサクサク書ける!豊富で自由度の高いデザインパーツ

記事作成に欠かせない様々な装飾をクリック1つで設定できる

 

ムロ
今回、初心者でも使えるようにマニュアルを作りました。この記事を読んでもらえればAFFINGER5の使い方がよくわかります。【最新版2021年】AFFINGER5の使い方とインストール方法、補足マニュアルと不具合の修正を紹介本ブログの人気記事です。

 

 

 

タイムライン

 

タグ>レイアウト>タイムライン

 

 

タイムラインは5つあるので見ていきましょう。

 

タイムライン基本


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


タイムライン センター


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


タイムライン 基本(ステップ)


  • step.1

    ここにコンテンツ


  • step.2

    ここにコンテンツ


  • step.3

    ここにコンテンツ


タイムライン センター(ステップ)


  • step.1

    ここにコンテンツ


  • step.2

    ここにコンテンツ


  • step.3

    ここにコンテンツ


タイムライン ブログカード

 

 

 

タイムライン(カウント)

 

タグ>レイアウト>タイムライン(カウント)

 

 

タイムライン(カウント)は3つでの紹介です。

 

タイムライン基本(カウント)


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


タイムライン センター(カウント)


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


 

タイムラインブログカード (カウント)

 

タイムラインのカスタマイズ

 

タイムライン タイムライン(カウント)でカスタマイズ方法の説明をします。

カスタマイズができるのは以下の3つ

ココがポイント

  • カラー変更
  • ステップ点滅
  • タイムラインの行数追加

 

カラー変更

 

タイムラインのカラーを選択していきます。

まずはじめに「外観」⇒「カスタマイズ」をクリックします。

 

オプションカラー>タイムライン

 

 


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


 

色が変わりました。

 

ステップ点滅

 


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


 

点滅させたいところに、myclass="now"と入力すると点滅します

 

 

これ結構、使えますね。

見栄えも良くなりましたね!!

 

行数の追加

行数を追加していきます。

コピペして追加していきだけです。

 command
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center=""] ここにコンテンツ [/st-timeline-list]

これをコピペして使ってください。

 

 

タイムライン機能とステップ機能の違いについて

 

どちらも同じように見えますが。

 

タイムライン


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


ステップ

step
1

step
2

step
3

 

 

別物ですよね。

 

私は使い方を分けています。

 

ココがポイント

  • タイムラインは、手順で時間軸を基本としての使い方
  • ステップは、やり方を順番に通す使い方

 

このように使い方を自分で考えて使えば、デザインとしての見栄えも良くなりますね!!

 

 

 

まとめ:【AFFINGER5】タイムラインの機能を使ってみての感想

 

今回追加された「タイムライン機能」は、ブログやアフィリエイトサイト作りにはすごく便利な機能です。

 

早速自分のブログで使ってみて下さいね。

 

AFFINGER大好き!ドハマりしている僕は、この記事以外にもAFFINGERの便利な機能についての記事を書いています。

 

『AFFINGER5』公式サイトです

最強のブログテーマAFFINGER5

>>WPテーマ 「WING(AFFINGER5)」多くのブロガーに愛されているテーマ

  • 「もっと美しく、簡単に。」基本デザインパターンも48種!

無駄な時間はとことん省く、通常なら知識が必要な時間かかるカスタマイズもAFFINGERならクリック1つ

記事がサクサク書ける!豊富で自由度の高いデザインパーツ

記事作成に欠かせない様々な装飾をクリック1つで設定できる

 

\当サイト限定特典付き/

AFFINGER プラグインセットショップはコチラ

 

 

 

 コチラも読まれています

>>【AFFINGER5】ブログのトップページをカスタマイズするやり方

>>【AFFINGER5】スライドボックスを作り、枠で囲む作り方

>>【AFFINGER5】バナーリンクの作り方、ブログはオシャレになる【バナーリンク】

 

 

 

  • この記事を書いた人
  • 最新記事

ムロ

サイト管理人のムロです。 【趣味のブログがいつの間にかお金を稼いでくれた】月間10万PV達成 ➡️8ヶ月でブログ収益は月20万円 ➡️ 本業と副業で年収は1000万超え➡️ブログでは、SEO・アフィリエイト・動画配信・AFFINGER・転職について書いていますので、よろしくです!!

人気記事一覧

1

悩む男性  2020年最後の転職に向けて、一体どこのサイトで転職活動をしたら良いのか。どこの転職エージェントがいいのか教えて欲しい     悩む女性転職サイトってたくさんあるけど実際はどこが ...

2

悩む男性アフィリエイトで稼ぐコツが知りたい。いま、個人ブログを運営しているけど月1,000円未満です・・月5万円を目指したい。   悩む女性収益化するためには、どうしたらいいですか? &nb ...

3

  悩む女性個性的なブログはアクセスあるの?   悩む男性ブログの独自性ってどうすればいいにの?   悩む男性オリジナリティって一体なに?     こ ...

4

悩む男性ブログの書き方がわかりません、どうすれば良い記事が書けるようになるんでしょうか   悩む女性ブログの構成ってどのようにづればいいいですか?   悩む男性どのように書けば読ま ...

-AFFINGER

© 2021 MURO BLOG Powered by AFFINGER5