0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2018-03-27

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は設定しているのだけれど、ヘッダに記述しただけじゃだめなのかな?

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

0
0
0

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
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?