当ページのリンクには広告が含まれています。 Function AFFINGER

AFFINGER6【おすすめ記事一覧の設定方法】初心者向けに解説

AFFINGER6【おすすめ記事一覧の設定方法】初心者向けに解説

こんにちは "osaboo"です。"@osaboo_Bot"

Question
Question

AFFINGER6の「おすすめ記事一覧」ってどうやって設定するの?
設置する場所とか、記事の数とか、どうしたら良いかわからない。
そもそも何で「おすすめ記事一覧」を設置するの?

\\ このような「疑問を解決する」お手伝いをします!//

おすすめ記事を上手に設定するとブログを読んでもらうための切り口となり、読者を増やすのにとても有効だよ。^^「上手に設定しようね!!!」◀︎ \ PV UP!! /

osaboo
osaboo

こんな方におすすめ!

  • WordPressテーマ ▶︎ AFFINGER6を使っている。
  • AFFINGER6の「おすすめ記事一覧」の設定を知りたい。
  • AFFINGER6の「おすすめ記事一覧」の設置場所と有効性を知りたい。

今回の記事では…

AFFINGER6の「おすすめ記事一覧」の設定方法をご紹介します。「おすすめ記事一覧」の設定は、より多くの読者(ユーザー)を獲得するためにとても有効です。この記事では有効性の高いとされる設置場所や表示記事数等もあわせてご紹介しますので、是非!お役立てください。

それではご覧ください。

初心者でも安心 コスパ最強の洗練されたWordPressテーマ/

AFFINGER6 購入 ▶︎ 詳しくはこちら

\\『すごいもくじLITE』が付いてくる!限定特典キャンペーン実施中!//

- 少しづつ増え続ける当サイトオリジナル特典付!-

購入方法で迷ったら…こちらで確認【特典付きを購入しよう!】

AFFINGER6 記事一覧設定 ▶︎ ヘッダーカード

当サイトでも採用している『ヘッダーカード』の設定方法をご紹介します。

AFFINGER6に標準で装備されているヘッダーカードは、トップページや固定ページに設置でき、表示・非表示の設定がとても簡単なので超おすすめです。
勿論、標準装備されている機能なのでCSS等の追加なしで初心者でも安心・安全に使えます。◀︎ 使わなきゃ損 ^^

※ 簡単の設置できるからといって「やり過ぎ・貼りすぎ」には注意しましょう。◀︎ 悪目立ちは逆効果です。

完成イメージはこんな感じです。▶︎ 当サイトトップページ参照

ヘッダーカード-完成イメージ

※ 本記事の設定では『AFFINGER管理』のメニューを編集します。

ロリポップレンタルサーバーをお使いの方は、ドメインの『WAFの設定』を一時的に無効 にしてください。◀︎『403 Error』が出た場合。

AFFINGER6&ロリポップ!レンタルサーバー『403 Error』が出た時の対処方法!
AFFINGER6&ロリポップ!レンタルサーバー『403 Error』が出た時の対処方法!

ロリポップ!レンタルサーバーを使用してAFFINGER6(ACTION)のヘッダー等の表示系をカスタマイズするとセーブ時に『403 Error』が表示されセーブできない! こんな時はロリポップユーザー専用ページにログインしてWAFの設定を無効にするだけ!

ヘッダーカードの設定

それでは、ヘッダーカードを設定していきましょう。

『AFFINGER管理>ヘッダー下/おすすめ>ヘッダーカード』をクリックします。

AFFINGER管理-ヘッダー下/おすすめ-ヘッダーカード

※ カードは標準で、4枚まで作成可能です。減らす方向で表示数を変更できます。

AFFINGER6 記事一覧設定 ▶︎ おすすめ記事一覧

サイトを訪れた読者が、目的の記事以外に興味を持ったときにチェックされるのが「新着記事」と「おすすめ記事」です。多くに場合、目的の記事を読んでいる時に「”ふ…”と気になる・気を逸らす」という場面で観覧するケースが多いようです。この時に画面に表示されていれば誘導される確率はかなり高くなります。…で有効なのが「サイドバー」です。
AFFINGER6では、サイドバーにおすすめ記事を簡単に設置できるので、この機能を有効活用しましょう。

記事観覧時のイメージは、こんな感じです。(サイドバー)◀︎ 当サイト記事観覧を参照

おすすめ記事一覧-サンプル

※ 上の画面の右側の「おすすめ記事一覧」が、記事スクロール時にサイドに固定された状態になります。

おすすめ記事一覧の設定

それでは、おすすめ記事一覧を設定していきましょう。

『AFFINGER管理>ヘッダー下/おすすめ>おすすめ記事一覧』をクリックします。

AFFINGER管理-ヘッダー下/おすすめ-おすすめ記事一覧

おすすめ記事一覧 ▶︎ ❶〜❹ の入力例

  • おすすめ記事一覧に表示する文字:人気記事
  • 任意の人気記事を指定(投稿又は固定記事ID):111,222,333,444,555
  • 表示箇所・有無を選択:☑️ サイドのスクロールに表示にする(抜粋非表示)
  • 『Save』

補足

  1. ❶項目でよく使われるタイトルは、「人気記事」「おすすめ記事」「よく読まれている記事」などです。
  2. ❷項目の記事数は、3〜5個が無難です。
  3. ❸項目の表示箇所は、「サイドのスクロール」に設定します。

初心者でも安心 コスパ最強の洗練されたWordPressテーマ/

AFFINGER6 購入 ▶︎ 詳しくはこちら

\\『すごいもくじLITE』が付いてくる!限定特典キャンペーン実施中!//

- 少しづつ増え続ける当サイトオリジナル特典付!-

購入方法で迷ったら…こちらで確認【特典付きを購入しよう!】

AFFINGER6 記事一覧設定 ▶︎ 設置場所の有効性について

一般的にサイト訪問者の多くがランディングページ(最初に訪れたページ)に対して本文以外に「上方・最下部・左右」(四隅)に注目する傾向にあります。これを踏まえて、「ヘッダーカード」と「おすすめ記事一覧」を当てはめると必然的に表示場所が見えてきますよね。◀︎(あくまで傾向ですが…)

ここ重要です!

  • ヘッダーカードは、上方(ヘッダー下)が有効。◀︎ ヘッダーカードに限らず、切り口となる記事等は上方に設置すると効果的
  • おすすめ記事一覧は、左右(サイドバー)が有効。◀︎ 記事スクロール時にサイドバーに固定表示さると効果的
  • 関連記事一覧・ピックアップ記事一覧は、最下部(フッターまたはフッター上部)が効果的。◀︎ 見落としがちだが着目度は高い!

※ 一般的な統計から割り出されているので保証するものではありません。

AFFINGER6の標準機能では、上記のような有効性をデフォルトの設定で網羅しており、SEOに強くなるように作られています。…なので、スムーズに配置できると思います。

※ 仕上げは、個々のサイトの構造に合わせて微調整や追加削除をするようお願いします。

あわせて読みたい!

まとめ!AFFINGER6【おすすめ記事一覧の設定方法】初心者向けに解説

今回は、ヘッダーカードとおすすめ記事一覧の設定方法をご紹介しました。ブログを始めたばかりだと記事数が少なくてサイトが思うように作れないですよね。サイトのデザインを作るためにも今回ご紹介したヘッダーカードとおすすめ記事一覧を設置するのは良好かと思います。がらんどうのサイトをリッチに見せるためにも一役買うのではないでしょうか。AFFINGER6なら簡単です!!是非お試しください。

「最後まで、ご観覧いただきありがとうございました。」
また、次の記事で…お会いしましょう。\^^/

WordPressテーマ

ACTION / AFFINGER6
コスパ最強のWordPressテーマ

action-affinger6-ex-1a

AFFINGER

WordPressテーマ

シンプル美と機能性両立を両立させた、圧巻のWordPressテーマ

SWELL

AFFINGER6_おすすめ記事!

【2023年版 Wordpressテーマ】AFFINGER6とSWELL徹底比較!両方使ってみた 1

WordPressテーマ「AFFINGER6とSWELL」を徹底比較。現役で両方使っている筆者が「こんな人におすすめ」を解説。テーマ選びで重要視するポイントやブロックエディターとクラシックエディターに関する注意点等、中立の立ち位置でご紹介。

【特典付き】AFFINGER6(ACTION)を使って2年目のレビュー!メリット・デメリットを完全解説 2

AFFINGER6とAFFINGER6EXの両方を使って3年目の本音レビューをご紹介。初心者が使った場合のメリットとデメリットを目線を合わせてご紹介。有料テーマをはじめて使う初心者の不安を解決!ブログ収益を加速させるオリジナル特典をご用意!しました。

AFFINGER6 初心者がオススメする購入方法【特典付きを購入しよう!】 3

WordPressテーマACTION(AFFINGER6)のおすすめ購入方法を初心者目線でご紹介。また購入後のダウンロードからインストールまでの手順を全画像付きで丁寧に解説。初心者が迷子にならない為の公式サイトの検索手順と注意事項もご紹介します。

AFFINGER6▶︎AFFINGERタグ管理マネージャー4 ver.4.1.1 の使い方! 4

AFFINGERタグ管理マネージャー4 ver4.1.1が2022/9/21にアップデートされ大幅に使いやすくなりました!表示機能も強化されグッと見やすなったリンク計測の表示など、アップデートの手順から広告用タグの作り方まで一気にご紹介します。

-Function AFFINGER
-