WordPress

ワードプレスでYoutubeの動画埋め込み(iframe)が表示されない場合の対処方法

ワードプレスで記事を書いていて、初めて Youtube の動画を埋め込んでみました。

しかし、記事を見てみると動画の部分が表示されない・・・。

記事を書く際にエディタは「テキスト」モードにしているので、html のタグは問題なく表示されるはずです。

これは Nginx の設定か、ワードプレス側の設定の問題のどちらかが怪しいということで調べてみました。

Nginxの設定

ワードプレスはレンタルサーバではなく自分でサーバを立てて構築しているので、何か設定ミスがあるとすれば気が付くはずです。

詳しくは「ワードプレスをNginxのFastCGIキャッシュを使って高速化」をご覧ください。

ワードプレスをNginxのFastCGIキャッシュを使って高速化エックスサーバーでホスティングしているワードプレスを、nginx の FastCGI キャッシュを使って運用したらどうなるのか気になった...

しかし、これまでのサイト構築で iframe が埋め込めなかったことはないのでこの線は薄いと判断し、先にワードプレスの設定を確認することにしました。

WordPressの設定

ワードプレスでは JIN という有料のテーマを使用していますが、テーマに関係なくデフォルトの設定で iframe が許可されている可能性は強そうです。

しかし、テーマの編集をしないとワードプレスのコアなファイルは触れないので、ここはテーマのバージョンアップの時に上書きされてしまうことも考慮したうえで function.php を触ります。

ワードプレスメニューの「外観」から「テーマの編集」を選択します。

f:id:chatoracat:20181028175514j:plain

ここで、function.php を選択して、最後に以下のロジックを追加して「ファイルを更新」ボタンを押下します。

f:id:chatoracat:20181028175545j:plain

これで、Youtube の埋め込みタグも表示されるようになります。