YouTubeなどの外部URLをブログカードで表示させる方法

ブログカードとは

こういうやつです。

リンクを、リンク先のアイキャッチ付きカード形式で表示する機能です。

やり方

Cocoonの機能を使います。

外部ブログカード設定 > ブログカード表示をオンにします。

この設定は投稿済み記事にも反映しますので、記事の更新などは必要ありません。

YouTubeのURLがブログカードにならない場合

こういう状況です。

確認1

上記設定を再確認してください。
チェックを入れたはずなのに、チェックがはずれてるという人は、保存を忘れていますよ!

確認2

「Disable Auto Shaping 」がインストールされているか、また有効化されているか確認してください。

解説

Cocoonの外部ブログカードは、本来ならば外部リンクに対して働く機能です。

しかし、ツイッパーから投稿する記事ソースは外部リンク(aタグ)にはなっていなくて、ただのURLですよね。

ちゃんと書くとこういうことです。
 ↓   ↓   ↓
● 本来機能するソース

これ面白いから見てね!
<a href="https://youtu.be/000000000000">https://youtu.be/000000000000</a>

● ツイッパーで投稿しているソース

これ面白いから見てね!
https://youtu.be/000000000000

実は、ただの文字列としてのURLなのにブログカードになるのは、WPの機能で、YouTubeのURLが自動的にリンクに変換されているからなのです。

ただし、自動変換されるためには、URLの行はURLだけしか書かれていないことが条件です。

しかし、ややこしいことに、WPには、自動的に改行タグ<br>を付けてくれたり、<p>タグを自動で付けて段落化してくれる機能も標準で付いています。

その機能が働くために、「Disable Auto Shaping 」をインストールしていないと、ツイッパーで投稿した記事に意図してない余計なタグが付けられてしまうんです。

だから、「Disable Auto Shaping 」がインストールされてないと、
① URL行の前後に改行タグが勝手に付けられてしまい
② リンクに変換されず
③ ブログカードで表示されない
という結果になってしまうんですね。

ああ、ややこしい。

タイトルとURLをコピーしました