AFFINGER 投稿記事のカスタマイズ

【AFFINGER6】投稿記事・ブログカードのカード内に文を表示させる抜粋設定について

2022年1月2日

当サイトのコンテンツには、広告を記載している場合があります。＜景品表示法に基づく記載＞

 

今回は「AFFINGER6」における投稿記事とブログカードのカード内に記事内の文章を表示させる「抜粋設定」の解説をしていきます。

 

こんな人におすすめ

  • WordPressテーマ「AFFINGER」を利用している方
  • ブログカードや投稿記事をカードスタイルでカスタマイズ中の方

 

まだ「AFFINGER」のテーマをご利用でない方はリンクよりご購入できます！

 

参考となる記事

 

この記事を書いた人

 

＼ 当ブログ使用テーマ ／

  • 誰でも簡単オシャレなデザイン！
  • インフォトップ月間総合第１位！
  • SEO対策と収益UPを標準で搭載！

有名ブロガーに愛用されているSEO最強WordPressテーマ。本ブログも使用中のカスタマイズ性が抜群のテーマです！

AFFINGER6の購入はこちら

 

稿記事とブログカードの「抜粋設定」とは？

それでは、まず初めに「抜粋設定」とは何かを解説していきます。

 

抜粋設定とは、WordPressテーマ「AFFINGER」を使用されている方は、「投稿記事の一覧」や「新着記事」、「関連記事」の項目がサイト全体で自動的にデザインされるかと思います。

 

その際に、投稿記事の内容を表示してくれる機能のことを指します。

 

ちなみに、「抜粋機能」のON /OFFを切り替えたサンプルイメージは以下通りになっています。

 

投稿記事のON /OFF

 

 

新着記事 or 関連記事のON /OFF

 

このように、投稿記事の「抜粋機能」を切り替えることで、かなりサイトの見え方やデザインが変わってくると思います。

 

抜粋設定をON /OFF切り替えるには？

 

それでは、「抜粋機能」の表示切り替えをできる設定画面に移動しましょう。

 

作業1.  WordPressの管理画面より、「AFFINGER 管理」→「全体設定」を選択します。

 

 

 

作業2.  「抜粋設定」の項目に移動 or 選択する。

 

 

作業3.  抜粋設定の項目にて各種の設定を行っていく。

 

 

以上の設定項目にて、記事一覧の項目や記事内に差し込まれたブログカードに「抜粋設定」を切り替えることができます。

 

記事一覧の項目のイメージ

 

記事内に差し込まれたブログカードのイメージ

 

「抜粋設定」のカスタマイズを行う

それでは、続いて各項目の「抜粋設定」の切り替えについて解説をしていきます。以下の項目を簡単に紹介していきます。

 

  1. 記事一覧の抜粋設定
  2. 「ブログカード 」「おすすめ記事」の抜粋設定
  3. 抜粋する文字数の設定

 

記事一覧の抜粋設定について

初めに「記事一覧」の抜粋設定を行っていきましょう。こちらは、サイトのトップページに表示されるものになるので特に設定のON /OFFを切り替える方法を知っておくことをオススメします。

 

先ほどの手順で説明した抜粋設定の項目の「PC閲覧時も記事一覧（トップ・アーカイブ・関連記事）の抜粋を非表示にする」の項目にて、抜粋設定の切り替えが行えます。

 

初めに「非表示にする」にチェックをつけてみましょう。

 

 

そうすると、以下の通り投稿記事のデザインに記事内の文が表示されない設定ができます。

 

 

次に「非表示にする」にチェックを外してみます。

 

 

そうすることで、以下の通り投稿記事のデザインに記事内の文が表示される設定ができます。

 

 

サイトのトップ画面に表示される「投稿記事一覧」は見え方が結構変わります。カスタマイズする際にサイト全体のバランスを見ながらON /OFFの切り替えを行ってみてください。

 

「ブログカード」「おすすめ記事」の抜粋設定について

次に「ブログカード」の抜粋設定を行っていきます。同様の設定画面にて行います。

 

「PC閲覧時の「ブログカード」及びコンテンツ内の「おすすめ記事」の抜粋を非表示にする」の項目にて、「非表示にする」にチェックをつけてみましょう。

 

 

そうすると、以下の通り記事内に差し込まれたブログカードのデザインに記事内の文が表示されない設定ができます。

 

 

次に「非表示にする」にチェックを外してみます。

 

 

 

チェックを外すと以下の通り、ブログカードのデザインに記事内の文が表示される設定ができます。

 

 

個人的には、上記の記事内に差し込まれた「ブログカード」及び「おすすめ記事」には抜粋設定があったほうがいいいいかと思って設定していますが、お好みで全く問題ありません！

 

抜粋設定の文字数を指定する

最後に抜粋設定を行った場合に、文字数を指定してバランスを考える必要があるかと思います。

 

設定項目は「抜粋の文字数※デフォルトは100（ブログカード風ショートコード含む」にて文字数の指定をするだけなので、各項目で表示する際にはそれぞれどの程度表示するべきかを、プレビュー画面などで確認しながら設定しましょう。

 

 

まとめ

以上、「AFFINGER6における、投稿記事・ブログカードの抜粋設定方法でした。

 

WordPressテーマ「AFFINGER」はさまざまな設定が行える分、ワードプレス初心者の方には結構難しい設定もさまざまあります。今後もカスタマイズの解説記事作成予定なので、ぜひ参考にしてください。

 

参考トップページのカスタマイズに関する記事かこちら

 

参考アップデートやインストール・プラグインに関する記事はこちら

 

参考投稿記事のカスタマイズも関する記事はこちら

 

参考Gogleアドセンス×AFFINGERのカスタマイズについての記事はこちら

 

 

  • この記事を書いた人

せなお

ブログ月間1.6万PV｜YouTubeチャンネル登録者数1000達成！｜最新のITスキルとAIに関する情報発信｜ガジェットレビュー｜Webデザイン｜ 動画編集スキル｜X, Instagramでも情報発信｜本業の3倍稼ぐことのが目標

-AFFINGER, 投稿記事のカスタマイズ
-,