見出しの
サンプル

デザインされたコンテンツなら、
レイアウトを細かく設定する手間はありません。

上記のように画像を1枚だけセットしてコンテンツ幅で表示させることも可能です。2枚同じ画像をセットすれば、自動で横並びになる仕様です。デモサイトの会社情報ページのように最大3枚までセットできます。

画像をセットしなくても自動でマージンが調整され、美しいレイアウトで表示されますし、レスポンシブ対応済みですので、モバイル環境で表示が崩れる心配もありません。

アクセス
サンプル

このブロックは、Googleマップと見出しと説明文をひとまとめにしたブロックです。

「アクセスサンプル」という見出しから、この説明文下のボタンまでがワンセットのブロックになっています。それぞれのテキスト部分でモバイル用の文字サイズが設定できる仕様で、レスポンシブ対応済みです。

一覧表の
デザイン

デザインされた一覧表を
簡単でスマートに作成できます。

このページでご紹介した最初のブロックと同じものを使って構築していますが、ボタン一つで、直感的に作成できる一覧表を表示できます。入力した表コンテンツはドラッグ&ドロップで後からでも並び替えが簡単に可能です。

画像をセットしなくても、このように綺麗なレイアウトで表示されます。最後に表示されているボタンも表示位置が予めセットされているので、細かな調整はいりません。文字色や背景色、ホバーカラーなどもランディングページの編集画面にて、すぐに変更いただけます。

見出し1
データサンプル1
見出し2
データサンプル2
見出し3
データサンプル3

HAKUの固定ページでは、さまざまなレイアウトでランディングページをスムーズに作成できます。ランディングページのテンプレートを使って制作したこのデモページでは、デフォルトで表示されるロゴ、タイトルラベル、グローバルメニュー、フッターを非表示にしました。他のページへ遷移できる選択肢を絞り、ランディングページ内でコンバージョンを高める効果があります。

また、ここの文章はHTMLで入力も可能なフリースペースを使用して書きました。フリースペースではクイックタグ機能もご活用いただけるので、オリジナルのランディングページの作成も捗ります。あらかじめレイアウトされているコンテンツと組み合わせて使うことも可能です。

また、長いランディングページでもスクロールが美しくなるように、用意されているコンテンツはすべて美しいアニメーションでフェードイン表示される仕様になります。

このデモページでは、ブラウザの戻るか、下記のボタンよりデモサイトトップページへと戻っていただけます。

トップページに戻る

PAGE TOP