YouTubeウィジェットにテキストが反映されない不具合のコード修正

healerver2-thumbnail

WordPress4.8のアップデートで、テキストウィジェットにクイックタグが表示されるようになり、より便利に使いやすくなりました。

テキストウィジェット

テキストウィジェット

そんな中、利用者の方から「YouTubeウィジェットにテキストを入力しても表示されない」といったご指摘を受けました。

実際に試してみたところ、

YouTubeウィジェット

YouTubeウィジェット

赤枠にテキストが表示されるはずが表示されません。

テキストが表示されない

テキストが表示されない

functions.phpのウィジェット作成コードのセレクタに原因がありましたので、そちらを修正しました。

テキストが表示されます

テキストが表示されます

このようにちゃんと表示できるようになりました。

ただ、コードを修正したことでスマホ表示で動画がはみ出すようになってしまいました。

スマホ表示でYouTube動画がはみ出す

スマホ表示でYouTube動画がはみ出す

クイックタグに[YouTube]という新しいものを追加しましたので、
動画を貼り付ける際は埋め込みコードを囲ってみてください。

クイックタグ

クイックタグ

すると画面にぴったり収まるようになります。

YouTube動画が画面に収まる

YouTube動画が画面に収まる

以上、YouTubeウィジェットにテキストが反映されない不具合のコード修正についての内容となります。

healerver2-thumbnail
この記事が良かったら、いいねして
最新記事をチェックしてください!

Twitterで