youtubeの動画サイズがembedで変わらないとき、Jetpackとの問題のようでした!

Image
先日アップした WordPress3.9になったら画像をドラッグ&ドロップ出来るようになりました! を よつばデザイン の後藤さんに、ゼロから始めるWordPress勉強会でおすすめしていただいたとたんに…最高アクセス数!!!を達成しました、ありがとうございますm(_ _)m。

この記事でyoutube動画を貼り付けていていたのですが、本当は大きい動画で貼り付けたかったのです。ですが、ググって調べた方法では上手く行かず、今日色々試してみて上手く出来たのでそれについて書きたいと思います。

embedで書いても大きくならないのに…あれ?ローカル環境だと大きくなるぞ!?

先日はその日のうちにアップしなければということでうまく大きくなっていなかったけど、「ままま、まぁいいかぁ…」とアップしちゃいました。
 

このように書いて大きくしてるつもりなのに、表示はこんな感じで大きくなってくれません(>_<)

Image

ということで調査のためにローカルで試してみようとやってみたところ、同じコードであっさりと大きく表示されました!?あれれ?

Image

本番環境とローカル環境の違いを較べてみた

ローカル環境は本番環境と「ほぼ」同じにしているので違いはないはず…と思いましたが。「ほぼ」の部分をチェックしてみようと思いました。

まずはプラグインでバージョンがあっているかどうか…ローカルで更新していないプラグインがあったので一つずつ更新しながら表示が同じになるかどうかを見てみました。表示は変わりませんでした。

となると…、入っていて有効化されているプラグインの何かが?と思って、調べると本番にはJetpackが入っていて、ローカルには入っていませんでした

ここで jetpack embed youtube をキーワードとしてググってみたところ、ビンゴ!英語サイトですが似たような状況が起こっているようです…

例:http://wordpress.org/support/topic/plugin-jetpack-video-embed-width-no-longer-working

ローカルにJetpackを入れて表示を確認してみる

ということでローカル環境にJetpackをインストール&有効化してみました。

Image

小さくなった~!よし、原因が分かりました。

Jetpackの ショートコード埋め込み が原因

Jetpackの管理画面をぱっと見て、これじゃないかな~と思ったものがありました。ショートコード埋め込み です。

Image

Jetpackをインストールした時点で有効になっているようなので、この機能を停止して(停止するとこのようになります)

Image

表示を確認します。

Image

大きくなりました。なるほど、原因はここですね。

うーん、ショートコード埋め込み、を停止すればJetpackを有効化していても、youtubeのサイズが大きくなる、でもせっかく便利そうなショートコード埋め込みは将来的に使うような気がするので有効化しておきたい。ということで、

Jetpackをインストールしているときの動画埋め込みはJetpackのyoutube埋め込みショートコードで!

デフォルトのyoutube埋め込みでの幅指定は、

 

こんな感じです。これをJetpackのyoutube埋め込みに変えると、

 

という指定になります。jetpackがインストールされた状態で両方のコードを記述すると、このような表示になりました。

Image

従来の書き方では大きさが変わりませんが、Jetpackのyoutube埋め込みで行った方は希望の大きさになっていました。

結論:Jetpackをインストールしてるときのyoutube埋め込みはJetpackのショートコードを使おう♪

便利なJetpackを使いながらyoutube動画を貼り付けて「大きさを変えたい」ときは、Jetpackのyoutubeショートコードを使いましょう~♪

 

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
スポンサー広告
トップへ戻る