ブログに画像付きリンク(ブログカード）を表示させる方法

この記事では、ワードプレスブログに画像付きリンク（ブログカード）を表示させる方法について解説しています。

・ブログのリンクを貼りたいけど、画像が表示されなくて困った…

こんなお悩みを解決するための記事です。

ブログカードとは、このような画像付きのリンクのことをいいます。

わたしはこの画像付きリンクを表示させたいのに、どうしてもアイキャッチ画像が出なくてしばらく困っていました。

いろいろ試して解決したので、その方法をお伝えします。

JIN～〈内部リンク〉ブログカード表示方法

わたしが使っている有料テーマの「JIN」では、画像付きのリンクの貼り方はとっても簡単です。

その方法は、「テキストモードにリンク先のURLをそのまま貼るだけ」です。

ただそれだけで、サムネイル付きのリンクを貼ることができます。

特に、コードは必要なし！

しかし、JINの内部リンク（自分が書いた記事）のみとなっていますのでご注意ください。

外部リンク（他者が書いた記事）の画像を表示させたい場合は、別にプラグインを入れる必要があります。

「Pz-LinkCard」というプラグインを使うと、外部リンクでもブログカードを作ることができます。

JIN～内部リンクのブログカードが表示されない時にチェックすること

「ブログカード作り、できるようになった！」と喜んでいたら、なぜかテキストリンクしか表示されなくなってしまいました。

原因を探るために、ＪINマニュアルをチェック。

これでも解決せずに困っていました。

すると、自分の記事にあるコードが入っていることに気が付きました。

<!– /wp:paragraph –>

というコードです。

こちら、Gutenbergエディタを使うと自動的に入るコードだそうです。

わたしはクラシックエディタを使っていますが、スマホのワードプレスアプリから記事を書いたり編集したりメディアを挿入することがあります。

スマホアプリは、Gutenbergエディタに対応しているらしいのです。

JIN～〈外部リンク〉ブログカード表示方法

内部リンクのブログカードは、これで表示されるようになったと思います。

外部リンクもブログカードで表示させたい場合は、プラグインをインストールする必要があります。

わたしは、「Pz-LinkCard」というプラグインを使って外部リンクのブログカードを表示させています。

外部リンクもブログカードを表示させたい場合は、こちらのプラグインをインストールしてみてください。

これで、外部リンクもブログカードが表示されます。

参考になる記事：【超簡単】ブログカード「Pz-LinkCard」のオススメ設定

JIN～ブログカードを表示させたくない場合

逆にブログカードを表示させたくない場合は、「リンク」機能を使いましょう。

【テキストモードの場合】

【ビジュアルモードの場合】

このリンクボタンを使えば、ブログカードは表示されなく、テキストリンクを表示することができます。

「ショートコード」の「ボックス２１」を使うと、「あわせて読みたい」の中にテキストリンクを挿入することもできます。

SWELL～内部リンクも外部リンクも簡単に表示！

わたしは、今まで有料テーマのJINを使っていましたが、ブログ９か月目にSWELLに乗り換えました。

乗り換えた理由や手順はこちらをどうぞ。

SWELLでは、内部リンクも外部リンクも、プラグインなしで簡単にブログカードにすることができます。

SWELL～内部リンクのブログカードの作り方

SWELLで内部リンクを作る際には、URLをコピーする必要すらありません。

これだけで完成です。

SWELL～外部リンクのブログカードの作り方

SWELLは、プラグインなしで外部リンクのブログカードも作ることができます。

これだけで完成です。

ブログカードを表示する方法のまとめ

ブログカードを使いこなして、ブログ運営を楽しみましょう。

この記事がどなたかのお役に立てばとても嬉しいです。

お読みいただき、ありがとうございます。