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

1. レイアウト設定：ブロック移動について
hibariオンラインマニュアル
モジュール操作編
モジュール＞ CONTENTS > レイアウト設定

2. ①サイドバー項⽬にある「レイアウト設定」をクリック
レイアウト設定：ブロック移動について
ブロック機能の特性をマスターして、⾃由なサイトレイアウトができるようになろう！
当サイトのモジュールグループにある、マニュアルモジュールを参考に⾒ていきましょう。
項⽬を展開後、「レイアウト設定」をクリックします。
モジュール操作編
モジュール＞ CONTENTS > 情報追加

3. ②「ブロック」の説明
レイアウト設定：ブロック移動について
すでに制作されている場合、右図のよ
うにブロックが各枠内に配置されてい
ます。
各ポイントに収まった、横⻑のバーを
「ブロック」と呼びます。
ヘッダー枠やフッター枠、コンテンツ
枠の各枠内を、ドラッグ&ドロップで⾃
由に動かせる「パーツ」だと思ってく
ださい。
ナビ専⽤のブロックカラーは、緑⾊と
なっています。
モジュール操作編
モジュール＞ CONTENTS > 情報追加

4. ③ドロップ移動をしてみる（Before）
レイアウト設定：ブロック移動について
⼿始めに「RIGHT」エリア、右サイドバーに⽤意した「スクエアブロックA」と「スクエア
ブロックB」をドラッグ&ドロップで⼊れ替えてみます。スクエアブロックAは桜の画像のみ、
スクエアブロックBは空の画像ブロックに⽣成してあります。
モジュール操作編
モジュール＞ CONTENTS > 情報追加

5. ④ドロップ移動をしてみる（After）
レイアウト設定：ブロック移動について
⼿始めに「RIGHT」エリア、右サイドバーに⽤意した「スクエアブロックA」と「スクエア
ブロックB」をドラッグ&ドロップで⼊れ替えてみます。
⼊れ替え後、レイアウト設定画⾯の⼀番下にある「登録・更新」ボタンを押します。
これだけで右サイドバーの配列を変えることができました。
モジュール操作編
モジュール＞ CONTENTS > 情報追加

6. ⑤ブロック単位でHTMLをまとめることができる
レイアウト設定：ブロック移動について
以上のように、ブロック単位でHTMLをまとめることができるので、
レイアウト設定画⾯内ではパズルのように置き換えが可能な構造となっております。
モジュール操作編
モジュール＞ CONTENTS > 情報追加

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