ブログに埋め込まれている動画の中には、

ノートパソコンなどのフレームデザイン装飾されているものがあります。

 

こうしたフレームデザインを自分で運営している

ブログでも取り入れたいと考えれられる方は多いと思いおます。

 

そこで、今回の記事では WordPressプラグインの

『Youtube Adds Pro』を活用した埋め込み動画フレームデザイン

装飾・変更する方法をご紹介していきます。

 

ブログに埋め込んだ動画のフレームデザインが装飾・変更された例

今まで Youtube Adds Pro のフレームデザインを

見たことがない方もいると思うので、

 

まずは、Youtube Adds Pro で装飾・変更された際の

埋め込み動画の画像をご紹介します。

 

ネットビジネス,副業,ノマドワーカー

 

この他にも、なんと70種類以上ものフレームデザインが用意されていて、

とても簡単に動画フレームをスタイリッシュに装飾できます。

 

ちなみに、私のブログで動画を埋め込む際には、

『ノートパソコン』のフレームデザインを使っています。

 

ネットビジネス,副業,ノマドワーカー

動画にこうしたフレームデザインが付いているだけでも、

かなりハイセンスで洗練されたブログを演出することができます!

 

それでは続いて、Youtube Adds Pro の使い方について解説していきます。

 

Youtube Adds Pro の使い方!動画フレームをデザイン装飾する方法

Youtube Adds Pro はWordpress用の有料プラグインなので、

まずはプラグインを購入する必要があります。

 

こちらのリンクから、

Youtube Adds Pro を購入することができます。

 

 

ネットビジネス,副業,ノマドワーカー

リンク先の『ご購入はこちら』というボタンをクリックします。

ネットビジネス,副業,ノマドワーカー

『ご購入はこちら』というボタンを押すと、

画面がスクロールしてインフォトップへのリンクが表示されます。

 

こちらから購入すると、

Youtube Adds Pro プラグインをダウンロードすることができます。

 

zipファイルがダウンロードできたら、

WordPressテンプレートを『新規追加』して有効化する要領で

プラグインをインストールして有効化することができます。

 

ネットビジネス,副業,ノマドワーカー

まずはダッシュボード画面から、

プラグインメニューの『新規追加』を選択します。

 

そうすると、移動先の画面上部に

『プラグインのアップロード』というボタンが有ります。

ネットビジネス,副業,ノマドワーカー

 

このボタンをクリックすると、ファイル選択画面に移動するので

ダウンロードしたzipファイルを選択します。

 

Youtube Adds Pro をインストールして有効化が完了すると、

 

記事編集画面のツールバー上に

『Youtube Adds Pro』という項目が表示されるようになります。

ネットビジネス,副業,ノマドワーカー

 

これ以降、ブログ記事に動画を埋め込む際にYoutube Adds Pro の

デザインフレームで装飾する場合は、このボタンを使っていきます。

 

それでは、今回の記事の具体例として

私のYoutubeチャンネルの動画を埋め込んでみます。

 

まずは、ブログ記事に埋め込みたい動画URLをコピーします。

 

URLをコピーしたら、記事編集画面に戻って

動画を埋め込みたい部分にカーソルを表示させた上で

『Youtube Adds Pro』のボタンを押します。

 

すると、Youtube Adds Pro の動画フレームの

デザインを設定する画面に移動するので、

まずは、埋め込みたい動画URLをURL入力欄にペーストします。

 

ネットビジネス,副業,ノマドワーカー

URLを入力すると、それに該当するYoutube動画が表示されるので、

埋め込みたい動画かどうか確認してください。

 

ネットビジネス,副業,ノマドワーカー

次に、動画フレームのデザインを決定していきます。

動画のコントローラーを表示させるか、デザインフレームを使うか選びます。

 

私はいつもどおり、『ノートパソコン』のデザインフレームを選択しました。

 

ネットビジネス,副業,ノマドワーカー

Youtube Adds Pro の設定が完了したら、

一番下までスクロールして『投稿に挿入』を選択します。

 

すると、ブログ記事上に埋め込みコードが表示され、

ブログを公開すれば デザインフレームが付いた状態で表示されます。

 

[youtube-adds id=”https://www.youtube.com/watch?v=RPjo-uQYD0I&list=PLVT3tqG8cJWb39RK7t_5MGnu7AyeCPusP&index=16″ style=”de-notepc” margin=”2%”]

 

 

Youtube Adds Pro には、

Youtube動画に広告を貼り付けるといった他にも多彩な機能がありますが、

今回は動画をデザインフレームで装飾する方法についてご紹介しました。

 

他の機能の使い方についても、

随時記事を更新していきますのでお待ち下さい。

 

今回の記事の内容はこれで以上になります。

最後までお読み下さり、誠にありがとうございました。

 

Affiliate Business Community 運営者  守淳史