【Affinger5】ブログカードの表示設定まとめ

Affinger5でブログカードでリンクを作る方法を説明します。

ブログカードには、記事内での表示を調整するための、いくつかのオプションとスタイルがあります。

ブログに合うレイアウトを設定することで、ブログの読みやすさが変わります。

この記事では、代表的な設定について紹介します。

ブログカードとは

ブログカードとは、写真付きでリンクを作ることができる便利な機能です。

実際のブログカードは下の通りです。

関連記事【Affinger】ブログカードが目次表示されてしまう！目次から非表示にする方法を紹介

ブログ目次の作成においてブログカードの情報が含まれる問題を解消する方法について解説しています。記事内での設定変更手順を紹介していますので、ブログ運営者の方はぜひ参考にしてください。

続きを見る

ブログカードの設定手順

ブログカードを設定メニューは下の画像の通りです。

タグ　＞　記事一覧/カード　＞　ブログカード　＞　参考

「参考」をクリックすると、下のような情報が挿入されます。

この中にリンク先の情報やデザインの情報が書かれています。

次に、記事へのリンクをつけたり、タイトルなどの表示を調整します。

ここから、具体的な設定の方法について説明します。

ブログカードの表示設定

ブログカードの表示設定について紹介します。

ブログカードの表示設定を変える場合、下の2つの方法があります。

ブログカードタグの設定

ブログカードのタグ設定について紹介します。

ブログカードの設定を行ったときに、下のような情報が挿入されています。

タグ設定とは、このコードを更新することです。

タグの設定を変えることで、ブログカードの表示やリンク先を変えることができます。

メインとなる項目を説明します。

ID
ブログカードをクリックしたときのリンク先となる記事を設定します。

例として記事ID：１に対するリンクを作っています。

記事のIDはWordpressの投稿一覧画面から確認できます。

label
ブログカード上に表示されるキーワードを設定します。

ブログカード上の表示箇所はこちらのとおりです。

「関連記事」の文字を表示する場合は、下のように設定します。

readmore
ブログカード上に「続きを読む」ボタンを表示するための設定です。

ブログカード上の表示箇所はこちらのとおりです。

「続きを読む」ボタンを表示する場合は、下のように設定します。

ブログカードのスタイル設定

ブログカードのスタイル設定について紹介します。

ブログカードを設定するときのメニューは下の画像の通りです。

スタイル　＞　レイアウト

スタイル設定ごとのブログカード表示は下の通りです。

スタイル設定なし

関連記事【Affinger】ブログカードが目次表示されてしまう！目次から非表示にする方法を紹介

ブログ目次の作成においてブログカードの情報が含まれる問題を解消する方法について解説しています。記事内での設定変更手順を紹介していますので、ブログ運営者の方はぜひ参考にしてください。

続きを見る

スタイル設定あり　カードスタイル

関連記事【Affinger】ブログカードが目次表示されてしまう！目次から非表示にする方法を紹介

ブログ目次の作成においてブログカードの情報が含まれる問題を解消する方法について解説しています。記事内での設定変更手順を紹介していますので、ブログ運営者の方はぜひ参考にしてください。

続きを見る

スタイル設定あり　カードスタイルB

関連記事【Affinger】ブログカードが目次表示されてしまう！目次から非表示にする方法を紹介

ブログ目次の作成においてブログカードの情報が含まれる問題を解消する方法について解説しています。記事内での設定変更手順を紹介していますので、ブログ運営者の方はぜひ参考にしてください。

続きを見る

まとめ　ブログカードの設定手順

この記事ではAffingerのブログカード表示設定についてまとめました。

表示設定によって、ブログカードの大きさやボタンの表示が変わります。

読者にとってわかりやすい形のブログカード表示を設定しましょう。

関連記事【Affinger】ブログカードが目次表示されてしまう！目次から非表示にする方法を紹介

ブログ目次の作成においてブログカードの情報が含まれる問題を解消する方法について解説しています。記事内での設定変更手順を紹介していますので、ブログ運営者の方はぜひ参考にしてください。

続きを見る