hibariマニュアル：レイアウト設定について

1. レイアウト設定について
hibariオンラインマニュアル
モジュール操作編
モジュール＞ TOP ＞ レイアウト設定

2. ①レイアウト設定画⾯についての紹介
レイアウト設定について
ここまで作成したブロックを配置する前に
「レイアウト設定画⾯」について、ご説明します。
⼀度、レイアウト画⾯の全体像をご確認ください。
各エリアごとに機能説明をしていきます。
モジュール操作編
モジュール＞ TOP ＞ レイアウト設定

3. 共通メタエリア
レイアウト設定について
こちらの項⽬には、メタ情報を⼊⼒することができます。
追加で挿⼊するMETA情報がありましたら、こちらにてソースコードを挿⼊してください。
モジュール操作編
モジュール＞ TOP ＞ レイアウト設定

4. 共通ヘッダーエリア
レイアウト設定について
ここにはヘッダーに必要な独⾃のソースコードを直接⼊⼒することが可能です。例えば、
直接こちらの項⽬に「script」タグを挿⼊してJavascriptも記載することもできます。
モジュール操作編
モジュール＞ TOP ＞ レイアウト設定

5. 共通ヘッダー ヘッダー コンテンツ上部
レイアウト設定について
共通ヘッダーにブロックを置くと、すべてのモジュールにそのヘッダー⽤ブロックが反映
されます。グローバルナビゲーションはこちらに置くと便利です。
ヘッダーには、そのモジュールにだけ表⽰可能なブロックを配置することができます。
モジュール操作編
モジュール＞ TOP ＞ レイアウト設定

6. 共通フッターエリア
レイアウト設定について
ここにはヘッダーと同じくフッターに必要な独⾃のソースコードを直接⼊⼒することが可
能です。例えば、直接こちらの項⽬に「script」タグを挿⼊してJavascriptも記載するこ
ともできます。
モジュール操作編
モジュール＞ TOP ＞ レイアウト設定

7. 共通フッター フッター
レイアウト設定について
ヘッダー同様、共通フッターには全てのモジュールで配置が可能です。
モジュール操作編
モジュール＞ TOP ＞ レイアウト設定

8. LEFT
レイアウト設定について
初期値は「100％」サイズとなっております。１カラム利⽤の場合は、こちらにブロック
を配置してください。
モジュール操作編
モジュール＞ TOP ＞ レイアウト設定

9. LEFTを2カラムにしたい場合（サイドバー表⽰など）
レイアウト設定について
LEFTの数値を99％以下にすることでRIGHTエリアが表⽰されます。
また、スマートフォン表⽰の際にどちらのエリアを上部に出すか、設定することが可能で
す。何も設定しない場合、LEFTエリアが上部となります。
必要に応じて切り替えてください。
モジュール操作編
モジュール＞ TOP ＞ レイアウト設定
▼RIGHTエリアの表⽰ ▼スマホ表⽰でのレイアウト選択

10. ページビルダーと更新管理を併せ持つ
唯⼀無⼆のオリジナルCMS
⾼機能
レスポンシブテーマ
ページビルダー
セルフSEO
ページ無制限
簡単
レイアウト変更
ブロック機能
コンテンツ管理
プレビュー
安⼼
バックアップ
時限公開機能
セキュリティ
権限&認証
詳細はこちらをご覧ください→