Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/cecilia444/iwata-blog.jp/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340
YouTubeスマホ最適化!ワードプレスで動画をレスポンシブ化するプラグイン | 家族を幸せにするためのお金を稼ぐ方法を広めるブログ

YouTubeスマホ最適化!ワードプレスで動画をレスポンシブ化するプラグイン

YouTube動画をスマホ最適化しよう!
レスポンシブできるプラグイン(動画アリ)

きっとあなたも色々なウェブサイトで
紹介されている動画を見たことが
あると思います。

その際にスマホで見ていると、

「あれ、動画が切れてて観にくいな」

と感じたことがるのではないでしょうか?

ウェブサイトに埋め込まれている
YouTube動画をスマホで観る際に
画面からはみ出てしまう症状。

最近ではGoogleもレスポンシブ対応
しているウェブサイトは検索結果への
上位表示を優遇すると言ってますしね。

それだけ、スマホユーザー目線で
ウェブサイトを作成しないと
いけない時代になってきたんです。

そのため、YouTube動画がスマホ画面から
はみ出てしまい、動画が切れているようでは
ユーザー目線とは言えません。

それを改善するためのプラグインが

「Advanced Responsive Video Embedder」

という長ったらしいネーミングの
拡張機能です。

Advanced Responsive Video Embedderの特徴

まず、パソコンとスマホの画面サイズって
明らかに違いますよね。

ひねくれた人じゃない限りは、
パソコン画面の方がデカイと認識してます。

それで、パソコン画面で見れば、
最適なサイズでもスマホで見ると
動画がはみ出てしまうのは、考えてみれば
すぐにわかることです。

そこで、このプラグインが活躍します。

「AR Video Embedder」は
パソコン画面とスマホ画面で
埋め込み動画のサイズを指定できます。

他にもYouTubeだけではなく、
色々な動画配信サイトのコンテンツにも
対応していますので、とても便利です。

現在はプラグインも更新されて、
このプラグインを導入するだけでも
動画が途切れてしまうことの対策が可能です。

それでは、操作方法を見ていきましょう。

YouTube動画をスマホ最適化する手順

いつものように、プラグインの
インストールまでは終わっているという
前提で話していきますね。

プラグインの新規追加時は
「Advanced Responsive Video Embedder」と
検索してください。

まずはワードプレスの管理画面、
ダッシュボードに移動しましょう。

そして、サイドバーの設定に
マウスカーソルを合わせて、
“A.R.Video Embedder”をクリックします。

YouTube スマホ最適化

基本的にはそのままでいいと思いますが、
一応ちょっとだけ説明します。

YouTube スマホ最適化

●Autoplay
ここを”Yes”にすると、埋め込みした
YouTube動画が自動で再生されるように
なるので、使いたい場合はどうぞ。

個人的にはかなり迷惑極まりない
機能だと思っています。

アドセンス広告にもありますよね、
ページを開いたら急に音がなる
迷惑な広告・・・w

音が出せない場所でウェブサイトを
閲覧している可能性も考慮して、
この機能は使わない方がいいでしょう。

●Align Maximal Width
ここで、埋め込み動画の最大サイズを
決定します。

デフォルトで400になってますが、
そのままで大丈夫です。

もっと大きくしたい場合は
コンテナエリアに収まるサイズに
指定すれば、OKです。

あとは無視して大丈夫です。

設定が済んだら、変更を保存しましょう。

記事への貼り付け

設定が済んだら、記事へ実際に
貼り付けてみましょう。

まずは、ウェブサイトに埋め込みたい
YouTube動画のURLを取得してください。

YouTube スマホ最適化

または、動画の上で右クリックして、
動画URLをコピーしましょう。

YouTube スマホ最適化

URLのコピーが出来たら、
新規投稿をしていきましょう。

すると、ビジュアルエディタでも
テキストエディタでも、
“Embed Video”というボタンが
表示されるようになってると思います。

これをクリックしましょう。

YouTube スマホ最適化

そして、表示された画面の
空欄部分にURLをそのまま貼り付けます。

正常に貼り付けができると、
下にコードが表示されます。

YouTube スマホ最適化

そのまま”Insert Shortcode”を
クリックします。

YouTube スマホ最適化

すると、完成されたコードが
記事内に挿入されます。

YouTube スマホ最適化

これで完了です。

また、この画面での設定ですが、
特に触らなくてもOKです。

“Autoplay”に関しては、先ほどの説明通りで、
“Maximal width (px)”に関しても、
触る必要はありません。

“Align”は埋め込み動画を
左寄せ、中央、右寄せにする項目です。

ThumbnailはYouTube以外の動画で、
何も表示されない時に画像を入れる
ための機能です。

基本設定ができていれば、
このボタンからコードを入れなくても、
URLを直接記事内に貼り付けるだけで、
反映されるようになっているみたいです。

以前はそんなことはありませんでしたが、
現在ではそれが出来るようになってます。

ということで、

YouTube動画をスマホ最適化にする
プラグインの使い方の解説は以上です。


こういったSEOにも影響してくる
プラグインは積極的に取り入れたいですね。

まあ、あまりプラグインを入れすぎるのも
ウェブサイトが重くなるので、
そこは考えものですが・・・

あ、そうそう、今、ネット初心者でも
一から無料で稼げるコンテンツを
作成してるんですけど、
これを無料でプレゼントします。

まあ、無料で配布する理由はメルマガ
登録者だけしかわからないので、
興味があれば、プレゼントを
受け取る準備だけでもしておいてください。

岩田のメルマガに登録する

メルマガ読者募集中!

メルマガ読者募集中!
改めまして、岩田です。

ここまで記事を読んで頂いて、
ありがとうございます!

ブログの記事が読まれることは
僕にとって嬉しいことです。

お陰様でブログからメルマガ登録を
してくれる方も多く、読者さんの数も
1000人を超えました。

僕のメルマガではネットビジネスで
副収入を得る方法を配信しています。

他にも健康に関することや
さらに収入を増やすための仕組み作り
なんかも話しています。

もし、興味がありましたら、
下の「詳細はこちら」というボタンを
クリックして頂けると嬉しいです。

詳しいことはそちらに書いています。

お気軽にコメントをどうぞ(^▽^)/

*
*
* (公開されません)

Facebookへのコメント

mail2