
こんな悩みに答えます
今回は、以下キャプチャAFFINGER5『ブログカード』の作成方法、細かいカスタマイズについて解説していきます。
「ブログカード」は、他ページへ誘導させるのに効果的で、通常のテキストリンクと比べても目立つので、ユーザーにも気づいてもらいやすいです。
記事が増えたら関連するページや読ませたいページに誘導するために、ブログカードをページ内にどんどん置いてみましょう!
前置きが長くなり恐縮でありますが、早速始めていきますね。
目次
アフィンガー5ブログカードの設定手順
アフィンガー5ブログカードの設定手順
ブログカードの作り方について、解説します。
まず、記事作成ページで「カード」をクリックします。
すると下記ソースが出てきます。
ブログカードのソース
ソースで編集する箇所は以下です。
- id="" : 記事IDを入れます。
- label="" : 『オススメ』『参考記事』『関連記事』など好みのラベルを入れます。
- readmore="on" : 『続きを見る』のラベルを表示させる。『on』は表示で『off』は非表示。
「id」の見つけ方は『投稿 → 投稿一覧』でIDの列があるので、そこから取得することができます。
これでブログカードの「id」設定が完了です。
ブログカードの細かいカスタマイズ
『AFFINGER5管理 → デザイン → 抜粋設定』からブログカードの細かい設定ができます。
AFFINGER5管理 → デザイン → 抜粋設定
1つずつ設定が終わりましたら、「save」を押して終わりです。
ブログカードの周りに影をつける
CSSでブログカードの周りに影をつけることができます。

詳しくはAFFINGER5ブログカードのボックス周りに影をつける方法で紹介していますので、参考にしてみてください。
アフィンガー5におけるブログカードを設定するメリット
アフィンガー5におけるブログカードを設定するメリット
AFFINGER5におけるブログカードを設定することのメリットは以下です。
- 回遊率UP
- 直帰率を防ぐ
- 収益ページへ誘導できる
ブログカードの最大のメリットは、関連ページへ誘導できることです。
先述したように、ブログカードは通常のテキストに比べても目につきやすいデザインです。
なので、読んでもらいたいページや収益化ページへ誘導させるには効果的な設定です。

まとめ:アフィンガー5のブログカードは便利な機能です!
いかがでしたか?
今回は、『AFFINGER5のブログカードの設定方法』と『ブログカードを設定することで得られるメリット』について紹介しました。
ブログカードを使ってカスタマイズしてみてはどうでしょうか。
ここまで読んでいただき、ありがとうございました。
-
-
関連記事【アフィンガー5】トップページのカスタマイズ方法【かっこよく見せる方法】
悩む人 トップページのカテゴリを2分割に分けて表示設定したいけど、設定方法は? こんな悩みに答えます。 WordPressテーマのアフィンガー5に変えたら、ブ ...
続きを見る