hibariマニュアル：シンプル系ブロックについて

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

2. ①シンプル系ブロックの紹介
シンプル系ブロックについて
シンプル系ブロックはデザインブロックとコンテンツブロックの両⽅に⼊っています。
デザインブロックではトップページレイアウトなどに利⽤できるようなブロック。
コンテンツブロックでは情報追加などを⾏なった際のレイアウトブロックとなっています。
モジュール操作編
モジュール＞ CONTENTS ＞レイアウト設定

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

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

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

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

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

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

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

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