【WordPress】YouTube動画をレスポンシブサイズで埋め込む方法をやってみた
公開日:
:
最終更新日:2018/09/25
YouTuberとして YouTube, ワードプレス, レスポンシブ
2018年、年の始めからワードプレスを使用した独自ドメインによるブログを運営してきておよそ半年が経過しました。
開設すること自体ボクにとってはとぉ~っても(汗)大変な作業だったんですが、これまで試みようとしてはあきらめていたことがあります。
それが今回のタイトルにも表記した通り、YouTube動画をこのブログでレスポンシブに表示することです。
「レスポンシブ」とは異なる大きさのスクリーンに、それぞれ自動で対応して適切な大きさで表示してくれる便利な機能のことで、アドセンス広告などにも備わっているようです。(ボクはしてません)(笑)
最近ネットでいろいろ調べていましたら難しいcssを使用しなくてもプラグインでそれができるようでしたので、思わず飛びついてやってみました、というか今まさにこの記事で実験をしております(笑)
設定方法
まずはワードプレスのプラグインから「AddQuicktag」を検索して、インストールし有効化。
続いて「設定」→「AddQuicktag」で下記のように設定します。
①ラベル名:「YouTubeレスポンシブ」
②開始タグ:
③チェック印にチェック(すべての項目にチェックが入る)
最後に設定を保存して完了です。
使用方法
次に実際に使用する方法をお伝えします。作業自体はコピペだけになるのでとても簡単です。
スポンサーリンク
まずは貼り付けたいリンクをゲットします。
①お望みの動画の「共有」ボタンをクリック。
②表示されたコードをコピー
続いて投稿欄へ。
設定が完了するとテキスト欄外に新しくボタンが追加されます。
新しく追加されたボタンをクリックすると先程設定したタグが貼り付けられます。
そこにある「YouTube埋め込みコード」の部分だけをコピーしたコードに置き換えます。
するとレスポンシブ処理された埋め込みコードが完成です。
上記の通りやってみました↓
ちなみにいつもはリンクを貼り付けていただけでしたのでこんな感じです↓
パソコンではあまり差がないのかもしれませんがタブレットやスマホなどでこの差は歴然だと思います。
※追記、現在スマホで確認したところ、横画面では対応していましたが、縦画面では対応しませんでした(汗)
今後も調査していきます。
これまでPC言語に疎いので敬遠していましたが(汗)プラグインの機能を利用して最小限の労力でこの作業が可能になりました。
ぜひ活用したいと思います!
↓注目記事シリーズ
【ネットでビジネス】肉体労働者が不労所得を得るまで①いきさつ編
【ネットでビジネス】肉体労働者が不労所得を得るまで②事業不振編
【ネットでビジネス】肉体労働者が不労所得を得るまで③無料ブログ編
【ネットでビジネス】肉体労働者が不労所得を得るまで④YouTube編
◆YouTubeで作業の手助けになる動画をたくさん作ってます
「ひとり親方ユーチューブ」チャンネルはコチラをクリック
「勉強になったな~」「ぜひトライしてみよう!」と共感して下さった皆様!よかったら↓ポチってランクアップのご協力をお願いいたします!(`・ω・´)ゞ
造園業・植木屋ランキング
関連記事
-
YouTubeの動画【更新頻度】を守るように努力した結果
2018年9月現在、本職の造園業の方が繁忙期に入り毎日慌ただしくなってきました。 この季節
-
【成功するためには「行動」が大事】マナブさんの動画を見て感じたこと
ロープワークをメインに「ひとり親方ロープワーク」YouTubeチャンネルを運営しています「ひとり親方
-
YouTubeで総再生回数100万回再生!100万回の大切さ
本日2018年2月11日(日)ボクのYouTubeチャンネルにて総再生回数100万回を達成し
-
【YouTube】スマホで綺麗に動画撮影する方法【室内編】
ロープワークをメインに「ひとり親方ロープワーク」YouTubeチャンネルを運営しています「ひとり親方
-
スマホで外部マイクを認識させる方法【Android限定】
ロープワークをメインに「ひとり親方ロープワーク」YouTubeチャンネルを運営しています「ひとり親方
-
グーグル検索の上位動画に表示されるようになった
検索順位が目まぐるしく変化する中 今月に入ってからグーグルで検索コアアルゴリズムの更
-
自営業の老後/画:上田惣子【文響社】を読んで感銘を受けた
ひときわ目を奪われたタイトル 知識を蓄えるべく、足繁く図書館に通っては本を借りて読書
-
YouTubeアナリティクスの収益をドルから円に表示する方法
YPP(YouTubeパートナープログラム)の基準を満たすようになるとようやく広告収入を得る
-
TikTok始めます【その魅力とは?】
ロープワークをメインに「ひとり親方ロープワーク」YouTubeチャンネルを運営しています「ひとり親方
-
YouTubeカスタムURLの魅力
ようやくカスタムURL取得 YouTubeのチャンネルを2年ほど運営してきましたが皆
Comment
[…] ★ブロガーとしてPV数を上げるために取り組んでいること★ →サーチコンソールを使ってブログの改善を図る →ブログのリライトでまずやるべきこと →ブロガーTouTuberの備忘録法アイデアはすぐに「残す」 →【WordPress】YouTube動画をレスポンシブサイズで埋め込む方法をやってみた […]