YouTube動画の埋め込みを中央に配置する方法(Cocoon使用時)

20200624-life表紙

スポンサーリンク

YouTube動画の埋め込みを中央に配置する方法

 

こんにちは(⋈◍>◡<◍)。✧♡

最近はひたすらペラサイト作成をしていて、少しブログの更新が出来てませんでした…。。
が、別ブログでは、物欲センサー出ちゃってる記事書いてます(笑)
今だに色々瞑想中ではあります(;^_^A

さて、先日、韓国の男性アイドルグループ『Stray Kids』の紹介をした時、動画が中央に配置出来たとこと出来ないとこがあって、左寄せになったまま投稿していたんですけど(;^ω^)
あの後解決したので、ご報告まで載せておきますね。

 

ブログにYouTube動画を埋め込む方法から紹介します。(WordPressで、Cocoon使用時)

❶ YouTubeから動画を選択し、登録ボタン付近にある【共有】ボタン選択。
YouTube共有ボタン

❷ 【埋め込む】ボタン選択。
YouTube埋め込み

❸ 左に動画画像、右にURLが表示されるので、URLか、右下にある【コピー】ボタンを選択しURLをコピー。
YouTube埋め込みをコピー

❹ コピーしたURLをWordPressのテキスト上の好きな場所に貼りつける。

動画を中央揃えにする。

❶ WordPressのビジュアル表示上で動画を選択し、【中央揃え】ボタンを選択する。

※通常はURLを貼り付けると左寄せで表示されます

WordPress中央揃え
(上記の方法か、テキスト上でセンタータグを直接入力する)

❷上記の方法で中央揃えが出来ない場合は、【子テーマのスタイルシート】に下記のCSSを指定する。

 

    • WordPressの【外観】➡【テーマエディター】
      WordPressのテーマエディター

 

  • 【テーマの編集】➡【Cocoon Child:スタイルシート(style.css)】を選択し、【子テーマ用のスタイル書く】で、CSSを入力する。

テーマの編集WordPress

テーマの編集WordPressのcss
テーマの編集のcssを指定

詳しくは下記記載

⬇⬇

.video-container{
margin: 0px auto;
}

まとめ

以上の工程で私の場合は、動画を中央配置する事が出来ました(*^^)v
参考にしていただければ幸いです。
YouTubeやTwitterの埋め込みを中央寄せにする方法』カテゴリーを分けて新しく書き直したコチラのサイトも参考までに♪
まだ、色々瞑想中ではありますが、これからも頑張りまーす(^^)/❤

 

アラフィフの奮闘記』『猫との暮らし』『本、映画、音楽etc…』『サイト作成に必要なお勉強

!!誤字・脱字、記載に何か問題のあるようでしたらコメント下さいm(__)m
える[Twitter猫FANBLOGChange MyselfエラレルゥTwitterエラレルゥ*^^*]