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

 

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

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

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

閲覧ありがとうございました!

知っておきたいイラレの使い方基礎編!オブジェクト整列チュートリアル... イラストレーターCC 初心者のあなたにこっそり教えたい整列の使い方! これであなたも整列ツールに関しては初心者の域を抜け出せます!! イラストレーターの整列ツールを使いこなして、オブジェクトのレイアウトを綺麗にしましょう。 何事も整理整頓が大事です。 整列ツールを使うと言っても選択してボタ...
WordPressの不要なサムネイルを削除、最適サイズに一括変換プラグイン... ワードプレスでブログを書いていると、バックアップをしますよね?? でも、なぜか昨日、自動バックアップしていたはずなのにされてない! なぜ???ん? 「空き容量が無いからバックアップできなかったよ〜」的なエラーメッセージが…。 どういうこと?って思い、画像のデータ容量を確認してみると1.3GB...
お正月イラスト無料素材集 可愛い年賀状や門松、羽子板パーツまとめ... お正月のチラシ・ポスター・DM・フライヤーをデザインするのに何か良い正月素材がないか悩んでいるデザイナーさん。 管理人が仕事でよく使わせてもらっている無料イラストサイトのお正月パーツをあなたにだけ、こっそり紹介しちゃいます。 無料とは思えないほどの高品質イラスト素材なので、あまりいろんな人に教え...
脳は大人・老人でも一生成長する!読書で脳力を鍛えて能力を伸ばそう!... あなたは頭が良くなりたいですか? IQが高くなりたいですか? 将来、認知症になりたくないと思っていますか? 記憶力をもっとアップさせたいですか? 上記に上げた質問をすべてクリアしてくれる方法があるんです。 それは脳を成長させることなんです。 でも大人になっても脳は成長するの? そう...
イラレでキラキラ グリッターエフェクト文字の作り方チュートリアル... イラストレーターでキラキラした感じのグリッター風のエフェクトを文字にかける方法をご紹介! そんなのPhotoshopで作っちゃえばいいじゃん! はい。確かにそうですよね。 でもきらきらしたグリッター風のエフェクトってイラストレーターでもけっこう作れちゃうんですよ。 イラレに貼り付けたPSDデ...
イラストレーターの使い方基礎編 | ブレンドツールの基本操作マニュアル... イラストレーターのブレンドツールの必ず知っておきたい基本操作を画像で解説!! イラレ初心者の方でブレンドツールってどんな感じに使うの?っていう疑問がありませんか? ペンツールや長方形ツールや楕円形ツールばかりが良く知られていますが、この便利なブレンドツールを使いこなすことができれば、もっと仕事が...
ブログで内部リンクを簡単にリンクカード風で貼るプラグインの使い方!... どうにかして内部リンクをキレイに貼ってサイトの回遊率をあげたい! 文字だけのリンクなんて味気なくてなんだか見た目もパッとしない! アイキャッチ画像が付いたオシャレなリンクカードを貼りたい! そう思っているあなたにオススメのプラグインはこれっ!!!!! 「Pz-LinkCard」。 「Pz-...



-Word Press

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2019 All Rights Reserved.