【本文】Xやインスタグラム・YouTubeの埋め込み方法

ワードプレス本文にXやインスタグラム、YouTubeの埋め込む方法を解説します。

Xやインスタグラム、YouTubeは必ず公式アカウントものもを使用してください。

(Xで世間の反応・感想などを埋め込み場合は例外)

Xとインスタどちらがいいのかというと、優先度はXです。

理由はXの方がページの読み込みの負荷が少なくて済むからです。

つまり、画像を本文に載せたい場合は、『Xを探す』→『Xになかったらインスタで探す』という順番でお願いいたします。(ただし公式アカウントに限ります)

目次

Twitterの埋め込み

ワードプレス本文にXを埋め込む方法は『カスタムHTML』ブロックを使用して行います。

詳しいやり方はこちらの解説動画をご覧ください。(下記のエラー対処法も実演で解説しています)

更新に失敗しました。データベース内の投稿を更新できませんでした。と表示された時の対処法

HTMLで埋め込みしたのに『更新に失敗しました。データベース内の投稿を更新できませんでした。』と表示される原因は、コード内に含まれている特殊文字(フォント)が邪魔しているからです。

特殊文字の部分さえ削除すれば、きちんと記事にツイートが反映されるようになります。

たとえば、下の写真の場合。

埋め込みコードのうち、赤く囲んだ部分はTwitterのアカウント名ですが、特殊なフォントが使われているため、このまま保存しようとしてもエラーが出てしまいます。

そこで、赤く囲んだ部分にカーソルを合わせ、deleteで削除します。

すると、コード内に特殊文字(フォント)がなくなったので、記事の保存・公開ができるようになります。

コード内の特殊文字を削除しても、ツイート自体はブログに反映されます。

インスタの埋め込み

インスタの埋め込みも『カスタムHTML』ブロックを使用して行います。

また、Xと同様、特殊文字があると更新できない場合がありますので、上記と同じ対応をお願いします。

インスタの埋め込み方法の解説動画はこちら

You Tubeの埋め込み

YouTubeの埋め込みは、共有ボタンからリンクをコピーするだけで自動的にYouTubeブロックに変更されて、動画が埋め込みできます。

詳しい埋め込み方法の解説動画はこちら

目次