YouTube動画の埋め込みを中央に配置する方法
こんにちは(⋈◍＞◡＜◍)。✧♡
最近はひたすらペラサイト作成をしていて、少しブログの更新が出来てませんでした…。。
が、別ブログでは、物欲センサー出ちゃってる記事書いてます(笑)
今だに色々瞑想中ではあります(;^_^A
さて、先日、韓国の男性アイドルグループ『Stray Kids』の紹介をした時、動画が中央に配置出来たとこと出来ないとこがあって、左寄せになったまま投稿していたんですけど(;^ω^)
あの後解決したので、ご報告まで載せておきますね。
ブログにYouTube動画を埋め込む方法から紹介します。(WordPressで、Cocoon使用時)
❶ YouTubeから動画を選択し、登録ボタン付近にある【共有】ボタン選択。
❷ 【埋め込む】ボタン選択。
❸ 左に動画画像、右にURLが表示されるので、URLか、右下にある【コピー】ボタンを選択しURLをコピー。
❹ コピーしたURLをWordPressのテキスト上の好きな場所に貼りつける。
動画を中央揃えにする。
❶ WordPressのビジュアル表示上で動画を選択し、【中央揃え】ボタンを選択する。
※通常はURLを貼り付けると左寄せで表示されます
(上記の方法か、テキスト上でセンタータグを直接入力する)
❷上記の方法で中央揃えが出来ない場合は、【子テーマのスタイルシート】に下記のCSSを指定する。
- WordPressの【外観】➡【テーマエディター】
- WordPressの【外観】➡【テーマエディター】
- 【テーマの編集】➡【Cocoon Child:スタイルシート(style.css)】を選択し、【子テーマ用のスタイル書く】で、CSSを入力する。
詳しくは下記記載
⬇⬇
.video-container{
margin: 0px auto;
}まとめ
以上の工程で私の場合は、動画を中央配置する事が出来ました(*^^)v
参考にしていただければ幸いです。
『YouTubeやTwitterの埋め込みを中央寄せにする方法』カテゴリーを分けて新しく書き直したコチラのサイトも参考までに♪
まだ、色々瞑想中ではありますが、これからも頑張りまーす(^^)/❤
『アラフィフの奮闘記』『猫との暮らし』『本、映画、音楽etc…』『サイト作成に必要なお勉強』
