#layout(wide)を設定した例


当ページは、haikで作ったLP風ページを再現しています。

LP風ページとは?

ホームページには、LP(ランディング・ページ)と言う集客効果を狙ったページあります。
そしてHPと言うとそのLP風ページが、現在、巷では主流となっています。

一般のLP風ページは

その大部分のLPサイトは、イラストレータ等で作成したイラストや画像をふんだんに使用して、如何に閲覧者の目を引くページにするかを競っているのが現状です。

 

筆者が考えるLPとは

そんな中で、筆者が前々から考えていたhaikで作るLP風ページは、どうあるべきかと言う観点で、イラスト等の使用を極力抑えた画像中心のLPページを再現してみました。

 

使用しているテーマはmoi

使用しているhaikのデザインテーマは「haik_moi」です。
そして「フルページ」と言うレイアウトを選択しています。
だから「moi」のような小さな横幅テーマでも横幅が大きいページが実現できています。

「ランディング」でもOK

レイアウト「ランディング」でも同様な結果が得られますが、「ランディング」にするとナビが非表示になります。
ナビが必要なら「フルページ」にすべきです。



#layout(wide)の例
  • レイアウト「ワイド」の例です。
    • ナビ/メニュー/フッターの全てが表示されています。
    • レイアウトの幅は、メニューがある分、最小幅です。