WordPressのアイキャッチ画像を外部urlで指定する方法を調査してみました。いろいろと便利そうなので。メディアライブラリに追加するのではなく、ダウンロードせず画像を指定したい場合ですね。
目次
WordPressのアイキャッチ画像を外部urlで指定するプラグイン
いくつかプラグインがでているようです。
- Remote Images Grabber(更新なし)
- WP Remote Thumbnail
- Nelio External Featured Image
WP Remote Thumbnailより、Nelio External Featured Imageの方がいいよ、みたいなのは海外のサイトで結構見かけましたね。
プラグインの使い方
使い方はほとんどのプラグインが共通しています。投稿画面で外部URLを指定するだけなので、簡単なのですが、ただ、問題はテーマによりうまく表示できないケースがあるようです。
Nelio External Featured Imageの使い方
個人的にたどり着いたのが、Nelio External Featured Imageです。Nelio External Featured Imageの使い方も同様です。アドレスを指定すると、Wordpressの投稿の管理画面からその画像が確認できるようになります。
ただし、これだけでは表示されません。スタイルシートに次のコードを追加します。
/* 外部urlのアイキャッチのサイズを指定*/
img.nelioefi {
min-width:590px;
}
より詳しく知りたい方は…公式のFAQで。
参考
https://wordpress.org/plugins/external-featured-image/faq/
アドレスを確認すると、data:image…の作りになっていますね。
すでにアイキャッチ画像を利用している場合や指定している場合、かぶって表示されないため心配しなくてOKです。最優先されるようです。
Default Thumbnail Plusというプラグインを使っていても、それより優先されて表示されます。
ちなみに、人気記事のサムネイルは元の画像がそのままになります。あくまでアイキャッチを指定するということですね。
altの指定も可能です。
コードの実装する場合の参考資料
コードで実装したい人がいるかもしれません。Stack Overflowが１番参考になりましたね。この人はコードで解決した人ですね。
ただし、今回はプラグインにしたためテストせずの情報提供のみです。ほかにもぐぐればいろいろとサンプルはでてきます。
ちなみに、Googleさんにお聞きするとき、アイキャッチは英語でfeatured imageなので、お間違えなく。
コメント