おでかけ情報ブログ

ワードプレス|Youtube動画・中央揃えに表示する方法

Youtube 埋め込み 真ん中にする方法ワードプレス
ワードプレス

Youtube動画埋め込み

Youtube動画を埋め込みしようとして、確認してみると?

あれ?なぜだか左に寄っている。

中央寄せにしたいからと思い試みたのがここの中央寄せにする方法。

これが一番簡単に中央寄せにできる方法で間違いはないはず…

なのに…なぜか…

いくらこの中央寄せを使っても、中央寄せにならない。

そこで!

次に試したのがCSSを指定する方法。

それを試したことによってYoutube動画を中央寄せにすることができました。

ここにメモしておこうと思います。

これで解決!CSSを指定!中央寄せになった!

外観】→【テーマファイルエディタ】→【Coccon Child:スタイルシート style.css】

/*YouTube動画の中央揃え*/
.video-container{
margin: 0px auto;
}

上記↑CSSをコピペする→【ファイルを更新】

これをするだけで簡単にYoutube動画を埋め込みする際、中央寄せにすることができました。

私自身もブログ初心者なので毎日が試行錯誤しながらになりますが

これで一発でできましたよ!

最近、クラシックエディタではなくブロックエディタを使うようにし始め、

今までと使い方が違うので苦戦しながら必死で頑張っています。

みなさんも一緒に頑張りましょう!

コメント

error:Content is protected !!