タグ

ブックマーク / www.doghands.com (1)

  • ワードプレス投稿に埋め込んだYouTube動画を簡単なCSSで、たった2分でレスポンシブ対応! - studioDoghands

    せっかくレスポンシブ対応のテンプレートでホームページを制作しても、YouTubeやVimeoなど、動画の埋め込みに対応していない場合は、下記のようにはみ出してしまいます。 2014/09/06追記ここから——— ワードプレスが4.0になり、特にプラグインを利用しなくても、アドレスをペーストするだけでレスポンシブ対応するようになりました。 詳しくはこちらの記事をご確認ください。 2014/09/06追記ここまで——— これを、スタイルシートに記述するだけでレスポンシブ対応させるコードが紹介されています。 webdesignerwall.com様 スタイルシート側 当は子テーマを作りそこで記述が推奨だと思いますが、記述した事を覚えていられるなら(使用テーマのアップデート時に覚えているなら)、使用テーマのstyle.cssにそのままペーストで良いです。 [css] .video-contain

    ワードプレス投稿に埋め込んだYouTube動画を簡単なCSSで、たった2分でレスポンシブ対応! - studioDoghands
  • 1