ホームページ定額無制限マニュアルサイト

Youtubeを複数並べる

  • HOME »
  • Youtubeを複数並べる

Youtubeを複数並べる

以下サンプル













通常のYoutube貼付け時

 

2カラム〜4カラムで動画を入れる方法

1.必要なプラグイン:Easy Bootstrap Shortcode (※プラグインの画面で検索してインストール+有効化)

2.「外観」>「CSSカスタマイズ」に下記を入力して保存

div#content iframe.iframeYoutube {
border:none;
}

3.記事の編集画面で文字装飾などのボタンの欄に新しいボタンの行が増えていますので、左から9個目のボタン(ColumnsShortcorde)をクリック

4.One〜Fourまでカラム数を選択できるのでどれかを選んで「InsertColumns」をクリック

5.エディタ画面にカラム用のタグが表示されるので[text]の文字を削除

6.textを削除した状態でエディタメニューの「挿入」>「動画を挿入」で「ソース」のところに貼り付けたいYoutube動画のURLを貼り付ける

補足

カラム設定をする時にHTMLタグっぽい文字がエディタ画面に表示されるのであまり初心者向きではないかなとおもいます。
マニュアル的には非公式/非推奨という形でよろしければこの方法でご活用ください。

スマートフォンでもレスポンシブ対応で表示されます。
ただし、PCで表示した状態で画面の幅を縮めると、4カラムの行などは動画の部分が縦に潰れたような表示になってしまいますので
この点だけご注意ください。

PAGETOP
Copyright © インターネット大家さん™ All Rights Reserved.
Powered by WordPress & BizVektor Theme by Vektor,Inc. technology.