AFFINGER6(アフィンガー)のブログカードの作り方。2秒で作れます。

AFFINGER6のブログカードってどうやって使うの？作り方を教えて！

このような疑問にお答えします。

機能面に優れていることで有名なAFFINGER6。その中のブログカードがかなり優秀なのですが、使い方が分からないという人が多いです。

しかし、実はそこまで難しい機能ではなくて、一度理解してしまえばあとは2秒で作れる超簡単な機能です。

ということで今回は、AFFINGER6のブログカードを作ったことがない人向けに、2秒で作れる方法を徹底的に解説します。また、カスタマイズ方法や効果的な配置方法など、ブログカードに関するすべての情報を公開します。

本記事でAFFINGER6のブログカードについて網羅的に理解することができますよ。

AFFINGER6(アフィンガー)ブログカードの完成イメージ

まずは、今回作成するブログカードがどんなものなのか？イメージしてください。

これから解説する内容を実践すれば、下記のようなブログカードを作ることができます。

それでは作り方を解説していきますね。

AFFINGER6(アフィンガー)ブログカードの作り方

ブログカードを作る手順は上記の3つ。

1つずつ解説していきます。

１．ブログカードにする記事IDをメモ

まずはブログカードとして表示したい記事のIDをメモしましょう。

記事IDについては、下記の通りWordPress管理画面から「投稿」→「投稿一覧」の順でクリックをすると確認できます。

画面右側にIDが表示されているので、メモしておきましょう。

２．ワンクリックでコードの挿入

ブログカードを作る際に必要なコードなのですが、AFFINGER6はワンクリックでOK。

下記の通り、記事編集画面にある「カード」をクリックしてください。

すると、次のようなショートコードが出力されます。

このショートコードには、それぞれ次のような意味があります。

コードには一つ一つ意味がありますが、いきなり全部覚えるのは無理。

どこを触ればどのように表示されるか、使いながら覚えていきましょう。(慣れれば簡単です)

３．ブログカードにする記事IDの入力

先ほどのショートコードに記事IDを入力すればブログカードの完成です。

入力する欄は、id=""の部分。画像で言うと、下記赤線です。

他は触る必要なし。

以上でAFFINGER6のブログカードの作り方の解説は終了です。

結論、記事IDをメモし、記事編集画面で「カード」で出力したショートコードに記事IDを入力するだけ。

慣れれば2秒で作成できる簡単な機能！

kazuki

さて、続いては少しお洒落に作りたいという人のために、カスタマイズ方法を解説します。

AFFINGER6(アフィンガー)ブログカードのカスタマイズ

カスタマイズできる箇所は上記の3点。

1つずつ解説していきますね。

１．サムネイル画像設定の変更

下記の通り、WordPress管理画面から「AFFINGER6管理」→「デザイン」の順にクリック。（※画像はAFFINGER5ですが、内容は同じです）

その中の「サムネイル画像設定」を見つけて下さい。

ここで各記事一覧で表示する、サムネイルデザインをカスタマイズすることができます。

カスタマイズ項目は次の通り。

こちらはお好みでOKです。

好きにカスタマイズしましょう。

ちなみに僕は"フルサイズ"にチェックを入れています。

kazuki

２．抜粋設定の変更

抜粋設定についても、先ほどのサムネイル画像設定と同じ画面で可能です。

下記のとおりWordPress管理画面から「AFFINGER6管理」→「デザイン」の順にクリックしていただき、その中の「抜粋設定」を見つけて下さい。

ここで抜粋表示についてカスタマイズすることができます。項目は次の通り。

こちらもお好みでOKなので、好きにカスタマイズしましょう。

ちなみに僕は"PC閲覧時の「ブログカード」及びコンテンツ内の「おすすめ記事」の抜粋を非表示にする"にチェックを入れています。

kazuki

３．ショートコードの変更

ショートコードを変更することで、さらにおしゃれにカードを表示させることができます。

まずはコードを用意します。記事編集画面で「カード」をクリックしてください。

そのままでは下記のように表示されます。

こちらは次のように変更できます。

※カラーコードはこちらから確認できます。

僕は何もカスタマイズしていませんが、おしゃれさを追求するならカスタマイズしましょう！

kazuki

以上、ブログカードのカスタマイズについてでした。これで作成からカスタマイズまで完了です。いつでもブログカードを使うことができますが、効果的な配置方法があるので闇雲に使ってはいけません。

詳しくは、次の項で解説していきますね。

AFFINGER6(アフィンガー)ブログカードの効果的な配置方法

効果的な配置方法としては、上記の2つ。

1つずつ解説します。

1．記事最後に配置

読者は記事を最後まで読み終わるとGoogleに戻って別の記事を探すので、記事の最後にブログカードを配置することで、Googleに戻らずサイト内を回遊してもらえる可能性が高くなるということです。

ここで大事なのが、配置するブログカードは必ず関連する内容の記事であるということ。

配置する記事は、必ず関連記事を配置しましょう。しかし、これは記事最後のお話。記事途中では別の方法が効果的です。方法は次で解説しますね。

2．テキストリンクと一緒に配置

先ほどの記事最後に配置する場合はブログカードだけでもいいのですが、記事途中だと微妙。

記事最後になるとユーザーは次の記事を探すマインドにシフトしているのですが、記事途中では"記事"を読むことに集中しています。

読むことに集中って言っても、流し読みだけどね（笑）

kazuki

記事を流し読みしている読者が目立つブログカードを見つけても、きちんと誘導してあげなければ読者はなかなか動かない。

なので、"こちらの記事をどうぞ"という具合に、テキストで誘導する必要があります。具体的な配置方法をお見せします。

このように配置します。目立つブログカードで読者の目を留まらせ、テキストで誘導する。最強の2重策です。

収益記事への誘導を逃さないための効果的な手法ですよ。

kazuki

以上、ブログカードの効果的な配置方法についてでした。これですぐに記事に導入できますが、まだ慌てないで。

注意点を理解しておかないと後で痛い目を見ます。次の項で詳しく解説するので、しっかり読んでください。

AFFINGER6(アフィンガー)ブログカードの注意点

注意点は上記の3つ。

1つずつ解説していきます。

１．必要ない記事をカード型で表示しない

読者にとって必要ないものは邪魔です。ユーザビリティ向上のためにも、本当に必要な記事だけカード型にしましょう。

読者満足度を第一に！

kazuki

２．アイキャッチ画像を設定しましょう

アイキャッチ画像を設定していなければ、ブログカードで表示した際に画像が出てきません。

カード型で作成したい記事にアイキャッチ画像が設定されているか、あらかじめ確認しておきましょう。

画像なしはさすがにかっこ悪い（笑）

kazuki

３．クリック率が下がる可能性がある

実はカード型のリンクはクリック率が下がる可能性があります。

というのも、テキストであれば「詳しくはこちらの～で解説しています」というように、文章中で自然に誘導することができます。

しかし、カード型ではリンクを置いておくだけなので、目立つもののクリックされない可能性が高まります。

文章を流し読みしている読者をブログカードで目を留まらせ、テキストリンクで誘導する。2重の策を張ることで、逆にクリック率を上げましょう。

ブログカードだけは正直微妙。。。テキストと掛け合わせよう！

kazuki

以上、ブログカードの注意点でした。

ここまで読んだあなたはAFFINGER6ブログカードマスターです。

クリック率を上げるための一工夫を怠らず、サイト内を回遊してもらいましょう！

kazuki

まとめ：AFFINGER6(アフィンガー)ブログカードでおしゃれなリンクを作ろう

本記事ではAFFINGER6のブログカードについて網羅的に解説しました。

作り方としては非常に簡単で、一度覚えてしまえば次は2秒で作れます。

また、カスタマイズもいろいろできるので、必要なら自分好みのおしゃれなブログカードを作ってみましょう。

カスタマイズはそのままでも十分おしゃれだけどね！

kazuki

こんな感じで、当サイトではアフィンガー6に関する記事を網羅的にまとめています。

他にも気になることがあれば、下記の記事を参考にしてください。