Cocoonの使い方・Youtube動画の挿入

WordPress

CocoonでのYoutube動画の挿入方法が分からなかったので書き記しておこうと思います。

ブロックを追加するをクリックして埋め込みの中からYouTubeをクリック。
すると下記のような表示が出現します。
そしてURLを入力して埋め込みをクリック。

ヒトデさんの動画。

でも、なぜか左寄りになってしまいます。
これを中央にもっていきたいのですが、なかなか出来ませんでした。

仕方がないので、ブロックを追加するをクリックしてカスタムHTMLをクリック。
すると下記のように表示されます。

HTMLを入力の所に、YouTubeの共有をクリックして、埋め込みをクリックし、コピーをクリックしたものをコピペします。

下記URLの部分に入力します。

<div align="center">URL</div>

これで中央になりました。

他に方法がないかと探していたら、Cocoonフォーラムに同じような質問がありました。
やり方は、外観からカスタマイズを選び、追加CSSをクリック。
下記をコピペして。
公開をクリックすれば、すべてのページの公開した動画が中央に表示されます。

もしくは編集画面の下部にあるカスタムCSSにコピペすれば、そのページのみ動画が中央に表示されます。

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

どれがいいかは、使い方しだいだと思います。

タイトルとURLをコピーしました