Flexible Sidebar – Youtube Banner

概要

サイドバーに動画を使ったリンクコンポーネントを設定することが出来ます。※モバイルでの表示は、メインコンテンツエリアの後にサイドバーが表示されます。

用途

ＰＲ的要素のあるリンクに使用ができます。

使用方法

• 編集ページ の「Flexible Sidebar」から[Add Section]から使用するテンプレートを選択して下さい。
• レイアウトの設定はローカルとグローバルでの設定になります。

テンプレート

• Youtube Banner

設定

• 内容
  • ローカル
    1. Youtue URL：https://youtu.be/TFk6XDvHayk?si=aibMGwDqXeRNXS95
    2. Link Text：リンクテキスト – 慶應医学部100年
    3. LINK URL：リンクURL – https://youtu.be/TFk6XDvHayk?si=aibMGwDqXeRNXS95
    4. Video Type2：4:3, 16:9 – 16:9
  •  グローバル
    1. Section Bgcolor/Border Color：背景・枠線色 – #C0C0C0, #FFFFFF
    2. Button Text Link/Hover Color：ボタンテキスト/マウスオーバー色 – #001E62, #001E62
    3. Button Tex Size/Height For PC/Mobile：ボタンテキストのサイズ/高さの設定 – 16, 1.6, 16, 1.6
    4. Button Bgcolor/Border/Hover Color：ボタンの背景・枠線・マウスオーバー色 – #FFFFFF, #C0C0C0, #FFFFFF
  • Edit Style > Sidebar Component > Youtube Banner