インデックスモード で利用できるカラムバリエーション

ページプロパティの body ID に index と入力する事で、ページがインデックスモードになります。

 

インデックスモードは、

・multiColumnの横幅が、それぞれの通常のカラム幅となり、第1カラムしか表示されなくなります。

・ページ内で、multiColumnが左詰めになります。

・カラム間の並び替え等が多い場合に有効です。

・空column、空multiColumnは非表示になります。
 これは、バナーのリンク先が非公開等の理由で空になるケースも含みます。
 編集画面では編集バーが存在する為、空になることはなく、全てのcolumn・multiColumnが表示されます。

・sharewitmainがwrapper-3の幅をはみ出した設定になっています。

・ワイドモードとは排他利用です。

ツインカラムinカラム(カラム内を、2分割する)

マルチカラムクラス名:lx_mcol_twin_col

 

・インデックスモード専用です。

・2~5カラムが利用できます。(1カラムは利用不可)

・カラムの中を、横方向に2分割します。
 3~5カラムの場合でも2分割になります。

・SP表示でも、横方向に2分割します。

2カラムの場合

代表取締役社長

○○ ○○(○○○○ ○○○)

 

3カラムの場合

代表取締役社長

○○ ○○(○○○○ ○○○)

 

---------------------------------------------------------------

ツインカラムinカラムのカラム割合を変更する

マルチカラムクラス名:lx_mcol2_ratio82、lx_mcol2_ratio73、lx_mcol2_ratio64、lx_mcol2_ratio46、lx_mcol2_ratio37、lx_mcol2_ratio28

 

代表取締役社長

○○ ○○(○○○○ ○○○)

 

代表取締役社長

○○ ○○(○○○○ ○○○)

 

代表取締役社長

○○ ○○(○○○○ ○○○)

 

代表取締役社長

○○ ○○(○○○○ ○○○)

 

代表取締役社長

○○ ○○(○○○○ ○○○)

 

代表取締役社長

○○ ○○(○○○○ ○○○)

 

---------------------------------------------------------------

TIPS for ビルディング作業

・TIPS1

3カラムが並んでいる途中から改行して、4カラムを並べたい。等の場合は、

改行したい所に1カラムを設置しましょう。

空だと非表示になってしまうので、テキストと画像パーツ等を設置すれば大丈夫です。