affinger-customize-blog-card-20200323_ec

WordPress

AFFINGER5で、「ブログカード」の抜粋表示の設定をカスタマイズする手順【WordPressブログ】



今回は、このブログでも愛用中のWordPressテーマ「WING(AFFINGER5)」における…

「ブログカード」のカスタマイズ手順

をご紹介していきたいと思います

まず「WING(AFFINGER5)」における「ブログカード」とは、例えば…

affinger-customize-blog-card-20200323_top-01

↑ こういったもの

通常の…

affinger-customize-blog-card-20200323_top-02

↑ このようなリンクテキスト(青字のとこ!)よりも、存在感やキャッチーさを出すことができます

で、このブログカードは、タイトル下の「抜粋文」について…

  • 抜粋文の、「文字数」を自由に指定する
  • 抜粋文の、「表示そのもの」をオン or オフにする
  • 同じく、スマホ画面での表示をオン or オフにする

この3点のカスタマイズができる仕様になってます

やり方も簡単!

それではさっそく見ていきましょー🐥

ブログカードの作り方自体は、↓ をどうぞ♪

affinger-blog-card-20200322_ec
AFFINGER5で、リンクの一種「ブログカード」を作る手順【WordPressブログ】

続きを見る

当ブログのWordPress環境

  • 使用してるテーマ:WING(AFFINGER5)
  • 使用してるエディタ:旧エディタ(クラシックエディタ)
  • 使用してるプラグイン:↓ の記事ですべて公開してます

WordPressブログで愛用中のおすすめプラグイン「16個」と設定方法をまとめて公開

wing300_gif_osusume

WordPressテーマ WING(AFFINGER5)

この記事を書いた人

azuki_01

あずき

専業ブロガー / フリーランス3年目 / 元アパレル / WordPressとSEOを独学で学んで、10年間の会社員生活から独立しました

AFFINGER5における、「ブログカード」のカスタマイズ手順【サムネ画像/抜粋文】

pc-work-202001_01

まずは、「AFFINGER5 管理」の画面を開きましょう(下記手順です)

affinger-customize-blog-card-20200323_1-01

↑ WordPress管理画面 > AFFINGER5 管理 をクリックします

「AFFINGER5 管理」の画面が開けたら…

affinger-customize-blog-card-20200323_1-02

↑ 左側のメニュー一覧から、「デザイン」タブをクリックします

「デザイン」タブを開いたら…

affinger-customize-blog-card-20200323_1-03

↑ この「抜粋設定」という項目を見てみましょう

ここで、「ブログカード」の抜粋表示をカスタマイズできます

ちなみにデフォルトの設定だと、ブログカードの実際の表示は…

affinger-customize-blog-card-20200323_1-04

↑ こういった感じ🐥

まず…

affinger-customize-blog-card-20200323_1-05

↑「抜粋の文字数」という項目で、タイトル下に表示される「抜粋文の文字数」を指定しましょう

初期設定では「100文字」となってますが、試しに…

affinger-customize-blog-card-20200323_1-06

↑「200文字」に変えてみました

実際の画面では…

affinger-customize-blog-card-20200323_1-07

↑ こんなふうに映ります

反対に、この「抜粋文」の表示そのものをオフにしたい場合は…

affinger-customize-blog-card-20200323_1-08

↑ この、「PC閲覧時の~~~~~の抜粋を非表示にする」にチェックを入れると…

affinger-customize-blog-card-20200323_1-09

↑「抜粋文」が丸ごと消せて、スッキリした印象になります

このブログでも、抜粋文の表示はオフにしてるよ!

あともう1点、「スマホ画面」でも抜粋を表示したい場合は…

affinger-customize-blog-card-20200323_1-10

↑ この、「スマホ~~~~~の抜粋を表示する」にチェックを入れればOKです

このブログでは、スマホ画面の抜粋表示もオフの設定!

「抜粋文」の表示は、一見便利なようで、一歩まちがえると「情報がムダに多くなって見づらい感じ」にもなりますよね

なので、「自分が読者だったら?」という視点や「実際のデータで見比べる」などして、自分なりの正解を見つけるのがいいかなと(^^)

今回の「ブログカードのカスタマイズ」については、これで以上となります

お疲れさまでした♪

あずき🐥

wing300_gif_osusume

WordPressテーマ WING(AFFINGER5)

この記事を書いた人

azuki_01

あずき

専業ブロガー / フリーランス3年目 / 元アパレル / WordPressとSEOを独学で学んで、10年間の会社員生活から独立しました

-WordPress

Copyright© あずきのぶろぐ。 , 2020 All Rights Reserved.