あれってどうやるの?TCDテーマのブログに別記事のリンクをサムネイル付きでおしゃれに表示させたい

こんにちは。銀河(@ginga_noguchi)です。

先日ビジネス仲間のSAKIさんからこんなLINEが届きました。

銀河せんぱい質問です!記事内に、回遊のために別記事のリンクを貼ろうとしているのですが、その別記事のサムネイルも見えるような、いい感じな記事の貼り方ってありますでしょうか?

ということで今回は、「ブログの記事中に別記事のリンクをサムネイル付きでイイ感じに表示させる方法」を解説します。色々と方法はありますが、もっとも簡単な「専用のプラグイン」を使うやり方でご説明していきます。

追記

TCDテーマにカードリンクを挿入できる「クイックタグ機能」が追加されましたので、本プラグインを入れなくても表示できるようになりました。

通称「ブログカード」を表示する3つの方法

まずこの “別記事のサムネイルも見えるような、いい感じな記事の貼り方” はブログカードと呼びます。この単語を知らなかった場合は、以降これについて何か調べるときに役立つので覚えておきましょう。

こういうやつです

もともとは「はてなぶろぐ」で生まれた機能だったと記憶しています。おしゃれで見た目もいい感じですからWordPressにも流用する人が増えたんですね。

このブログカードを自分のブログ記事内に表示させる方法は大きく分けて以下の3つです。

ブログカードの使い方(オススメ順)
  1. ブログカード機能の備わっているテーマを使う
  2. WordPressのプラグインを使う
  3. WEBツールを使う

順に説明していきます。

1. ブログカード機能の備わっているテーマを使う

最近の流行りということもあって、このブログカード機能は国産の有料テーマであればほとんどのテーマに備わっているはずです。もちろんこのブログでも使っている最強テーマ『 SWELL 』にも備わっています。

無料テーマでも僕のおすすめする『 Cocoon 』や『 Lightning 』なんかにはその機能があります。これらのテーマでは単純にリンクしたい記事のURLをコピペするだけで勝手にブログカードになります

ただし、今回の質問者であるサキさんの使用しているのはTCDの『 Bloom 』。現状ではTCDのテーマにはブログカード機能は備わっていません

ですので残念ながらTCDテーマをご使用の場合はこの方法は使えないということになります。

機能が追加されました。

2. プラグイン『Pz-LinkCard』の使い方

このプラグインを使えば、めちゃくちゃ簡単にブログカードを表示させることができます。使い方も非常に簡単。

STEP
プラグインをインストール

ダッシュボードからプラグイン → 新規追加 → Pz-LinkCard と検索してインストール&有効化

STEP
プラグインのアイコンをクリック

記事投稿ページに上記のアイコンが表示されているはずなのでクリック

STEP
リンクさせたい記事のURLをコピペ
STEP
ブログカード挿入完了

ほらできた。細かな設定やデザインは、ダッシュボードから設定 → Pzカード設定 で変更することができます。

3. WEBツール『ShareHtmlを、もっと綺麗にしたメーカー』を使う

ここからは余談ですが、WEBツールを使うという手もあります。ブラウザからShareHtmlを、もっと綺麗にしたメーカーのサイトにアクセスしてURL入れるだけです。

表示されたHTMLコードをコピペするだけなのですが、WordPressのテキストエディタを使わなければなりません。さらにCSSコードもブログのテーマに記述しておく必要があります。

それなら上のプラグインを使った方がわかりやすいし早いし簡単です。

SEO的にはテキストリンクの方が評価がいいという話

ブログカードは見た目がイケてるからおしゃれです。クリック率も上がるという話もありますが、読者が慣れていないと画像に見えたりして別記事へのリンクだと認識されない=クリック率下がるという話もあります。

僕の体感でもテキストリンクの方がクリックされます。このブログカードをはじめ、記事リンクの貼り方は他にもいくつかあるけど、ビジネスで言えばやっぱりテキストリンクが1番です。

ブログカード

ただし、テキストリンクと言っても、

SWELLのインストール方法はこちら

このような書き方はNGです。「こちら」ではその先がどんなページなのかわかりませんよね?

ブログ初心者やWebライターでプロっぽい文章を書きたい人は「ブロガーでもWebライターでもプロのモノ書き!初心者は僕が決めているブログ文章の表記ルールを参考にしろ」を読んで「記事の表記ルール」を考えてみてください。

といったように書く方がいいです。

まぁ、テキストリンクが1番だと言ってもブログカードが悪いとか良いとかっていう話ではありません。簡単にできるし、見た目はイケてるし、記事を書くためのモチベーションアップのためにもブログカードは使ってみるといいと思います。

SAKIさんに限らずブログについて何かわからないことがあれば遠慮なくお問い合わせを(公開記事にしますが)

この記事を書いた人

野口 銀河

PC11代表取締役|WordPressブログ歴15年|「Webと飲食で地方創生」がビジネスコンセプト|元DJ・元バーテンダー・元高級レストランオーナー支配人|酒・音楽・ガジェット・旅行・古民家暮らし・スーツ好き|猫も好き|