Flexible Sidebar – Image Banner

概要

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

用途

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

使用方法

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

テンプレート

• Image Banner

設定

1. 内容
   • ローカル
     1. Image Banner：画像
     2. Link Text：リンクテキスト – 女性医師応援プロジェクト ※空白の場合はボタンを非表示にします。
     3. LINK URL：リンクURL – https://senkoi.keio-ortho.com/coiwf-female-doctors/
   •  グローバル
     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 > Image Banner