WordPressでYouTubeショーツ映像を挿入する方法

Last Updated: 2025 年 05 月 08 日 댓글

WordPressでは、メインエディタであるブロックエディタを使用している場合は、YouTube埋め込みブロックを使用して簡単にYouTubeの画像を挿入できます。

ショーツ映像が正しく埋め込まれない場合には、iframeフォーマットの埋め込みコードに変換して挿入することも可能です。

WordPressでYouTubeショーツ映像を挿入する方法

WordPressでYouTubeショーツ映像を挿入する方法

WordPress ブロックエディタ(基本エディタ)を使用する場合 /あなたを入力してからYouTube埋め込みブロックを選択して、YouTube埋め込みブロックにYouTubeのビデオ共有リンクを入力できます(ブロックエディタキーボードショートカット を参照)。

WordPress YouTubeの埋め込みブロック

YouTubeのビデオを共有するには、YouTubeのビデオから 共有 ボタンをクリックして共有リンクをコピーできます。

YouTubeのビデオ共有

一般的なYouTubeビデオの共有リンク形式は次のとおりです。

https://youtu.be/lE5BI5rUxCc?si=pyBPkw55fIvOz_5K

ショーツ映像の共有リンク形式は次のとおりです。

https://youtube.com/shorts/dnVCWM20Xt8?si=Dj1DMnh9VqxD-8Hw

WordPress ブロックエディタ(デフォルトエディタ)を使用している場合は、一般的な共有リンクとショーチビデオの共有リンクの両方がうまく機能します。

ブロックエディタではない クラシックエディタ(クラシックエディタ)を使用してYouTubeの埋め込みコードが機能していないため、画像が正しく埋め込まれていない場合は、iframe形式で画像を挿入できます。

一般的なYouTubeビデオでは、共有ボタンを押した後に埋め込みボタンを押すと、iframe形式の埋め込みコードをコピーできます。

YouTubeのビデオを埋める

しかし、YouTubeのショートビデオの場合 共有 ボタンをクリックしても埋め込みボタンはありません。

YouTubeのショートビデオを共有

ショーツ映像共有URLをiframe形式に変換することが可能です。これらの機能を備えたカスタムGPTを作成しました。

変換する共有URLを入力すると、iframe形式の埋め込みコードがわかります。

ショーツ組込みGPT

上の図に示すように、「変換された埋め込みコード」と「埋め込み用URL」の2つのコードが示されています。

これで、iframe形式の埋め込みコードを「WordPress:モバイル機器でYouTubeの動画が切り捨てられずに表示されるようにする「記事に示す方法で挿入できます。

クラシックエディタ(クラシックエディタ) エレメン などでYouTubeをレスポンシブに挿入しようとする場合は、この方法を利用すると便利です。結果は一番上の画像と同じように表示されます。

最後に、

以上で WordPressでYouTubeのショートビデオを埋め込む方法について説明しました。以前はYouTubeのショートビデオをブロックエディタで正しく処理できませんでしたが、 WordPressがアップデートされながら機能が向上し、今ではショーツ映像も問題なく埋め込み表示しています。

クラシックエディタを使用している場合やYouTubeのデフォルトの共有URLを正しく埋め込めない場合は、この記事で紹介する方法を使用できます。

参照

ワードクラッカーのアバター画像

ワードクラッカー

プロの英国翻訳家。 WordPress 愛好家。 Naver カフェ 「ワープ社」 操作。

コメントを残す

コメント

カカオトーク相談 カトクサービス相談