ElementorのウェブサイトにYouTubeショートを埋め込む方法
ホーム ブログ ElementorのウェブサイトにYouTubeショートを埋め込む方法

ElementorのウェブサイトにYouTubeショートを埋め込む方法

ElementorのウェブサイトにYouTubeショートを埋め込む方法

ElementorのYouTubeショートムービーを表示する方法をお探しですか?

Elementorのウェブサイトをより魅力的にするには、YouTubeのショートムービーを追加するだけです。

そうすれば、短編動画で人々の注目を集め、関心を引くことができる。

しかし、手動でElementorのYouTubeショートムービーを表示するのは大変です。そんなあなたのために、WordPressにYouTubeショートムービーを埋め込む最も簡単な方法をご紹介します。

チュートリアルに直接進むには、ここをクリックしてください

YouTubeのショートフィルムを埋め込む方法はありますか?

ElementorでYouTubeのショートムービーを埋め込むには、2つの方法があります。

  • 手動の方法:コードスニペットウィジェットを使ってウェブサイトに追加する前に、YouTubeの各ショートの埋め込みコードをコピーします。
  • 自動的な方法:YouTubeのショートムービーのフィードを自動的にウェブサイトに表示できるWordPressプラグインを入手する。

最初のオプションを選択した場合、YouTubeの各ショートの埋め込みコードを生成し、ウェブサイトに戻ってから、Elementorウィジェットを使用してコードを挿入する必要があります。

お分かりのように、これには多くの時間と労力がかかる。特に、多くのコードを扱うことに慣れていない場合はなおさらだ。

その上、埋め込みたいYouTubeの新しいショートフィルムがあるたびに、このプロセスをすべてやり直す必要がある。

良いニュースは?

YouTube Feed Proのようなソーシャルメディアフィードプラグインを使えば、代わりに短編動画を埋め込むことができる。

youtubeフィードプロプラグインスマッシュバルーン

このプラグインを使えば、あなたのウェブサイトにYouTubeのショートムービーを簡単に表示することができる。また、YouTubeショートムービーの埋め込みコードを作成する必要もありません。

このプラグインにはシンプルなガイドフローが用意されているので、YouTubeコンテンツの作成、カスタマイズ、埋め込みをわずか数分で行うことができる。

そうすれば、YouTubeのさまざまなチャンネル、プレイリスト、お気に入りリストなどの動画、ショートムービー、ライブストリームを埋め込むことができる。

ユニークなYouTubeフィードを簡単に作成できるように、このプラグインにはワンクリックでインポートできるテンプレートが付属しています。

さらに、ビジュアルカスタマイザーを使って、レイアウト、色、ヘッダーデザイン、ボタンの追加、フィルターなどを自由に変更することができます。

ライブ・フィード・エディター

その後、特別なElementorウィジェットを使って、YouTubeのショートフィルムをウェブサイトに埋め込むことができる。

YouTubeのショートフィルムを簡単に埋め込みたい方は、YouTube Feed Proを入手しよう

それではさっそく、ElementorサイトにYouTubeのショートムービーを埋め込むチュートリアルを始めましょう。

YouTube Elementor Shortsを簡単に埋め込む方法(5ステップ)

WordPressにYouTubeのショートムービーを埋め込む準備はできましたか?以下の手順に従ってください。

ステップ 1: YouTube Feed Pro プラグインをインストールする

準備ができたら、ここでYouTube Feed Proを入手してください。次に、WordPressウェブサイトにプラグインをインストールし、有効化します。

その方法についてもっと知りたいですか?WordPressのプラグインをインストールする方法をご覧ください。

プラグインの準備ができたら、ステップ2に進み、新しいフィードを作成します。

ステップ2:YouTubeフィードを作成する

プラグインのガイド付きフローを使えば、YouTubeのショートフィルム用の新しいフィードを作成できる。

まず、ダッシュボードエリアからYouTubeフィード " すべてのフィード メニューを開きます。

新しいページで、上部にある「新規追加」 ボタンをクリックします。

新しいフィードを追加してYoutubeプレイリストを埋め込む

そうすると、プラグインがフィードの種類を選択するよう尋ねてきます。YouTubeチャンネル、お気に入りリスト、検索結果、ライブストリームなど、さまざまな選択肢から選ぶことができる。

続行するには、フィードの種類を選択し、[次へ]ボタンをクリックします。

この例では、プレイリストフィードタイプを使います。

youtubeフィードの種類

このように、Elementorウェブサイトに新しいYouTubeフィードが作成されました。

ステップ3では、フィードをYouTubeに接続し、YouTubeのショートフィルムをあなたのサイトに表示できるようにします。

ステップ3:YouTubeアカウントに接続する

新しいフィードをYouTubeに簡単に接続したい場合は、APIキーを使用することができます。

YouTube APIキーをお持ちではないですか?Google アカウントがあれば、YouTube API キーの作成方法をご覧いただけます。

キーの準備ができたら、それをコピーして ウェブサイトに戻る。

最後に、YouTube APIキーをポップアップに貼り付け、Addをクリックする。

youtubeにapiキーを追加

フィードをYouTubeに接続したので、次はYouTubeのショートフィルムのソースを追加します。

YouTubeのプレイリストフィードを使用しているので、YouTubeのショートフィルムでプレイリストを開きます。その後、URLの最後にあるコードをコピーします。

他のフィードタイプ用のコードは、このようにコピーできます。

プレイリストをコピーする

コードを手に入れたら、もう一度ウェブサイトに戻ってください。

次に、プレイリストIDフィールドの下にコードを貼り付けて、ソースを接続します。

プレイリストIDを挿入する

ご覧のように、YouTube Feed Proは、新しいElementor YouTubeフィードを作成し、ソースに接続することを非常に簡単にします。

ステップ4:YouTubeショートをカスタマイズする

超簡単にカスタマイズできるように、YouTube Feed Proプラグインでは、ワンクリックであらかじめデザインされたテンプレートをインポートすることができます。

8つのテンプレートから選ぶことができる:

  • デフォルト
  • カルーセル
  • カード
  • リスト
  • ギャラリー
  • 最新ビデオ
  • ショーケース・カルーセル
  • ウィジェット

フィードテンプレートを選択したら、「次へ」ボタンをクリックします。

フィードテンプレートを選ぶ youtubeフィードプロ

YouTubeフィードを詳細にカスタマイズするために、プラグインはビジュアルカスタマイザーにあなたを送ります。

左のパネルにあるオプションを使って、レイアウト、カラースキーム、ヘッダーデザイン、ロードモアボタンなどを設定することができます。

ライブ・フィード・エディター

さらに、右側のライブプレビューでは、YouTubeのショートフィルムがリアルタイムでどのように見えるかを見ることができる。

まず、左側にある「 Feed Layout」 オプションを探し、クリックする。

フィードレイアウトオプション

左側には、4つの異なるレイアウトオプションがあります:

  • グリッド
  • ギャラリー
  • リスト
  • カルーセル

以下、それぞれのレイアウトについて詳しく見ていこう。

Youtubeショートフィードレイアウトを選択

まず、ElementorのYouTubeショートムービーを異なる行と列で表示するグリッド オプションがあります。

訪問者にたくさんの動画から選んでもらいたいのであれば、素晴らしいオプションだ。

YouTubeの短編をハイライトしたい場合は、ギャラリーレイアウトを 選ぶことができます。

これにより、大きなビデオのサムネイルが表示され、その下に小さなサムネイルが表示されます。

ギャラリー・レイアウト・ユーチューブ

次に、すべてのYouTube動画を1列に表示するリスト・レイアウトです。

その結果、あなたのYouTubeショートフィルムは、あなたの投稿やページを訪れる誰にでもはっきりと見えるようになります。

最後に、YouTube動画を美しいスライド式カルーセルに変身させるカルーセル・レイアウトが あります。

あなたのウェブサイトの訪問者は、あなたのウェブサイトと対話し、魅力的な方法でビデオをチェックすることができます。

レイアウトを設定したら、上部にある「保存」ボタンをクリックします。

次に、カスタマイズ ボタンをクリックして、YouTubeショートフィルムのパーソナライズを続けます。

Youtubeフィードをカスタマイズする

レイアウトを設定したら、カスタマイザーを使って色を編集しましょう。

左の配色 オプションをクリックして続けます。

配色オプション ユーチューブ ショートパンツ

YouTubeフィードの色を編集することができます。

  • テーマからの継承: WordPressテーマの色を自動的にコピーする。
  • 明るい:明るい背景色と暗いフォントを選ぶ。
  • ダーク:背景に濃い色、文字に薄い色を選択します。
  • カスタム:すべての色を自分で選ぶ
ショートパンツの色を選ぶ

お好みの配色を選択したら、「保存」をクリックして変更を確定します。

ご覧の通り、YouTube Feed Proを使えば、HTMLやカスタムCSSなどのコードは一切不要で、数回のクリックだけで動画コンテンツをカスタマイズすることができます。

残りのカスタマイズオプションを使用したら、もう一度「保存」ボタンをクリックします。

その後、以下の最後のステップに進むことができる。

ステップ5: ElementorにYouTube Shortsを追加する

最後に、この段階でElementor YouTubeショートフィルムを埋め込むことができます。

ビジュアルカスタマイザーから、上部にある埋め込みボタンを探してクリックします。

ワードプレスにYoutubeのショートフィルムを埋め込む

次に、YouTubeショートフィードの埋め込みオプションが表示されます。

Elementorのページに埋め込むには、このポップアップのコピーボタンをクリックしてください。

ショートコードをYoutubeに埋め込む

WordPressのダッシュボードに移動し、ページ " 新規追加 メニューに移動します。

WordPressエディタから、Elementorで編集 ボタンをクリックして続行します。

新しいワードプレスページを作成する

また、WordPressの投稿を使うこともできる。

まず、ダッシュボードから投稿 " 新規追加 メニューを開き、Elementorで編集をクリックします。

ワードプレスの新規投稿を作成する

Elementorエディタが表示されたら、左上の検索バーで「ショートコード」 ウィジェットを検索します。

そうすると、下の検索結果にショートコード・ウィジェットが表示されます。

elementor 用ショートコードウィジェット

次に、ショートコードウィジェットを左からドラッグして 、右にドロップ します。

elementor 用ショートコード・ブロック

左側にウィジェットのオプションが表示されます。

そこで、ショートコードを入力するフィールドを探し、その下にショートコードを貼り付ける

Youtubeショートコードを挿入する

最後に「Publish」 ボタンをクリックすると、あなたのウェブサイトにページや投稿が掲載されます。

訪問者はこのように埋め込んだElementorのYouTubeショートムービーをチェックすることができます:

エレメンタール・ユーチューブのショートフィルム例

これで完成だ!

これで、YouTube Elementor shortsでウェブサイトの訪問者を魅了する方法がわかりました。YouTube Feed Proを使えば、数回クリックするだけです。

これらのYouTubeエンベッドを使用することで、ウェブサイトのエンゲージメントを高め、YouTubeチャンネルを増やし、コンバージョンを高めることができます。

YouTube Elementorのショートパンツを埋め込みたいですか?YouTube Feed Proはこちらから

売上を上げる簡単な方法をお望みなら、ソーシャルメディアのレビュー・ウィジェットを埋め込む方法について、このガイドに従ってください。

ソーシャルメディア・マーケティングのヒントやコツをもっと知りたい方は、ツイッターや フェイスブックでのフォローをお忘れなく。

著者アバター
サジャン・シャルマ シニアライター
WordPress、ソーシャルメディアマーケティング、オンラインビジネスについて10年以上執筆。専門分野はインフルエンサーマーケティング、コンテンツキュレーション、デジタルマーケティング戦略など多岐にわたる。

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。