固定ページ設定>レイアウト設定>【レイアウト設定】

レイアウト設定

固定ページのレイアウトに関する設定をします。

カラムを選択

WEBサイトのからカラム(行)を何行にするか指定します。THORでは1カラムもしくは2カラムのみで、デフォルトは2カラム。

2カラムとは「メインコンテンツ+サイドバー」の構成です。1カラムはメインコンテンツのみ。

2カラムの固定ページ例

 

1カラムの固定ページ例

2カラム時のサイドバーの位置を選択

サイドバーの位置を選べます。一昔前はサイドバーと言えば左側でしたが、最近は右側のほうが多いように思います。ごくまれにサイドバーが左右にあったりメイン・左サイドバー・右サイドバーといったパターンも見かけます。

右サイドバーの例

左サイドバーの例

 

1カラム時のメインカラムの横幅を選択

1カラムの時のみ有効な設定です。100%がデフォルトで、1000px~700pxまでの合計5パターンから選べます

100%(default)の例

ヘッダ要素と同一にまで画像が広がっています

1000pxの例

最大限に広げているのでヘッダーは1000px以上あります。そのため1000pxと制限されたメインコンテンツはそれよりも狭く見えます。

700xの例

900px、800pxは省略しました。700pxは現在ではかなり狭く見えます。

 

ここはCTAと呼ばれるエリアです。

閲覧者を特定の行動に誘導します。

  • 問合せページ
  • メルマガ登録ページ
  • セールスページ

など

    
広告
最新情報をチェックしよう!