今回は、ワードプレスで使えるブログカード(リンクカード)を作れる便利なプラグイン【Visual Link Preview】についてご紹介します。
ブログカード(リンクカード)とは?
ブログカード(リンクカード)とは、Webサイト上で他のWebページへのリンクを表示する際に、そのリンク先のWebページのタイトル、概要、画像などを抽出して、美しく装飾されたカードの形で表示する仕組みです。
![](https://eguweb.jp/wp-content/uploads/202302162208-00.jpg)
例えば、自分のブログ記事で他のWebページを紹介したい場合、そのWebページへのリンクを挿入するだけでなく、そのWebページの情報をカードの形で表示することができます。
通常のリンクをブログカード形式に設定していきます
![](https://eguweb.jp/wp-content/uploads/202302172343-00.jpg)
Visual Link Previewとは?
![](https://eguweb.jp/wp-content/uploads/202302162241-00.jpg)
Visual Link Preview: Visual Link Previewは、リンクを投稿する際に、プレビュー画像やタイトル、説明などを自動的に生成するプラグインです。プラグインは、オプション設定で、表示される情報を調整することもできます。
![](https://ps.w.org/visual-link-preview/assets/banner-772x250.png?rev=2010740)
まずは、プラグインをインストールして有効化します。
![](https://eguweb.jp/wp-content/uploads/202302162253-00.jpg)
Visual Link Previewの使い方
Visual Link Previewの使い方は簡単です。
![](https://eguweb.jp/wp-content/uploads/202302172343-00-1.jpg)
プラグインを有効化すると、ブロックに「Visual Link Preview」が追加されますので、ブロックに追加します。
![](https://eguweb.jp/wp-content/uploads/202302172348-00.jpg)
あとは、Use This URLに追加すると、完了です。
![](https://eguweb.jp/wp-content/uploads/202302172348-01.jpg)
[rml_read_more]
リンクがブログカード化しました!
![](https://eguweb.jp/wp-content/uploads/202302172348-02-1024x465.jpg)
![](https://eguweb.jp/wp-content/uploads/202302172349-00-1024x553.jpg)
![](https://eguweb.jp/wp-content/uploads/202302172349-01.jpg)
![](https://eguweb.jp/wp-content/uploads/202302172349-02-1024x556.jpg)
このような感じでブログカード化できました。
![](https://eguweb.jp/wp-content/uploads/202302172352-00-1024x695.jpg)
まとめ
以上のようなWordPressのリンクカードを表示するプラグインがあります。それぞれの特徴や機能を比較し、必要に応じてプラグインを選択することができます。