ブログの記事に他のページやサイトをリンクする際に、わかりやすく見た目もカッコイイリンクにするのが、リンクカード（ブログカード）というものですが、これをWordPressで簡単にできるプラグインを使ってみました。

 

リンクカードとは？

ページやサイトへのリンクをカード形式で表示させる機能で、代表的なもものでははてなブログのブログカードがあります。

ブログカード - はてなブログ ヘルプ
「ブログカード」とは、ブログに掲載する記事のタイトルや概要、アイキャッチ画像などを読みやすくまとめて表示する埋め込み形式です。
はてなブログ ヘルプ
 

 

WordPress 4.4以降では埋め込みカード機能として標準装備されURLを入力すればリンクカードで表示される・・・はずなのですが、対応しているサイトに限られたり、使用するテーマによってはこの機能が働かないという問題があり、実用レベルにはない状態です。

他の方法としてブックマークレットやプラグインを使う方法があるのですが、penchi.jpでは以前から使っていたブックマークレットに代わって、プラグインでリンクカードを表示させるようにしました。

 

これまで使っていたブックマークレット

ブックマークレットはプラグイン不要で利用できるので、導入も簡単です。
ブログのHTTPS化以降はHTTPSに対応した embed.ly というサービスを使っていました。

Bookmarklet: instantly generate a Card for any web page. | Embedly
Get a Card for any URL, right from your browser. This is a faster workflow perfect for bloggers and power users of Cards.
Embedly
 

簡単でいいのですが、アイキャッチがうまく取得できなかったり、サービスのロゴが入るなど、ちょっとした不満もありました。

 

プラグイン Pz-LinkCard

そこであれこれ調べてみると、プラグインのPz-LinkCardというものが評価が高い様子なので、早速試してみました。

Pz-LinkCard
このプラグインは、ブログカード形式のリンクを表示することができます。テキストのみのリンクにさようなら。
WordPress.org
 

インストール後、設定を確認すると、デザインやリンクの表示方法など様々な設定という高機能っぷりにビックリ！

あれこれいじることができますが、下記のカードの余白と、テキストカラーを変更するだけでも十分実用になります。

リンクカードのサイズや余白等の設定

 

リンクカードのテキストカラーの設定

 

作成したリンクカード

 

Pz-LinkCardには作成したリンクカードの管理機能があり、リンクカードそのものの管理や、表示内容の編集も可能です。
これ、すごいですね！

 

まとめ

そんなわけで、導入後すっかり気に入ってしまい、仕事用で運用するサイトにもすべて導入してしまいました。

WordPressでサクッと見た目もいいリンクカードを使いたい！ という方には超おすすめのプラグインです。

日本製なので表記も日本語で使い方も難しくありません。
HTTPS化（常時SSL化）したサイトでもHTTPSを邪魔することなくリンクカードを生成してくれるので（←これができないサービスやプラグインもある）、HTTPS化サイトのオーナーさん、HTTPS化予定のサイトオーナーさんも安心です。

Pz-LinkCard
このプラグインは、ブログカード形式のリンクを表示することができます。テキストのみのリンクにさようなら。
WordPress.org
 

 

投稿者プロフィール

@penchi
@penchi
デジタルガジェットとアナログな文具を好むハイブリッドなヤツ。フリーランスのパソコン屋兼ウェブ屋。シンプルでキレイなデザインやプロダクトが好きです。
＞＞＞ プロフィール詳細

Follow me!

カテゴリー
ブログ
タグ

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

前の記事
Evernoteに設定すると便利な3つのこと
2018/09/01
次の記事
プロジェクト管理ツールのAsanaが日本語化されていた
2018/09/04