hibariオンラインマニュアル モジュール操作編

1. TOPモジュールにおいてのブロック配置
hibariオンラインマニュアル
モジュール操作編
モジュール＞ TOP ＞ レイアウト設定

2. ①ブロックの配置
TOPモジュールにおいてのブロック配置
ここまで作成したブロックを、レイアウト設定画⾯の各エリアに配置していきましょう。
配置⽅法は、ブロックエリアより作成したブロックをドラッグ＆ドロップで置いていきます。
グローバルメニューブロックは、共通ヘッダーに移動しましょう。
モジュール操作編
モジュール＞ TOP ＞ レイアウト設定

3. ②フッターブロックの移動
TOPモジュールにおいてのブロック配置
著作権表⽰として作成したフッターブロックは、共通フッターへと移動します。
レベル別ブロックは、LEFTエリアに配置します。
モジュール操作編
モジュール＞ TOP ＞ レイアウト設定

4. ③LEFTエリアの設定
TOPモジュールにおいてのブロック配置
ここで、LEFTエリアを２カラムに設定していきましょう。
そして70％と⼊⼒します。
モジュール操作編
モジュール＞ TOP ＞ レイアウト設定

5. ④画像バナーブロックの配置
TOPモジュールにおいてのブロック配置
これでRIGHTエリアが出てきました。こちらに画像バナーブロックをおきます。
ブロックの配置は完了しましたので、「登録・更新」ボタンを押して保存をしましょう。
モジュール操作編
モジュール＞ TOP ＞ レイアウト設定

6. ⑤プレビューでの閲覧
TOPモジュールにおいてのブロック配置
現在の状態をプレビューで閲覧してみます。スタイルシートをまったく設定していないため、
必要最低限のデザイン表⽰でページに出⼒されました。
以上がブロック配置でした。
それでは、各ブロックどのようにしてスタイルシートを反映していくか、制作の本丸でもあ
る「カスタムCSS」機能を⾒ていきましょう。
モジュール操作編
モジュール＞ TOP ＞ レイアウト設定

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