WordPressやSymfonyのTipsを中心にアニメや日常の出来事について語ります。
メニュー

WordPressでYouTube動画をセンタリングする方法

この記事は約1分11秒で読めます

カメラ
ゆっきー
ども、カフェブロガーの悠木です。 お気に入りのカフェはドトールコーヒーです。 14時からの限定スイーツ「シューシャポー」が大好きです。

WordPressでYouTube動画を紹介したいときってありますよね。
今回はWordPressでYouTube動画を表示する方法中央に表示する方法を紹介します。

YouTube動画をWordPressで表示する方法

URLを直接書く

YouTube 共有リンク

WordPressではYouTubeを含む多くのサービスでURLを記述するだけで動画が埋め込むことができます。

URLは動画下の共有リンクの短縮URLでも、アドレスバーのURLでもどちらでも構いません。

実際に表示してみると下のようになります。

埋め込みコードで表示する

YouTube埋め込みコード

埋め込みコードを使った動画の表示方法になります。

こちらの場合はwidth(横幅)やheight(高さ)といったオプションを指定して表示することができます。

実際に表示してみると下のようになります。

YouTube動画をセンタリング(中央)する方法

YouTube動画をそのまま表示すると左に寄ってしまうので、中央に表示する方法をご紹介します。

style.cssに下記のコードを追加してください。

上記のコードを設定することで動画が中央に表示されるようになります。

適用すると下記のようになります。

紹介したGoose house(グースハウス)について

Goose houseはシンガーソングライターが集まって歌う日本の音楽ユニットです。
私はよくGoose houseを聴きながらブログを書いています。

YouTubeにたくさん歌っている動画がアップされているので興味ある方はぜひ聴いてみてください!

関連記事

  1. 女性,ユニット,SALBIA,SARY,サルビア,悩み,苦悩,頭痛,表情
  2. 管理者 ファビコン Favicon
  3. WordPress Crayon Syntax Highlighter
  4. こたつの上でパソコンを触る男性
  5. 灰色のボケ
  6. N1 mono-lab

コメントをお待ちしております

PR

カテゴリー