WORDPRESS

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

AFFINGER5で、「ブログカード」の抜粋表示の設定をカスタマイズする手順 アイキャッチ



あずきです🐥

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

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

について、初心者さん向けに1から解説していきます(簡単です♪)

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

AFFINGER5_ブログカードの抜粋表示をカスタマイズ_top-01

↑ こういったもの

通常の…

AFFINGER5_ブログカードの抜粋表示をカスタマイズ_top-02

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

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

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

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

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

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

AFFINGER5で、リンクの一種「ブログカード」を作る手順 アイキャッチ
AFFINGER5で、リンクの一種「ブログカード」を作る手順【WordPressブログ】

続きを見る

当ブログのWordPress環境

\ 当ブログで愛用しています /

ACTION AFFINGER6 バナー 01-300px

検証と改善を重ねた唯一無二のテーマ

「稼ぐ」に特化したワードプレステーマ『ACTION AFFINGER6』

今ならプラグイン「すごいもくじLITE」を期間限定で配布中!

関連:【1番の本質】ACTION AFFINGER6って実際どう?気に入ってる点・気になる点を、専業ブロガーが本気レビュー【愛用テーマ】

 

About me

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

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

あずき

 

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

 

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

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

WordPress ヘッダー a-01

 

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

AFFINGER5_ブログカードの抜粋表示をカスタマイズ_1-01

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

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

AFFINGER5_ブログカードの抜粋表示をカスタマイズ_1-02

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

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

AFFINGER5_ブログカードの抜粋表示をカスタマイズ_1-03

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

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

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

AFFINGER5_ブログカードの抜粋表示をカスタマイズ_1-04

↑ こういった感じ🐥

まず…

AFFINGER5_ブログカードの抜粋表示をカスタマイズ_1-05

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

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

AFFINGER5_ブログカードの抜粋表示をカスタマイズ_1-06

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

実際の画面では…

AFFINGER5_ブログカードの抜粋表示をカスタマイズ_1-07

↑ こんなふうに映ります

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

AFFINGER5_ブログカードの抜粋表示をカスタマイズ_1-08

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

AFFINGER5_ブログカードの抜粋表示をカスタマイズ_1-09

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

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

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

AFFINGER5_ブログカードの抜粋表示をカスタマイズ_1-10

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

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

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

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

おしまい♪

あずき🐥

\ 当ブログで愛用しています /

ACTION AFFINGER6 バナー 01-300px

検証と改善を重ねた唯一無二のテーマ

「稼ぐ」に特化したワードプレステーマ『ACTION AFFINGER6』

今ならプラグイン「すごいもくじLITE」を期間限定で配布中!

関連:【1番の本質】ACTION AFFINGER6って実際どう?気に入ってる点・気になる点を、専業ブロガーが本気レビュー【愛用テーマ】

 

About me

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

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

あずき

 

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

 

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

-WORDPRESS