WORDPRESS

AFFINGER6「関連記事」一覧の表示設定とカスタマイズ方法を初心者向けに解説【ACTION/WordPressブログ】

AFFINGER6「関連記事」一覧の表示設定とカスタマイズ方法
 

専業ブロガー4年目のあずきです🐥

 

当ブログでも愛用中の人気WordPressテーマ「ACTION AFFINGER6」における…

「関連記事」一覧の表示設定とカスタマイズ方法

のカスタマイズ方法について、ブログ初心者さん向けに1からわかりやすく解説していきます

 

まず「関連記事」とは、記事ページごとの末尾エリアに表示される…

 

AFFINGER6「関連記事」一覧の表示設定とカスタマイズ方法 top-01

 

↑ こうした…

「その記事と関連性の高いページ」がピックアップされた記事一覧

を指します

関連性が高そうなページを ”自動” でピックアップしてくれるよ!
 

また、ACTION AFFINGER6における「関連記事」は…

  • 見出しのタイトル名(例:関連記事 / あわせてどうぞ)
  • 表示する件数
  • そもそも「関連記事」を表示するかどうか

といった基本的な設定から…

  • 見出しの色・デザイン設定

まで、任意の内容にカスタマイズすることも可能です

 

そんなACTION AFFINGER6の「関連記事」について、2つのステップで丁寧に解説していきます🐥

  1. 「関連記事」の基本的な設定方法
  2. 「関連記事」の色・デザイン設定をカスタマイズする方法
さっそく見ていこー!
 

▼ ACTION AFFINGER6の「購入・導入手順」はこちらから ▼

ACTION AFFINGER6の購入&導入方法を初心者向けに1から解説。子テーマの有効化手順まで【WordPressブログ】

AFFINGER6の購入&導入方法を初心者向けに1から解説。子テーマの有効化手順まで
ACTION AFFINGER6の購入&導入方法を初心者向けに1から解説。子テーマの有効化手順まで【WordPressブログ】

続きを見る

  • 「ACTION AFFINGER6」が実際に使用できるようになるまでの ”一連の手順” を、
    画像つきで丁寧に解説しています
  • 作業そのものは、正味【15分程度】でおわります(子テーマまで含めて)

公式:ACTION AFFINGER6

すごいもくじLITE

の限定特典キャンペーンも実施中!!!

AFFINGER6「関連記事」一覧の表示設定とカスタマイズ方法を初心者向けに解説【ACTION/WordPressブログ】

ステップ1:ACTION AFFINGER6における「関連記事」の基本的な設定方法(見出しのタイトル名・表示件数、そもそも表示するかどうか?)

WordPress ヘッダー c-01

まずは、WordPress管理画面の左側一覧から…

AFFINGER 管理

をクリックし、さらにそのなかの左側一覧から…

投稿・固定記事

というタブを開きます

 

「投稿・固定記事」タブを開いたら、そのなかに…

AFFINGER6「関連記事」一覧の表示設定とカスタマイズ方法 1-1-01-a

↑「関連記事一覧」というエリアがあるので、こちらで基本的な設定を行いましょう

 

デフォルトでは…

  • 見出し名 → 関連記事
  • 表示件数 → 5件
  • 関連記事を非表示にする → オフ

に設定されていて、実際の画面上では…

AFFINGER6「関連記事」一覧の表示設定とカスタマイズ方法 1-1-01-b

↑ このように表示されています

画像例は、見出し(関連記事)とカテゴリー(スイーツ)の背景色が違うけど気にしないでね!
 
 

今回は例として…

  • 見出し名 → あわせてどうぞ

に変更してみます

 

実際の画面で改めて確認してみると…

AFFINGER6「関連記事」一覧の表示設定とカスタマイズ方法 1-1-02

↑ 見出し名が変更されました

変更したら、「Save」ボタンをクリックして設定を保存しよう!
 

つづいて、「関連記事」における見出しの色やデザインを【カスタマイズ】していきましょう🐥

 

ステップ2:ACTION AFFINGER6における「関連記事」の色・デザイン設定をカスタマイズする方法

WordPress ヘッダー c-02

まずは、WordPress管理画面の左側一覧から…

外観 > カスタマイズ

をクリックして「カスタマイズ」設定画面を開き、さらにそのなかの左側一覧から…

見出しタグ(hx)/ テキスト > NEW ENTRY & 関連記事

という順にタブを開きます

 

「NEW ENTRY&関連記事」タブを開いたら、そのなかに…

AFFINGER6「関連記事」一覧の表示設定とカスタマイズ方法 1-2-01

↑ 色とデザインパターンを指定できる項目が並んでいるので、こちらで任意の内容にカスタマイズしましょう

 

今回は例として…

  • 背景色 → #523634

に変更してみます

デザインパターンは、「ノーマル」のままが個人的にはおすすめ!
 

変更したら、設定画面の左上にある「公開」ボタンをクリックしてカスタマイズ完了です

 

実際の画面上で確認してみると…

AFFINGER6「関連記事」一覧の表示設定とカスタマイズ方法 1-2-02

↑ このような「関連記事」一覧になりました🐥

 

人気記事

 

今回の記事はこちらの章に属しています

 第6章 デザイン 編          

次の章はこちらからどうぞ

 第7章 記事投稿 編          

全8章のTOPページです

あずきのワードプレスブログ「完全初心者」ガイド

\ 「なぜ売れないか?」を徹底解析 /

AFFINGERタグ管理マネージャー

結果が見えるサイト運営に

AFFINGERタグ管理マネージャー4 + PVモニター

 

   ✔ よく使うテキストや画像、広告リンクを「テンプレート化」して使い回せる!

   ✔ 元データの更新だけで全記事に「一括反映」されるため、広告の差替えも一瞬!

   ✔ 広告の「クリック回数」「クリックされたページ」などを自動計測!

AffiliateRun~なぜ売れないか?

PDFマニュアル付き!

 

公式:「AFFINGERタグ管理マネージャー4 + PVモニター」プラグインセット

関連:WordPressにおける広告リンクの貼り方を「3つのパターン」で1から解説【 ”タグ管理” が最強におすすめ】

WordPressにおける広告リンクの貼り方
WordPressにおける広告リンクの貼り方を「3つのパターン」で1から解説【 ”タグ管理” が最強におすすめ】

続きを見る

※当プラグインの使用には、別売のWordPressテーマ「ACTION AFFINGER6」最新版が必要です

 

About me

あずきアイコン main-01 背景透過

- 専業ブロガー・フリーランス -

あずき

 

独立4年目 / 元アパレル → 歴10年

 

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます。 普段はTwitter(@azuki_rinrin)にいるので覗いてもらえると嬉しいです^^

-WORDPRESS