1. TOP
  2. WordPress
  3. WordPressでアイキャッチ画像付きリンクを投稿に埋め込む

WordPressでアイキャッチ画像付きリンクを投稿に埋め込む

WordPressでアイキャッチ画像付きリンクを投稿に埋め込む

いろんな人のブログでよく見かける「はてなブログ」のような、ブログに掲載したい記事のタイトルや概要、アイキャッチ画像などを読みやすくまとめて表示する埋め込み形式はどうやっているのでしょうか?
↓ ↓ ↓

急にBUYMA(バイマ)で爆発的に売れだし月商80万円を達成!

アイキャッチ(サムネイル)画像リンクを表示する方法は、プラグインを使ったり、ブログツールを使う方法など、いろいろあります。

今回は「プラグインは増やしたくない」、「毎回面倒な作業はしたくない方」にオススメ!

誰でも驚くほど簡単に表示できる方法をご紹介したいと思います!

WordPress4.4から導入されているEmbed機能

WordPress4.4 から、簡単なショートコードを使うことで、 WordPress サイトに動画・画像・ツイート・音楽などのコンテンツを、とても簡単に 埋め込む(embed)ことができます。

埋め込み方法はいたって簡単!

投稿もしくは固定ページのエディターに、
埋め込みたいコンテンツの「URL」 をコピー&ペーストするだけ。

Embed機能

注意点は

(1) URL は独立した行に書くこと
(2) ハイパーリンクにしないこと

EmbedはoEmbedと呼ばれるプロトコルに基づいて機能しています。そのため、対象サイトがoEmbedに対応していなければ、当然のことながらEmbedは適用されません。

WordPress日本語Codex oEmbed

Embed機能を活用して、より見やすいサイトにしていければと思います。