youtube,動画,読み込み,スピードアップ

Word Press

WordPressにyoutube動画簡単埋め込み方法!レスポンシブ対応で高速化

更新日:

スポンサーリンク

 

WordPressの記事でYou Tubeの埋め込み動画の表示が重いのを解決する「Youtube SpeedLoad」 !!

素晴らしいプラグインです!
しかもブログ記事のYoutube動画表示が高速化されるだけでなくレスポンシブにも対応していて、インストールするだけ!!

設定は1つチェックを入れるだけであとはお任せ!
埋め込み動画のせいでページ表示スピードが遅いと嘆いている方には朗報ですよ!

動画をたくさん載せているサイトにも絶対おすすめプラグインですっ!!

youtube埋め込み動画を高速表示してくれる「Youtube SpeedLoad」

もし、あなたがブログ内にyoutube動画を埋め込んでいて

表示速度が遅い場合は注意!!
表示が遅いページはGoogle先生にますます嫌われますよ。

具体的な数字でいうと表示が2秒遅いだけで直帰率が

50%も増加するんです。

そうなる前に「Youtube SpeedLoad」 で読み込みが重い症状を解決しましょう!!

手順は簡単!!
インストールして、設定の画面で1箇所チェックを入れるだけ!!
初心者でもできます!!大丈夫です!

表示速度が速くなるだけでなくスマホなどのレスポンシブ対応も

してるので至れり尽くせりですよーー。
それでは設定方法です。

 

「Youtube SpeedLoad」 のインストール

Youtube SpeedLoad,埋め込み動画,高速化

「プラグイン」の「新規追加」でYoutube SpeedLoad と検索!

 

Youtube,埋め込み動画,読み込み,速く

有効化したあとに「設定」から「Youtube SpeedLoad」を選択。

 

Youtube,表示速度,高速,解決

左の設定メニューから設定画面にいって

「Responsive embeds」の横にチェックを入れるだけ!

これで設定終了です!実に簡単すぎる!!

 

記事内に動画を埋め込む方法!!

Youtube,埋め込み動画,重い,解決

動画の埋め込み方も本当に簡単なんですっ!!!!!
埋め込みたいyoutubeのURLもしくは共有のコードを

記事内にコピペするだけ!!
しかもビジュアルモートでも

テキストモードでもどちらでもOKです!
You Tube動画の再生ボタンが濃い緑で表示されるようになります。

New Pagani Huayra driven; 720bhp, 230mph - Autocar

New Pagani Huayra driven; 720bhp, 230mph - Autocar

 

Youtube SpeedLoad なぜ表示速度が速くなる?

動画の読み込みがなぜ表示が速くなるのかというと、ページが表示されると埋め込み動画のサムネイルを画像として表示し、再生ボタンを押したら読み込みを始めるみたいです。

あなたもワードプレスのブログにyoutube動画を埋め込む際にはぜひ使ってくださいねー。

次ページはこちら!

WordPressプラグインのMilliardが超便利!関連記事表示はコレに決まり!... ワードプレスの関連記事を表示してくれるプラグインといえば??? WordPressRelatedPosts?YARPP? 確かに、確かにこの二つのプラグインもとってもお世話になっています。 ですが、見つけてしまったんです! とーーーっても良くできた秀逸な関連記事表示プラグインを!! その名...
成功する人は将来の自分の幸せが実現したイメージトレーニングをする?... あなたは成功する人になりたいですか? 今よりもたくさんの年収を稼ぎたいですか? 今よりももっと良い家に住みたいですか? 高級車や外車に乗っていたいですか? 労働に追われる事なく悠々自適な生活を送りたいですか? のんびり海外旅行ばかりを満喫したいですか? 成功する人になった時の自分の...
瞑想で心・精神をストレッチ!集中力と直感力を鍛えて意識をクリアに!... 忙しい日々を送っているあなた。何もやる気が起きないというあなた。 何かしたいと思ってはいるけど、スタートできないあなた。 瞑想をしてみませんか?? 宗教じみたことをいっているのではないのでご安心を(笑)^ ^ 瞑想は心・精神のストレッチのようなものです。 では、なぜ心をストレッチする必...
あなたの胃の不調は猫背が原因?ストレッチで背骨の歪みを治す方法!... デスクワークを主な仕事をしているあなたへ、もし胸焼けや胃もたれなど胃の調子が少し悪いな〜と思っているなら、もしかしたらそれは姿勢改善で猫背を治す事で胃が元気になるかもしれませんよ。 実はこっそり聞いてほしい話しがあります。これは管理人が実際に体験した話しなので軽く「へぇ〜」って感じで読んで下さい。...
ブログで内部リンクを簡単にリンクカード風で貼るプラグインの使い方!... どうにかして内部リンクをキレイに貼ってサイトの回遊率をあげたい! 文字だけのリンクなんて味気なくてなんだか見た目もパッとしない! アイキャッチ画像が付いたオシャレなリンクカードを貼りたい! そう思っているあなたにオススメのプラグインはこれっ!!!!! 「Pz-LinkCard」。 「Pz...
テンプレートでブログ記事編集を時短化!手間を省いて効率アップ!... WordPressで記事を書く時に超役立つおすすめプラグインを紹介したいと思います。 今回ご紹介するプラグインは「TinyMCE Templates」。ブログを書く時に編集画面でテンプレートを挿入することができます。 これでいつも書いている見出しなどを予め入れておいて、記事編集を時短化して効率...
Photoshop無料キラキラブラシ!商用可で高品質!役立つフリー厳選素材10選!... Photoshopのキラキラブラシ素材を厳選してみました。 キラキラエフェクトを自作しなくてもこんなに高品質なブラシ素材があるんです! デザイナーの仕事の手間を省くことができる超優秀フリーブラシ素材です。 キラキラブラシって、タイトル周りから背景、ちょっとしたアクセントにといろいろと使う場面が...
【Photoshop無料ブラシ】デザイナー必須の手描き風の筆ストローク集!... Photoshopをお使いのグラフィック・広告・WEBデザイナーさんにオススメしたいっ!! 現役の広告デザイナーがこれなら、現場で使えるなーっと思ったPhotoshopブラシの無料ダウンロードまとめです! ブラシって、CGなどの画像を作り込んでいくうえで、重要なポイントですよね。 筆ストロ...
Illustratorのエフェクトで地面テクスチャの作り方チュートリアルステップ... Illustrator(イラストレーター)のエフェクトで地面テクスチャをサクッと作るチュートリアルです。 テクスチャをPhotoshopで作ったり、画像をWEB検索で見つけるのもいいですけど、イラレの底力をなめてませんか? テクスチャだって、簡単に作れちゃうんだからっ!!!! しかもこの地面テ...
イラストレーター基本編!ペンツールで直線の描き方練習法!... イラストレーターのペンツールで直線の描き方をご紹介します! 簡単な動画でどうやってイラレのペンツールで直線を描いていくのかを確認してみてください。 最初から完璧にキレイなカタチを描こうと思わず、変なカタチになってもいいので何度もペンツールで描いて練習することが大事です。 地味ですがペンツール...

スポンサーリンク



-Word Press

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.