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

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

2. ①シンプル系ブロックの紹介
シンプル系ブロックについて
シンプル系には「フリーブロック」が⽤意されています。このブロックは、何もスタイルシー
トが設定されていない、プレーンなブロックとなっています。
モジュール操作編
モジュール＞ CONTENTS ＞レイアウト設定

3. ②フリーブロック制作画⾯
⾚枠をクリックすると、フリーブロック制作画⾯が表⽰されます。
ブロック名と⾒出しの有無、カラム数の指定はこれまでのとおりです。
２カラムにチェックを⼊れると……エディタ画⾯が2つにわたって表⽰されます。
最初が左側、その下が右側の項⽬となり、最⼤4カラムまでの箱が事前準備できます。
ソース⼊⼒画⾯でHTMLがカスタムCSSで、⾃由なデザインを⾏ってください。
シンプル系ブロックについてモジュール操作編
モジュール＞ CONTENTS ＞レイアウト設定

4. ③情報追加した⼀覧の出⼒
それ以外のシンプル系ブロックは、情報追加した⼀覧を出⼒することができます。
当サイトでは、こちらのパーツをシンプル系ブロックで表⽰しています。
こちらは、サムネイル画像を必要としない、No.1001を利⽤しています。
シンプル系ブロックについてモジュール操作編
モジュール＞ CONTENTS ＞レイアウト設定

5. ④画像サイズを均⼀にすることがポイント！
サムネイル画像⼊りのものを使われる場合は、情報追加にアップする画像サイズを均⼀にし
ておくと、⾒栄えのいい新着記事リストの制作が可能です。
カスタムCSSに記述することで、サムネイル画像幅を絶対指定しておくこともできますが、
運⽤中に標準のずれたサムネイルが表⽰されることもあります。
それぞれのサイトで、サムネイル画像の運⽤ルールを定めておいたほうがいいでしょう。
シンプル系ブロックについてモジュール操作編
モジュール＞ CONTENTS ＞レイアウト設定

6. ⑤設定画⾯
設定画⾯は、以下のとおり簡素な設定項⽬となります。
ブログの新着順を表⽰させるブロック、と考えてください。そのためシンプル系ブロックの
表⽰⽅法は、新着順とランダムで表⽰が可能です。
シンプル系ブロックについてモジュール操作編
モジュール＞ CONTENTS ＞レイアウト設定

7. ⑥コンテンツの選択
表⽰させる新着リストは、すべてのコンテンツ（モジュール）、指定したコンテンツ（モ
ジュール）の情報⼀覧を選択することが可能です。
シンプル系ブロックについてモジュール操作編
モジュール＞ CONTENTS ＞レイアウト設定

8. ⑦⽬的に応じたブロック設定
また、カテゴリのみ表⽰させるNo.1100ブロックや、カテゴリ別に新着⼀覧を表⽰できる
No.1101ブロックも⽤意されています。
製品情報、リリース情報、お知らせなど、ひとつのモジュールに複数のカテゴリ設定をした
い場合は、こちらのブロックが便利です。
制作において、フリーブロックとシンプル系ブロックは⾮常によく使われるツールですので、
制作前に⼀度サンプル画像を使って、どのような表⽰をするのか、ご確認されてから作業さ
せると制作がスムーズです。
シンプル系ブロックについてモジュール操作編
モジュール＞ CONTENTS ＞レイアウト設定

9. ⑧コンテンツ・表⽰情報の設定
表⽰させる新着リストは、すべてのコンテンツ（モジュール）、指定したコンテンツ（モ
ジュール）の情報⼀覧を選択することが可能です。
表⽰タイトルの⽂字数や要約⽂の⽂字数など、サイトデザインのコンテンツ幅にあわせて設
定してください。
シンプル系ブロックについてモジュール操作編
モジュール＞ CONTENTS ＞レイアウト設定

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