search
LoginSignup
0

More than 3 years have passed since last update.

posted at

updated at

wordpressで(サイト内)リンク先をサムネイル表示したい(1)

wordpressメモ
 独学でwordpressで作られたサイトを管理しているので、
 少しずつメモをストックしようと思います。

リンク先をサムネイル表示したい!

wordpress4.4以上だとURLを記述しただけでサムネイル表示されるらしい
でも自分の管理するサイトだとできないのはなぜ?
ということで調べてみました。

できない原因はなに?

想定できるのは、

  • wpのバージョン?
  • プラグインがじゃま?
  • 投稿・固定ページ以外ではできない
  • その他

バージョンは最新だし、投稿欄に固定ページのサムネイルを表示したいだけだし、
プラグインも、あやしいプラグインはない。
しいていえばセキュリティ系か?
と思ったのですが、

まったくできないわけじゃないんですよ。
urlを記述すると、
タイトル
という感じにのリンクができるのです。ということはtitleは読んでいるのです。

セキュリティからいうと、wordpressでは内部のホワイトリストに一致するURLのみを埋め込みの対象とするそうなので、それも問題ないということがわかります。
参考)wordpress Codex https://wpdocs.osdn.jp/oEmbed

リンク先のURL/embed/でカードが表示される

で、リンク先のURL/embed/とするとサムネイル化された(ブログカードとかいうらしい)が表示されるというのですが、
ttp://hogehoge.com/kotei/embed/
とすると、たしかに、タイトルとページの一部が見えます。

embed_sample.png

そうそう、惜しいけどこんな感じに表示したい!

じゃぁ何が足りない?そうか参照だ!

ぐぐっていくうちに、テーマをメジャーなものにすると表示されるけれど、
という記述を発見。
あ、そういえばこのサイト、完全オリジナルテーマで、
前任者がwp-header出力しないようにしていたんだっけ。

ということで、
一番あやしそうな、wp-embed.min.jsを参照するようにヘッダに追記

<script type="text/javascript" src="http://自分のドメイン/wp-includes/js/wp-embed.min.js"></script>

お!読み込まれました!
/embed で読み込んだものが表示されました!

というわけで、
wp-includes/js/wp-embed.min.js
の読み込みが足りなかった様子。

でもこの、サイトタイトルの前に出ているWordpressのマークじゃなくて、
このサイトのiconにしたいなぁ・・・
faviconは設定しているのだけれど、ヘッダに記述しただけじゃだめなのかな?

それに、アイキャッチを設定していないからか、写真がない。
というわけで、次回に続く・・・

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
0