FacebookやTwitterのようなソーシャルメディアサイトで、自分のステータスにリンクを貼り付けたときにリンクのプレビューが表示されるのが好きですか?
まあ、訪問者も喜ぶかもしれない!
幸いなことに、WordPressには同様の機能があり、サポートされているサイトからのリンクであれば自動的にコンテンツカードに変換してくれる。
この投稿では、WordPressでリンクをコンテンツカードとして簡単に追加する方法を紹介します。

コンテンツカードとは?
コンテンツカードは、サイト上で共有するリンクの概要を表示することができます。TwitterカードやFacebookリンクプレビューとよく似た機能です。
ツイートを埋め込んだり、動画をコンテンツに埋め込んだりするのと同じようなものです。下のプレビューの画像のように:

早速、WordPressのコンテンツカードの仕組みを見てみよう。
WordPressでコンテンツカードとしてリンクを埋め込む方法
一般的にWordPressでリンクをコンテンツカードとして埋め込むには、URLをコピー&ペーストする方法と埋め込みブロックを使う方法の2種類があります。
方法1.URLをコピー&ペーストする。
WordPressの初期設定では、サポートされているサイトからのリンクをコンテンツカードとして簡単に埋め込むことができます。このサポートされているサイトとは、あなたのサイトを含むWordPressを利用したすべてのブログを指します。
リンクをコンテンツカードとして埋め込むには、ページや投稿のブロックエディター内にURLをコピー&ペーストするだけです。
するとWordPressが自動的にコンテンツカードに変換してくれる。

方法2.埋め込みブロックを使う
コンテンツカードとしてリンクを追加するもう一つの方法は、ブロックエディターで埋め込みブロックを追加することです。
これを行うには、ページまたは投稿のブロックエディターを開きます。そして、「+」ボタンをクリックし、埋め込みブロックを選択します。

ブログ投稿のURLをブロックのフィールドに貼り付けます。完了したら、「埋め込み」ボタンをクリックしてください。
WordPressはそのURLのメタデータを自動的に取得し、コンテンツカードに変換する。

コンテンツカードはどのように機能するのか?
初期設定では、WordPressはoEmbed形式をサポートするサイトからメタデータ情報を取得するためにoEmbed技術を使用しています。
WordPressサイトはすべて、oEmbedプロトコルをサポートしています。つまり、一般的なWordPressサイトからのリンクをコンテンツカードとしてサイトに埋め込むことができます。
WordPressサイト以外にも、すでにoEmbedsをサポートしている多くの人気サイトのコンテンツを埋め込むことができます。

例えば、動画のURLを貼り付けるだけで、YouTubeの動画を即座に埋め込むことができる。
ブロックエディター上ではこのように表示されます:

注:FacebookとInstagramの埋め込みは、WordPressサイトではそのままでは動作しません。これらのプラットフォームからのコンテンツカードを簡単に埋め込むには、無料のSmash Balloon Facebookプラグインが必要です。
このトピックについては、WordPressにInstagramのコンテンツを埋め込む方法のガイドをご覧ください。
WordPressでリンクをコンテンツカードとして簡単に埋め込む方法について、この投稿がお役に立てれば幸いです。次に、アフィリエイトリンクをクロークする方法や、WordPressのリンクポップアップにタイトルとnofollowを追加する方法についてもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Brent Wilson
This plugin has been removed. Is there no alternative?
WPBeginner Support
We do not have a specific alternative at the moment, we will be sure to keep an eye out for one we would recommend.
Admin
Dave
This is really bad advice.. the plugin has some MAJOR flaws and appears to be abandoned…
WPBeginner Support
Thank you for letting us know, we’ll be sure to look into updating this article from 2015 with a new plugin as we’re able
Admin
Jeff Whitmore
Got the plugin to work, then when I published, BAM. Blank page except for the words “The site is experiencing technical difficulties. Please check your site admin email”
WPBeginner Support
If you’re still running into that issue, you would want to take a look at our troubleshooting guide here: https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
Admin
Lazarus
Hallo,
The plugin doesn’t work with WordPress 5.0.3. Is there any patch or the new version?
WPBeginner Support
You would want to reach out to the Plugin’s support for information about updates to the plugin. If you mean it is not tested then you would want to take a look at our article: https://www.wpbeginner.com/opinion/should-you-install-plugins-not-tested-with-your-wordpress-version/
Admin
Dennis Herman
This is great. Exactly what I was looking for. I’ll give it a try.
yair
i did the content card but the imag is blank …
do ineed to install the face book open grafe plaug in first?
WPBeginner Support
If the link you added with content cards was for one of your own sites, then you need to install Facebook open graph. If it was an external site, then the site needs to be using Facebook open graph. You can also set a default fallback image in the plugin settings, this image will be used when no image is found.
Admin
Steve Media
Now if I can only find a good solution to export firefox bookmarks, sort by url, pull all sites with “thisdotcom” into one category and all sites with “thatdotcom” into another category.. mass import into wordpress – auto sort by category, date url added – and pull these content cards.. very cool it would be.
Arūnas
Need some help?
Avil Beckford
I did a curated post today, so I tested it with content cards and it works fine. The preview image size is quite large though. Thanks for the post.
Avil Beckford
Abhishek
This is what i needed, Thanks.
Rikki
I am getting the same message. In the list of plugins it says explicitly that the plugin is not compatible with my WP version (which is 4.3.) A glitch?
WPBeginner Support
You can safely install the plugin. We have tested it with WordPress 4.3.
Admin
Rikki
Thank you. I will give it a try then, :-).
fergal walsh
I would use this plugin but incompatible with latest releases of wordpress
WPBeginner Support
It is compatible with WordPress 4.3, which is the latest version. Also please checkout our article should you install plugins not tested with your WordPress version.
Admin