【AFFINGER5】ブログカード・ラベルの作成方法を紹介【簡単カスタマイズ】

困ってる人

●AFFINGER5でのブログカード作成方法がわからない。。

●ブログカードをおしゃれにカスタマイズするにはどうすればいいんだろう。。

今回はこんなお悩みに答えていきます。

本記事の信頼性

ブログを始めて記事を書いているけど、内部リンクのカード化のやり方がわからない、そんな風に僕自身も最初は思っていました。

しかしAFFINGERでブログカードを作成するのは超簡単。

上記のようなブログカードが簡単に作成できますよ。

今回はそんなWordPressブログ初心者の方でも簡単にできる、AFFINGERブログカードの作成方法とラベルの表示方法について画像を使って紹介します。

本記事を読めば、AFFINGERのブログカード・ラベルの作成方法が簡単にわかると思うのでぜひ参考にしてみて下さい。

それでは早速始めていきます。

AFFINGER5のブログカードとは？

AFFINGER5のブログカードとは？

困ってる人

ブログカードがそもそもあまりわかっていません。

ブログカードとは別記事へのリンクをカード型で表示することでして、アイキャッチ画像や記事タイトルなどをまとめて表示する埋め込み型の形式のことです。

先ほどもご紹介したように以下のようなリンクがブログカードになります。

上記のような感じですね。

AFFINGER6ではブログカードの設定が1分もあれば超簡単にできます。

ちなみにAFFINGER5だけではなく、他のWordPressテーマでもブログカードは設定可能ですよ。

＞＞【2021年】WordPressブログのおすすめ有料テーマ７つを徹底比較

AFFINGER5でブログカードを作成する方法

AFFINGER5でブログカードを作成する方法

それではAFFINGER5でのブログカード作成方法についてご紹介します。

簡単で使う機会も多いと思うので、すぐになれると思いますよ。

手順は下記2つだけ。

順番に見ていきましょう。

手順①：投稿画面の『カード』をクリックする

まず投稿の『ビジュアルエディター』内でカードをクリックします。

AFFINGER投稿画面のカードをクリック

以下のような文言が表示されます。

ブログカードのコード

ここまでくればほぼできています。

手順②：記事のID番号を入力する

後はid="○○"の部分に記事のIDを入力すれば、リンクしたい記事のカード表示ができます。

AFFINGER5記事ID調査方法

idの調べ方は、投稿一覧をクリックします。

投稿一覧をクリック

AFFINGER5 記事IDをブログカードに入力する

これでブログカードの作成は完了です。以下のように表示できました。

【AFFINGER5】ブログカードのカスタマイズ方法【見た目を変える】

【AFFINGER5】ブログカードのカスタマイズ方法【見た目を変える】

ブログカードの作成はできた思うので、次にカスタマイズ方法について2つご紹介します。

その①：ブログカード内のコードをカスタマイズする

先ほどカードで入力したコードは自由にカスタマイズできます。

ブログカードのコード

上記のように以上をブログカードを自由にカスタマイズできます。

その②：ブログカードのラベルをカスタマイズする

ラベルとはブログカードの左上にたすき掛けがかかるような表示です。

上のコードの中に文字を入力すると以下のような表示になります。

外観⇒カスタマイズ

カスタマイズ内の+オプショナルカラーをクリックしてブログカード／ラベルをクリックしてください。

ブログカードの/ラベルをクリック

するとラベルの背景色や文字色を変更できるので、お好みにカスタマイズしましょう。

ブログカードの色をカスタマイズする

ラベルを用いることでブログカードをより目立たせ、おしゃれにもできるので活用してみてください。

【AFFINGER5】ブログカードで外部リンクを作成する方法2つ

【AFFINGER5】ブログカードで外部リンクを作成する方法

ここまでブログカード作成の方法について紹介してきましたが、AFFINGER5で作成できるのは、内部リンクのみです。

外部リンクをブログカード化するには以下2つのどちらかの手順になります。

それぞれ紹介します。

その①：AFFINGER公式プラグインを実装する

AFFINGER5公式より外部リンクをブログカード化するプラグインが有料で販売されています。

＞＞AFFINGER5の公式プラグインをチェックする。

しかしこのプラグインは有料でして、購入に3800円(税込み)かかります。

ぶっちゃけ個人的にはプラグインのブログカード化だけで4000円近くの値段を払うのはちょっとどうかな・・とも思ってしまう。。なので次に紹介する無料プラグインでも十分だと思います。

その②：無料プラグイン「Pz-LinkCard」を実装する

2つ目は無料プラグイン『Pz-LinkCard』を実装することです。

有料プラグインに比べてラベル設定をすることはできませんが、無料でも十分な機能性はあります。

外部リンクはテキストリンクでも問題ないと思います。しかしブログカード化したい人は、無料プラグインから使用してみましょう。

【AFFINGER5】ブログカードの効果的な使い方3つ

【AFFINGER5】ブログカードの効果的な使い方3つ

ブログカードの作成方法とカスタマイズ方法について紹介しましたが、効果的な使い方について解説します。

ブログカードを使う目的としては、見栄えをよくすることもありますが一番はクリック率を上げることです。

なのでブログカードを用いてクリック率を上げるためにはどうするのが効果的かご紹介します。

それぞれ解説します。

使い方①：ブログカードを使いすぎない（テキストリンクを用いる）

ブログカードは内部リンクについつい使ってしまいがちですが、多用しすぎるのはやめましょう。

ブログカードを用いる際は連続して使いすぎない、またテキストリンクを使うようにしましょう。

またテキストリンクとブログカードを併用して使うことも効果的ですよ。

使い方②：アイキャッチ画像で目立たせる

おしゃれなアイキャッチ画像はついついクリック率したくなるという方も多いです。

記事作成に余力ができたきたらアイキャッチ画像を自作したりするのもおすすめ。

アイキャッチ画像はCanvaを用いればおしゃれに加工も可能です。

当サイトはアイキャッチ画像の作成はほぼしてませんが、代わりに有料画像を用いています。質の高い画像がすぐに見つかるので、おすすめですよ。

なお、ブログで使える有料画像サイトについては、【2021年版】ブログ運営で有料画像を使うべき理由6つ＆おすすめの有料画像サイト3選を参考にしてみて下さい。

使い方③：ラベル＆リボンを活用する

ブログカードに装飾があるのとないのではやはりある方がおしゃれに見えますよね。

悩んでいる人

そんなちょっとのことで変わるの？

そう思われる方もいるかもしれませんが『神は細部に宿る』とも言われるので細かい部分が案外重要になったりします。

細かい部分にこだわってみるのも記事作成においては大切ですね。

【Q&A】AFFINGER5でブログカードを使用する際の疑問＆悩みについてお答えします

【Q&A】AFFINGER5でブログカードを使用する際の疑問＆悩みについてお答えします

最後にブログカードに関する疑問＆悩みについてお答えします。

ブログカードは記事のどの場所に貼ればいいの？

結論、ブログカードを貼る個所は下記3つがおすすめ。

• 記事の最後
• 見出しの前
• 関連情報を補足する箇所

上記のような感じですね。読者の箸休めのポイントや必要な情報を補足するときに入れるのが効果的です。

テキストリンクとブログカードどっちがいいの？

結論、どちらも使うべきというのが答えです。

なぜなら、それぞれのリンク種類でメリットがあるから。

テキストリンクのメリット

• クリックの押し付け感がない
• 記事内容からリンクまでスラスラ読める
• リンクの場所を取らない

ブログカードのメリット

• 読者の目に留まりやすく目立つ
• リンクのクリックがしやすい

1つ注意しておきたいのがどちらも使いすぎは避けた方がいいということ。

テキストリンク、ブログカード両方使ってリンクを作成してみましょう。

まとめ：AFFINGER5でブログカードを活用してクリック率を上げよう！

まとめ：AFFINGER5でブログカードを活用してクリック率を上げよう！

今回はAFFINGER5のブログカード・ラベルの作成方法＆カスタマイズ方法について紹介しました。

AFFINGER5では簡単にブログカード化ができるのでぜひ使用してみて下さい。

AFFINGER5は細部までカスタマイズができるので、こういった細かい部分にもこだわってPV数やクリック率をあげましょう。

本記事が参考になれば幸いです。最後まで読んで頂きありがとうございました。

それでは本日はこの辺りで！

関連記事AFFINGER5（アフィンガー5）の購入手順と初期設定方法を解説【全手順画像付き】

人気記事【2021年版】おすすめアフィリエイトASP17社を徹底比較【初心者登録必須】