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

悩む男性

新機能のタイムラインってどんな機能なの？

悩む女性

どんな時に使うのか知りたい

悩む男性

ステップと使い道は一緒なの？

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

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

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

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

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

タイムライン　タイムライン（カウント）をそれぞれ分けると８つに分類されます。

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

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

ムロ

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

タイムライン

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

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

タイムライン基本

• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ

タイムライン　センター

• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ

タイムライン　基本（ステップ）

• step.1

  ここにコンテンツ




• step.2

  ここにコンテンツ




• step.3

  ここにコンテンツ

タイムライン　センター（ステップ）

• step.1

  ここにコンテンツ




• step.2

  ここにコンテンツ




• step.3

  ここにコンテンツ

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

• 

  U-NEXTを解約・退会する前に知っておきたい３つ注意点、解約をしても使用できるサービス

    悩む男性U-NEXTを解約するにはどうしたらいいの？　   悩む女性U-NEXTは自動で解約できないの？   悩む男性無料期間を過ぎて解約になるとどうなるの？ &nb ...

  続きを見る




• 

  dTV無料お試しは2回目でも利用できる方法はあるの？もう一度、無料期間で視聴できる

    悩む男性dTVの無料お試しを利用したことがあるんだけど、2回目は無料で利用出来ないのかな？もし2回目も利用できるなら、具体的な方法が知りたいです。   悩む女性無料期間中に映画 ...

  続きを見る

タイムライン（カウント）

タグ＞レイアウト＞タイムライン（カウント）

タイムライン（カウント）は３つでの紹介です。

タイムライン基本（カウント）

• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ

タイムライン　センター（カウント）

• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ

タイムラインブログカード （カウント）

• 

  【良いコンテンツ】読者が求めるようなコンテンツの作り方【７つの条件】

  悩む男性 SEOにおける「良い記事」ってなに？   悩む女性良いコンテンツってのがイメージできない   悩む男性読者（ユーザー）にとって良いコンテンツってどんな記事なんだろう？ & ...

  続きを見る




• 

  【検索順位で１位】ロングテールキーワードの選び方でSEO対策をする【サクサク１位が取れる】

  悩む男性キーワード検索で上位をとれなく困っています。検索エンジンでPVを効率よく１位をとるやり方を知りたいです   悩む女性ロングテールキーワードってなんですか？   悩む男性キー ...

  続きを見る




• 

  【初心者必見】ブログを書く前にする、キーワード検索と選定をする【ロングテールキーワードを狙う】

  悩む男性キーワード選定をどうしたら良いかわかりません、ブロガーの皆さんはどんなやり方をしているか教えてほしい   悩む女性どうやってキーワード選定したらいいですか？   悩む男性サ ...

  続きを見る

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

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

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

カラー変更

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

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

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

• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ

色が変わりました。

ステップ点滅

• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ




• ここに見出しテキスト

  ここにコンテンツ

これ結構、使えますね。

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

行数の追加

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

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

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

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

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

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

別物ですよね。

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

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

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

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

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

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

＼当サイト限定特典付き／

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

 コチラも読まれています

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

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

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