Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressでリンクをコンテンツカードとして追加する方法

FacebookやTwitterのようなソーシャルメディアサイトで、自分のステータスにリンクを貼り付けたときにリンクのプレビューが表示されるのが好きですか?

まあ、訪問者も喜ぶかもしれない!

幸いなことに、WordPressには同様の機能があり、サポートされているサイトからのリンクであれば自動的にコンテンツカードに変換してくれる。

この投稿では、WordPressでリンクをコンテンツカードとして簡単に追加する方法を紹介します。

How to add links in WordPress as content cards

コンテンツカードとは?

コンテンツカードは、サイト上で共有するリンクの概要を表示することができます。TwitterカードやFacebookリンクプレビューとよく似た機能です。

ツイートを埋め込んだり動画をコンテンツに埋め込んだりするのと同じようなものです。下のプレビューの画像のように:

Content card embed

早速、WordPressのコンテンツカードの仕組みを見てみよう。

WordPressでコンテンツカードとしてリンクを埋め込む方法

一般的にWordPressでリンクをコンテンツカードとして埋め込むには、URLをコピー&ペーストする方法と埋め込みブロックを使う方法の2種類があります。

方法1.URLをコピー&ペーストする。

WordPressの初期設定では、サポートされているサイトからのリンクをコンテンツカードとして簡単に埋め込むことができます。このサポートされているサイトとは、あなたのサイトを含むWordPressを利用したすべてのブログを指します。

リンクをコンテンツカードとして埋め込むには、ページや投稿のブロックエディター内にURLをコピー&ペーストするだけです。

するとWordPressが自動的にコンテンツカードに変換してくれる。

Content card preview in WordPress

方法2.埋め込みブロックを使う

コンテンツカードとしてリンクを追加するもう一つの方法は、ブロックエディターで埋め込みブロックを追加することです。

これを行うには、ページまたは投稿のブロックエディターを開きます。そして、「+」ボタンをクリックし、埋め込みブロックを選択します。

Embed block

ブログ投稿のURLをブロックのフィールドに貼り付けます。完了したら、「埋め込み」ボタンをクリックしてください。

WordPressはそのURLのメタデータを自動的に取得し、コンテンツカードに変換する。

Adding link in embed block

コンテンツカードはどのように機能するのか?

初期設定では、WordPressはoEmbed形式をサポートするサイトからメタデータ情報を取得するためにoEmbed技術を使用しています。

WordPressサイトはすべて、oEmbedプロトコルをサポートしています。つまり、一般的なWordPressサイトからのリンクをコンテンツカードとしてサイトに埋め込むことができます。

WordPressサイト以外にも、すでにoEmbedsをサポートしている多くの人気サイトのコンテンツを埋め込むことができます。

Other WordPress Embeds

例えば、動画のURLを貼り付けるだけで、YouTubeの動画を即座に埋め込むことができる。

ブロックエディター上ではこのように表示されます:

Embedding YouTube content

注: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.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

20件のコメント返信を残す

  1. 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.

      管理者

  2. 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 :)

      管理者

  3. 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”

  4. Lazarus

    Hallo,

    The plugin doesn’t work with WordPress 5.0.3. Is there any patch or the new version?

  5. Dennis Herman

    This is great. Exactly what I was looking for. I’ll give it a try.

  6. 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.

      管理者

  7. 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? :)

  8. 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

  9. Abhishek

    This is what i needed, Thanks.

  10. 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?

      • Rikki

        Thank you. I will give it a try then, :-).

  11. fergal walsh

    I would use this plugin but incompatible with latest releases of wordpress :(

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。