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

ムロ

このブログは、AFFINGERのテーマを買ったけど使い方がわからない！？そんな初心者さんに、記事作成ツールの使い方や、AFFINGERでSEOを効率よくするための記事を書いているブログです( ^ω^ ) 私も、AFFINGERのテーマを購入したときはかなり苦戦しました。そんな経験を元に使い方を記事で紹介していきます。

AFFINGER プラグインセット販売価格29,800円（税込）

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

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

悩む男性

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

悩む女性

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

悩む男性

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

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

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

こんな方におすすめ

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

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

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

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

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

注意ポイント

この2つの違いはタイムライン（カウント）は数字が入ります。

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

タイムライン

基本
センター
基本（ステップ）
センター（ステップ）
ブログカード

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

基本（カウント）
センター（カウント）
ブログカード（カウント）

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

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

『AFFINGER』公式サイトです

最強のブログテーマAFFINGER

＞＞WPテーマ「WING（AFFINGER）」多くのブロガーに愛されているテーマ

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

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

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

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

ムロ

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

AFFINGER、タイムライン

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

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

タイムライン基本

ここに見出しテキスト

ここにコンテンツ

ここに見出しテキスト

ここにコンテンツ

ここに見出しテキスト

ここにコンテンツ

タイムライン　センター

ここに見出しテキスト

ここにコンテンツ

ここに見出しテキスト

ここにコンテンツ

ここに見出しテキスト

ここにコンテンツ

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

step.1

ここにコンテンツ

step.2

ここにコンテンツ

step.3

ここにコンテンツ

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

step.1

ここにコンテンツ

step.2

ここにコンテンツ

step.3

ここにコンテンツ

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

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

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

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

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

ここに見出しテキスト

ここにコンテンツ

ここに見出しテキスト

ここにコンテンツ

ここに見出しテキスト

ここにコンテンツ

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

ここに見出しテキスト

ここにコンテンツ

ここに見出しテキスト

ここにコンテンツ

ここに見出しテキスト

ここにコンテンツ

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

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

続きを見る

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

続きを見る

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

続きを見る

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

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

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

ココがポイント

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

タイムラインのカラー変更

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

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

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

ここに見出しテキスト

ここにコンテンツ

ここに見出しテキスト

ここにコンテンツ

ここに見出しテキスト

ここにコンテンツ

色が変わりました。

タイムライン、ステップ点滅

ここに見出しテキスト

ここにコンテンツ

ここに見出しテキスト

ここにコンテンツ

ここに見出しテキスト

ここにコンテンツ

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

これ結構、使えますね。

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

タイムライン、行数の追加

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

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

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

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