ワードプレス Embed(埋め込み)機能の不具合を検証【ブログカード】
2021年9月9日
Categories | ホームページ ブログ(WordPress)
ワードプレス Embed(埋め込み)機能の不具合を検証【ブログカード】
Embed(埋め込み)機能とは、ワードプレスの記事内にURLを貼り付けるだけで
サムネイル画像付きリンクが自動的に表示される機能。
このサムネイル画像付きリンクのことを「ブログカード」と言います。
下のブログカードはサンプル画像です。↓
Embed(埋め込み)機能は、ワードプレス本体に元々(バージョン4.4から)備わっている
機能で、プラグイン等を任意でインストールするものではありません。
投稿記事に「アイキャッチ画像」を設定しないと、サムネイル画像なしのブログカードが
表示される仕組みです。
便利な機能ですから当ブログでも頻繁に利用しています。
現時点(WPバージョン5.8)のワードプレスのEmbedには、
2タイプのブログカードが用意されています。
標準表示形式とスクエア表示形式です。
表示形式はサムネイル画像(アイキャッチ画像)のサイズで振り分けされます。
四角(rectangular)の画像であれば標準表示です。
長方形(square)の画像であればスクエア表示。
そのサイズはどう認識・設定されているかは検証していませんが、
最近よく使われる写真のサイズ(アスペクト比16:9)は、長方形(square)として認識され、
ブログカードはスクエア表示されます。
下の画像はスクエア形式のサンプルです。
しかし、当ブログ(自作)との相性なのか?バグなのか?
実際にはサムネイル画像しか表示されません。↓
タイトルや抜粋記事が切れて表示されません。
であれば、サムネイル画像(アイキャッチ画像)をアスペクト比4:3の写真に変更し、
標準表示のブログカードにしてみると、
下の枠線は表示されませんが、いちお問題なく表示されるようになりました。
当自作ブログにおいて、
Embed機能でブログカード表示の不具合を発症するのは・・・
サムネイル画像(アイキャッチ画像)のサイズによって、スクエアのブログカードになった時。
つまり不具合を解消するには、サムネイル画像を全て4:3に変更すればいいことになる。
流石にその作業は無理。 となると、システムをいじる? やっぱ無理。
Embedに担うプラグインを導入してみようと調べた結果、「Pz-LinkCard」がよさそう。
しかし、Embed機能で設置したURLには反映されないため、新たに貼り直す必要がある。
困った・・・
しまい