Oxygen BuilderにYouTubeチャンネルを埋め込む方法(簡単ガイド)
クリック・ソーシャル

ClickSocialを使ってWordPressから直接ソーシャルメディア投稿をスケジュールする

無料トライアル開始 アングルライト
ホーム ブログ Oxygen BuilderにYouTube動画を埋め込む方法(簡単ガイド)

Oxygen BuilderにYouTube動画を埋め込む方法(簡単ガイド)

酸素ビルダーにYoutubeの動画を埋め込む方法

YouTubeのビデオを追加して、オキシジェン・ビルダーのウェブサイトにスパイスを加えたいですか?

人々を購読者に変え、閲覧数を増やし、訪問者をコンテンツに釘付けにする素晴らしい方法だ。

唯一の欠点は、そのプロセスに多くの時間と労力がかかることである。言うまでもなく、多くの煩わしい埋め込みコードに対処しなければならない。

このガイドでは、そのような手間を省き、わずか数分でYouTubeコンテンツをOxygen Builderに追加する方法をご紹介します。

オキシジェン・ビルダーにYouTube動画を追加する最も簡単な方法

手動で埋め込みコードを生成する代わりに、WordPressのプラグインに仕事をさせることができます。

Googleで検索すれば、たくさんの選択肢があることがわかるだろう。その中から、私はこのガイドのためにYouTube Feed Proを選んだ。

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

YouTube Feed Proが他のオプションより優れている点がいくつかある:

  • YouTubeフィードの作成、カスタマイズ、埋め込みの全プロセスをガイドされたフローに従うだけでいい。
  • Oxygen BuilderやElementorなど、WordPressの主要なページビルダーをすべてサポートしています。
  • このプラグインを使えば、YouTubeチャンネル、プレイリスト、検索結果、ライブストリームなどを埋め込むことができる。
  • 非常に軽量なので、大量の動画を埋め込むことができ、ウェブサイトの読み込みもこれまでと同じくらい速くなる。
  • 美しいYouTube動画フィードを作成するために、あらかじめ作成されたテンプレートをインポートしたり、ビジュアルカスタマイザーを使用することができます。
ライブフィードエディタ youtubeフィードプロ

ご覧の通り、コーディングなしでYouTubeコンテンツをOxygen Builderサイトに追加したい場合、このプラグインはとても便利です。

このツールをチェックする価値があると思われる方は、こちらからYouTube Feed Proを始めることができる

オキシジェンビルダーのサイトにYouTube動画を埋め込む方法

準備はできましたか?以下のステップに従うだけで、簡単なクリック数回であなたのOxygen BuilderサイトにYouTubeビデオのフィードが表示されます。

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

こちらからYouTube Feed Proプラグインを入手し、WordPressウェブサイトにインストールしてください。

WordPressのプラグインをインストールし、有効化する方法については、こちらをご覧ください。

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

YouTube動画のフィードを作成するには、ダッシュボードからYouTubeフィード " すべてのフィードメニューを開きます。

そこから、上部にある「新規追加」ボタンをクリックする。

新しいYoutube動画フィードを追加

それが済んだら、次はウェブサイトに表示したいYouTube動画の種類を選ぶ番だ:

  • チャンネル選択したYouTubeチャンネルの動画を追加する
  • プレイリスト選択したYouTubeプレイリストの動画を表示する
  • 検索する:検索語を選択し、検索結果から動画を埋め込む
  • ライブストリームYouTubeライブストリームを埋め込む
  • 単一の動画:ウェブサイトにYouTubeの動画を1つだけ表示する。

フィードの種類を選び、「次へ」をクリックします。

プレイリストのフィードタイプを選択

とりあえずプレイリストを使って みるが、基本的にはどのフィードタイプでもプロセスは同じだ。

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

YouTubeアカウントと接続することで、動画フィードが自動的に更新され、チャンネルやプレイリストの最新動画がウェブサイトに表示されます。

YouTubeのAPIキーをまだお持ちでない方のために、YouTube APIキーの作成方法をご紹介します。

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

youtubeフィードのapiキーを入力

次に、YouTube動画フィードのソースを追加します。これは基本的に、表示したいコンテンツのチャンネルID、プレイリストID、動画リンク、または同様の識別子です。

YouTubeのプレイリストを使っているので、URLの最後にあるIDをコピーして開く。

コピル・プレイリスト・イド・ユーチューブ

その後、ウェブサイトに戻り、そのIDをポップアップに貼り付ける

最後に「次へ」をクリックして、YouTube動画のソースの追加を完了する。

プレイリストIDの追加

ステップ4:YouTube動画フィードをカスタマイズする

良いニュースは、新しいビデオ・フィードが自動的にあなたのオキシジェン・ビルダーのウェブサイトのデザインをコピーすることです。

その上、インポートできるユニークなデザインのテンプレートがたくさんある:

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

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

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

このプラグインはビジュアル・カスタマイザーを開きますので、Oxygen Builder YouTubeフィードのデザインをより自由にコントロールすることができます。

左側には、すべてのカスタマイズオプションが表示されます。あなたの変更を追跡するために、右側のライブプレビューを使用することができます。

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

ここにはたくさんのオプションがある。ひとつひとつ見ていたらきりがないので、主要なオプションだけをいくつか紹介しよう。

まず、Feed Layoutを クリックし、動画のレイアウトをカスタマイズできるようにする。

Youtubeプレイリストのフィードレイアウト

選べるレイアウトは4種類:

  • グリッド: 行と列で大量の動画を一度に表示する
  • ギャラリー: サムネイルの下に大きなビデオプレーヤーを表示します。
  • リスト単一の列を使用して、すべての異なるビデオを表示する
  • カルーセル:スライド式のYouTubeカルーセルとして動画を表示します。
Youtubeプレイリストフィードのレイアウトオプション

レイアウトを選択したら、Saveボタンをクリックして変更を確定します。

その後、カスタマイズ ボタンをクリックして、メインのカスタマイズオプションに戻ることができます。

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

次にYouTubeフィードの色を変えてみよう。

まず、配色 オプションをクリックする。

ユーチューブの配色を変える

配色は4種類から選ぶことができる:

  • テーマからの継承: Oxygen Builderサイトの色を自動的にコピーします。
  • 明るい:明るい背景色と暗い文字色を使用する。
  • ダーク:背景をダークにし、フォントをライトカラーにする。
  • カスタムYouTube動画フィードの色を手動で選択します。
Youtubeフィードで利用可能なカラースキーム

前と同じように、変更を保存すると配色が更新されます。

このように、ヘッダー、ビデオプレーヤー、ボタンなどを変更するために、残りのカスタマイズオプションを自由に試してみてください。

次に進む準備ができたら、変更を保存することを忘れないでください。

ステップ5:Oxygen BuilderにYouTube動画を埋め込む

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

ワードプレスにYoutubeのプレイリストを埋め込む

このポップアップで、YouTubeフィードをウェブサイトに埋め込むためのさまざまなオプションを見つけることができます。

オキシジェン・ビルダーの場合、コピー・オプションをクリックすることができます。

youtubeフィードのショートコードをコピーする

すでにビデオを表示したいOxygen Builderページがある場合は、今すぐ開くことができます。

ページが準備できていない場合は、今すぐ新規作成できます。

まず、ダッシュボードからPages " Add New メニューを開き、Edit Templateボタンをクリックします。

酸素ビルダーのページを編集する

そうするとオキシジェン・ビルダー・エディターでページが開きます。

YouTubeフィードを埋め込む前に、上部のプラス(+)アイコンをクリックして新しいコンテンツブロックを追加します。

酸素ビルダーに新要素を追加

検索バーに"shortcode " と入力してウィジェットを探す。

次に、下の検索結果からショートコードウィジェットを クリックします。

最後に、先ほどコピーしたショートコードをFull shortcodeフィールドに貼り付けます

そうすれば、あとはプラグインが自動的にYouTube動画を埋め込んでくれる。

酸素にYoutubeショートコードを追加する

投稿を公開すると、YouTube動画がオキシジェン・ビルダーのウェブサイトに埋め込まれます。

このように、訪問者はあなたのサイトで直接関連動画をチェックすることができます。

酸素ビルダーでのyoutubeフィードの例

それで終わりだ!

ご覧の通り、Oxygen BuilderへのYouTube動画の埋め込みはとても簡単です。適切なツールがあれば、数分で全ての作業が完了します。

商品のレビュー動画を表示することもでき、ウェブサイト訪問者を顧客に変えるチャンスが広がります。

Oxygen Builderに動画を追加する準備はできましたか?YouTube Feed Proを使い始めましょう

YouTubeチャンネル登録者を増やす方法をお探しですか?FacebookでYouTubeチャンネルを宣伝する方法については、こちらの記事をご覧ください。

その他のYouTubeマーケティングガイドとチュートリアル

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

コメントを追加する

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