アフィンガーでブログカードを設定する方法【超簡単】

悩む人

ブログ記事でよく見かけるカード型のリンクってどうやって設置するんだろう？

こんな疑問に答えます。

答える人

今回は，アフィンガーでブログカード型の記事リンクを設置する方法を紹介します。

記事の内部リンクは，ブログカード型のリンクにするのがおすすめです。

ブログカードがおすすめな理由

また，ブログカードを設置済みでカスタマイズの方法が知りたい人は，

アフィンガーでブログカードのデザインをカスタマイズする方法

で詳しく解説していますので，参考にしてください。

ブログカードって何？

ブログカードは，見た目がアイキャッチ画像の表示されているのカード型のリンクです。

ブログカードを設定することで，デフォルトのテキスト型の外部リンクや内部リンクの見た目が，アイキャッチ画像が表示されるカード型のデザインに変わります。

リンク自体が変わることはありませんが，本来のテキストリンクに比べて見た目が目立ちますので，読者の目を引きやすくなります。

これによって，気になる記事へリンクしてもらえる回数が上がって，ブログの回遊率が上がります。

読者はブログの文章を最初から最後まで全部見ているわけではありませんので，テキストリンクだと気付いてもらえない可能性だってありますが，ブログカードにしていると目に止まりやすくなってクリックしてもらえる確率が上がりますよ。

答える人

それでは早速，ブログカードを設置する方法を解説していきます。

とはいっても，設定は驚くほど簡単です。（たったの4ステップ）

ブログカードを設置する方法

まずは，リンクしたい記事のIDを調べます。

「投稿一覧」で記事の1番右端にある数字が記事のIDになります。

記事のビジュアルエディターの編集画面で，リンクを設定する箇所で，

step
1タグ

step
2記事一覧/カード

step
3ブログカード

step
4「参考」または「CHECK（ふきだし）」を選択（ここでは，「参考」を選択しています。）

すると，

st-card myclass="st-no-shadow" id="" label="" pc_height="" name="" bgcolor="" color="" fontawesome="" readmore="on" thumbnail="on" type="text"

といったコードが表示されますので，id=""の""の中に記事IDを入力します。

プレビューで確認してみると，下の画面のようにカード型のリンクが表示されています。

ブログカードの表示の設定

ブログカードごとの個別設定は以下のようになってます。

ブログカードのおすすめ位置

ブログカードを配置するおすすめの位置は，

例えば，まとめ記事で全体の内容を書いて，ひとつひとつの詳しい内容は別記事へのリンクを繋げるイメージです。

そして，記事の最後にリンクを設置すると，記事を見終えた人にリンク記事を見たいと思ってもらえればクリックしてくれる事があります。

まとめ

悩んでいた人

これでブログカードの設定のやり方が分かりました。これからはブログカードを使ってたくさん見てもらえる記事を書いていきたいです。

はい。今回解説したブログカードをうまく使って，読者の満足度の高い記事を書いていってください。

答える人

今回は以上になります。

それではまた！