SlideShare a Scribd company logo
TOPモジュールにおいてのブロック作成(3)
hibariオンラインマニュアル
モジュール操作編
モジュール> TOP > レイアウト設定
~デザインブロックの使い⽅~
①レベル別リストの作成
TOPモジュールにおいてのブロック作成(3)
それではトップページにあるレベル別リストを作成していきます。
モジュール操作編
モジュール> TOP > レイアウト設定
①デザインブロックの選択
TOPモジュールにおいてのブロック作成(3)
こちらはデザインブロックで⽣成されています。それでは「ブロック作成」よりデザイン
ブロックを⾒ていきましょう。こちらの「No.0010」を使⽤しています。
モジュール操作編
モジュール> TOP > レイアウト設定
②⾒出しの⼊⼒
TOPモジュールにおいてのブロック作成(3)
選択後、他のブロックと同様に、ブロック名を作成します。今回は「レベル別ブロック」
としました。
このブロックは⾒出し設定にて「CMSサポートマニュアル」という⾒出しを⼊⼒します。
モジュール操作編
モジュール> TOP > レイアウト設定
③情報の⼊⼒
TOPモジュールにおいてのブロック作成(3)
続いて、画像項⽬は画像を挿⼊し、⽂章項⽬は⽂章を、クリック時のリンクにはURLを相
対参照(ドメイン部は省略した形)で⼊⼒しています。
モジュール操作編
モジュール> TOP > レイアウト設定
④2⾏⽬の追加
TOPモジュールにおいてのブロック作成(3)
2⾏⽬を追加するときは、「登録・更新」ボタンの左にある「⾏を追加」ボタンををクリッ
クしてください。
モジュール操作編
モジュール> TOP > レイアウト設定
⑤項⽬の⼊⼒
TOPモジュールにおいてのブロック作成(3)
2⾏⽬が表⽰されたら、同様に項⽬を⼊⼒していきます。
モジュール操作編
モジュール> TOP > レイアウト設定
⑥登録と更新
TOPモジュールにおいてのブロック作成(3)
このように設定を繰り返し、4⾏⽬まで作成しました。最後に「登録と更新」ボタンを押
して「レイアウト設定」に戻ります。
デザインブロックの場合は、ブロックリストでオレンジ⾊のブロックが表⽰されています。
これで3つのブロックが完成しました。続いて、サイドバーとフッターのパーツを作成し
ていきましょう。
モジュール操作編
モジュール> TOP > レイアウト設定
ページビルダーと更新管理を併せ持つ
唯⼀無⼆のオリジナルCMS
⾼機能
レスポンシブテーマ
ページビルダー
セルフSEO
ページ無制限
簡単
レイアウト変更
ブロック機能
コンテンツ管理
プレビュー
安⼼
バックアップ
時限公開機能
セキュリティ
権限&認証
詳細はこちらをご覧ください→

More Related Content

Similar to TOPモジュールでのブロック作成:デザインブロックの使い方

TOPモジュールでのブロック作成:メニューの配置
TOPモジュールでのブロック作成:メニューの配置TOPモジュールでのブロック作成:メニューの配置
TOPモジュールでのブロック作成:メニューの配置
Satoru Shinmura
 
TOPモジュールでのブロック作成:トップページ作成手順
TOPモジュールでのブロック作成:トップページ作成手順TOPモジュールでのブロック作成:トップページ作成手順
TOPモジュールでのブロック作成:トップページ作成手順
Ryutaro Takayanagi
 
デザインブロックについて
デザインブロックについてデザインブロックについて
デザインブロックについて
Satoru Shinmura
 
デザインブロックについて
デザインブロックについてデザインブロックについて
デザインブロックについて
Ryutaro Takayanagi
 
シンプル系ブロックについて
シンプル系ブロックについてシンプル系ブロックについて
シンプル系ブロックについて
Satoru Shinmura
 
TOPモジュールにおいてのブロック配置
TOPモジュールにおいてのブロック配置TOPモジュールにおいてのブロック配置
TOPモジュールにおいてのブロック配置
Satoru Shinmura
 
TOPモジュールにおいてのブロック配置
TOPモジュールにおいてのブロック配置TOPモジュールにおいてのブロック配置
TOPモジュールにおいてのブロック配置
Ryutaro Takayanagi
 
モジュールの作成方法
モジュールの作成方法モジュールの作成方法
モジュールの作成方法
Ryutaro Takayanagi
 
メニュー系ブロックについて
メニュー系ブロックについてメニュー系ブロックについて
メニュー系ブロックについて
Satoru Shinmura
 
メニュー系ブロックについて
メニュー系ブロックについてメニュー系ブロックについて
メニュー系ブロックについて
Ryutaro Takayanagi
 
スライダー系ブロックについて
スライダー系ブロックについてスライダー系ブロックについて
スライダー系ブロックについて
Ryutaro Takayanagi
 
モジュールの作成方法
モジュールの作成方法モジュールの作成方法
モジュールの作成方法
Satoru Shinmura
 
レイアウト設定について
レイアウト設定についてレイアウト設定について
レイアウト設定について
Satoru Shinmura
 
レイアウト設定について
レイアウト設定についてレイアウト設定について
レイアウト設定について
Ryutaro Takayanagi
 
レイアウト設定:ブロックの編集について
レイアウト設定:ブロックの編集についてレイアウト設定:ブロックの編集について
レイアウト設定:ブロックの編集について
Ryutaro Takayanagi
 
レイアウト設定:ブロックの編集について
レイアウト設定:ブロックの編集についてレイアウト設定:ブロックの編集について
レイアウト設定:ブロックの編集について
Satoru Shinmura
 
6.コミュニティでコラボレーションする1
6.コミュニティでコラボレーションする16.コミュニティでコラボレーションする1
6.コミュニティでコラボレーションする1
BroadVision K.K.
 

Similar to TOPモジュールでのブロック作成:デザインブロックの使い方 (17)

TOPモジュールでのブロック作成:メニューの配置
TOPモジュールでのブロック作成:メニューの配置TOPモジュールでのブロック作成:メニューの配置
TOPモジュールでのブロック作成:メニューの配置
 
TOPモジュールでのブロック作成:トップページ作成手順
TOPモジュールでのブロック作成:トップページ作成手順TOPモジュールでのブロック作成:トップページ作成手順
TOPモジュールでのブロック作成:トップページ作成手順
 
デザインブロックについて
デザインブロックについてデザインブロックについて
デザインブロックについて
 
デザインブロックについて
デザインブロックについてデザインブロックについて
デザインブロックについて
 
シンプル系ブロックについて
シンプル系ブロックについてシンプル系ブロックについて
シンプル系ブロックについて
 
TOPモジュールにおいてのブロック配置
TOPモジュールにおいてのブロック配置TOPモジュールにおいてのブロック配置
TOPモジュールにおいてのブロック配置
 
TOPモジュールにおいてのブロック配置
TOPモジュールにおいてのブロック配置TOPモジュールにおいてのブロック配置
TOPモジュールにおいてのブロック配置
 
モジュールの作成方法
モジュールの作成方法モジュールの作成方法
モジュールの作成方法
 
メニュー系ブロックについて
メニュー系ブロックについてメニュー系ブロックについて
メニュー系ブロックについて
 
メニュー系ブロックについて
メニュー系ブロックについてメニュー系ブロックについて
メニュー系ブロックについて
 
スライダー系ブロックについて
スライダー系ブロックについてスライダー系ブロックについて
スライダー系ブロックについて
 
モジュールの作成方法
モジュールの作成方法モジュールの作成方法
モジュールの作成方法
 
レイアウト設定について
レイアウト設定についてレイアウト設定について
レイアウト設定について
 
レイアウト設定について
レイアウト設定についてレイアウト設定について
レイアウト設定について
 
レイアウト設定:ブロックの編集について
レイアウト設定:ブロックの編集についてレイアウト設定:ブロックの編集について
レイアウト設定:ブロックの編集について
 
レイアウト設定:ブロックの編集について
レイアウト設定:ブロックの編集についてレイアウト設定:ブロックの編集について
レイアウト設定:ブロックの編集について
 
6.コミュニティでコラボレーションする1
6.コミュニティでコラボレーションする16.コミュニティでコラボレーションする1
6.コミュニティでコラボレーションする1
 

More from Ryutaro Takayanagi

画像挿入の仕方
画像挿入の仕方画像挿入の仕方
画像挿入の仕方
Ryutaro Takayanagi
 
記事の作成方法:ブロックモードの使い方
記事の作成方法:ブロックモードの使い方記事の作成方法:ブロックモードの使い方
記事の作成方法:ブロックモードの使い方
Ryutaro Takayanagi
 
お問い合わせモジュールについて:設定方法
お問い合わせモジュールについて:設定方法お問い合わせモジュールについて:設定方法
お問い合わせモジュールについて:設定方法
Ryutaro Takayanagi
 
レイアウト設定:ブロックの非表示と削除
レイアウト設定:ブロックの非表示と削除レイアウト設定:ブロックの非表示と削除
レイアウト設定:ブロックの非表示と削除
Ryutaro Takayanagi
 
レイアウト設定:ブロック移動について
レイアウト設定:ブロック移動についてレイアウト設定:ブロック移動について
レイアウト設定:ブロック移動について
Ryutaro Takayanagi
 
お問い合わせモジュールの項目管理について
お問い合わせモジュールの項目管理についてお問い合わせモジュールの項目管理について
お問い合わせモジュールの項目管理について
Ryutaro Takayanagi
 
ユーティリティ系ブロックについて
ユーティリティ系ブロックについてユーティリティ系ブロックについて
ユーティリティ系ブロックについて
Ryutaro Takayanagi
 
ギャラリー系ブロックについて
ギャラリー系ブロックについてギャラリー系ブロックについて
ギャラリー系ブロックについて
Ryutaro Takayanagi
 
カテゴリー設定について
カテゴリー設定についてカテゴリー設定について
カテゴリー設定について
Ryutaro Takayanagi
 
モジュール内の記事「一覧表示」について
モジュール内の記事「一覧表示」についてモジュール内の記事「一覧表示」について
モジュール内の記事「一覧表示」について
Ryutaro Takayanagi
 
記事の作成方法:エディタモードの使い方
記事の作成方法:エディタモードの使い方記事の作成方法:エディタモードの使い方
記事の作成方法:エディタモードの使い方
Ryutaro Takayanagi
 
記事の作成方法:情報追加の使い方
記事の作成方法:情報追加の使い方記事の作成方法:情報追加の使い方
記事の作成方法:情報追加の使い方
Ryutaro Takayanagi
 
メニュー設定でのグローバルナビを作成
メニュー設定でのグローバルナビを作成メニュー設定でのグローバルナビを作成
メニュー設定でのグローバルナビを作成
Ryutaro Takayanagi
 
カスタムjsについて
カスタムjsについてカスタムjsについて
カスタムjsについて
Ryutaro Takayanagi
 
カスタムCSSについて
カスタムCSSについてカスタムCSSについて
カスタムCSSについて
Ryutaro Takayanagi
 
セキュリティ設定について
セキュリティ設定についてセキュリティ設定について
セキュリティ設定について
Ryutaro Takayanagi
 
管理者設定での権限設定について
管理者設定での権限設定について管理者設定での権限設定について
管理者設定での権限設定について
Ryutaro Takayanagi
 
HTML書き出し機能の使い方
HTML書き出し機能の使い方HTML書き出し機能の使い方
HTML書き出し機能の使い方
Ryutaro Takayanagi
 

More from Ryutaro Takayanagi (18)

画像挿入の仕方
画像挿入の仕方画像挿入の仕方
画像挿入の仕方
 
記事の作成方法:ブロックモードの使い方
記事の作成方法:ブロックモードの使い方記事の作成方法:ブロックモードの使い方
記事の作成方法:ブロックモードの使い方
 
お問い合わせモジュールについて:設定方法
お問い合わせモジュールについて:設定方法お問い合わせモジュールについて:設定方法
お問い合わせモジュールについて:設定方法
 
レイアウト設定:ブロックの非表示と削除
レイアウト設定:ブロックの非表示と削除レイアウト設定:ブロックの非表示と削除
レイアウト設定:ブロックの非表示と削除
 
レイアウト設定:ブロック移動について
レイアウト設定:ブロック移動についてレイアウト設定:ブロック移動について
レイアウト設定:ブロック移動について
 
お問い合わせモジュールの項目管理について
お問い合わせモジュールの項目管理についてお問い合わせモジュールの項目管理について
お問い合わせモジュールの項目管理について
 
ユーティリティ系ブロックについて
ユーティリティ系ブロックについてユーティリティ系ブロックについて
ユーティリティ系ブロックについて
 
ギャラリー系ブロックについて
ギャラリー系ブロックについてギャラリー系ブロックについて
ギャラリー系ブロックについて
 
カテゴリー設定について
カテゴリー設定についてカテゴリー設定について
カテゴリー設定について
 
モジュール内の記事「一覧表示」について
モジュール内の記事「一覧表示」についてモジュール内の記事「一覧表示」について
モジュール内の記事「一覧表示」について
 
記事の作成方法:エディタモードの使い方
記事の作成方法:エディタモードの使い方記事の作成方法:エディタモードの使い方
記事の作成方法:エディタモードの使い方
 
記事の作成方法:情報追加の使い方
記事の作成方法:情報追加の使い方記事の作成方法:情報追加の使い方
記事の作成方法:情報追加の使い方
 
メニュー設定でのグローバルナビを作成
メニュー設定でのグローバルナビを作成メニュー設定でのグローバルナビを作成
メニュー設定でのグローバルナビを作成
 
カスタムjsについて
カスタムjsについてカスタムjsについて
カスタムjsについて
 
カスタムCSSについて
カスタムCSSについてカスタムCSSについて
カスタムCSSについて
 
セキュリティ設定について
セキュリティ設定についてセキュリティ設定について
セキュリティ設定について
 
管理者設定での権限設定について
管理者設定での権限設定について管理者設定での権限設定について
管理者設定での権限設定について
 
HTML書き出し機能の使い方
HTML書き出し機能の使い方HTML書き出し機能の使い方
HTML書き出し機能の使い方
 

Recently uploaded

HRMOS-saiyo_overview_material_powred_by_bizreach
HRMOS-saiyo_overview_material_powred_by_bizreachHRMOS-saiyo_overview_material_powred_by_bizreach
HRMOS-saiyo_overview_material_powred_by_bizreach
gmiki1
 
kintone Café 山口 Vol.8 kintone×UiPath.pdf
kintone Café 山口 Vol.8 kintone×UiPath.pdfkintone Café 山口 Vol.8 kintone×UiPath.pdf
kintone Café 山口 Vol.8 kintone×UiPath.pdf
takashihashimoto14
 
株式会社ジンザイベース/特定技能外国人紹介に関する提案資料/2024ver///
株式会社ジンザイベース/特定技能外国人紹介に関する提案資料/2024ver///株式会社ジンザイベース/特定技能外国人紹介に関する提案資料/2024ver///
株式会社ジンザイベース/特定技能外国人紹介に関する提案資料/2024ver///
DAISUKE NAKAMURA
 
株式会社メンバーズ社内報MEMBUZZ(メンバズ)2024年4・5月合併号(♯168,169)
株式会社メンバーズ社内報MEMBUZZ(メンバズ)2024年4・5月合併号(♯168,169)株式会社メンバーズ社内報MEMBUZZ(メンバズ)2024年4・5月合併号(♯168,169)
株式会社メンバーズ社内報MEMBUZZ(メンバズ)2024年4・5月合併号(♯168,169)
Members_corp
 
LabBase就職ご紹介資料_240605サービス概要説明資料240605.pdf
LabBase就職ご紹介資料_240605サービス概要説明資料240605.pdfLabBase就職ご紹介資料_240605サービス概要説明資料240605.pdf
LabBase就職ご紹介資料_240605サービス概要説明資料240605.pdf
ssuser8de8212
 
CFO組織の働き方を変える 経理業務変革プラットフォーム 「BlackLine」のご紹介
CFO組織の働き方を変える 経理業務変革プラットフォーム 「BlackLine」のご紹介CFO組織の働き方を変える 経理業務変革プラットフォーム 「BlackLine」のご紹介
CFO組織の働き方を変える 経理業務変革プラットフォーム 「BlackLine」のご紹介
taisukekuwano4
 
株式会社ROMS採用候補者用説明資料。候補者の方向け事業概要・沿革・カルチャーをご紹介
株式会社ROMS採用候補者用説明資料。候補者の方向け事業概要・沿革・カルチャーをご紹介株式会社ROMS採用候補者用説明資料。候補者の方向け事業概要・沿革・カルチャーをご紹介
株式会社ROMS採用候補者用説明資料。候補者の方向け事業概要・沿革・カルチャーをご紹介
ssuserdc1268
 
【株式会社ゆめみ】 会社紹介 & 実績資料 ≫≫Saleshub_企業様向け≪≪
【株式会社ゆめみ】 会社紹介 & 実績資料 ≫≫Saleshub_企業様向け≪≪【株式会社ゆめみ】 会社紹介 & 実績資料 ≫≫Saleshub_企業様向け≪≪
【株式会社ゆめみ】 会社紹介 & 実績資料 ≫≫Saleshub_企業様向け≪≪
ytakahashi4
 
Service-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadershipService-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadership
Yasuyoshi Minehisa
 
【スポンサープラン】Marketing Native Fes 2024summer
【スポンサープラン】Marketing Native Fes 2024summer【スポンサープラン】Marketing Native Fes 2024summer
【スポンサープラン】Marketing Native Fes 2024summer
yutooyama
 
研究エンパワープラットフォームを提供するLabBaseから理系採用成功に向けたご提案
研究エンパワープラットフォームを提供するLabBaseから理系採用成功に向けたご提案研究エンパワープラットフォームを提供するLabBaseから理系採用成功に向けたご提案
研究エンパワープラットフォームを提供するLabBaseから理系採用成功に向けたご提案
ssuser4eac57
 
MMOLHolging株式会社|BtoC、D2C事業グロース支援・インターナルブランディング、採用ブランディング、社員エンゲージメント向上DX
MMOLHolging株式会社|BtoC、D2C事業グロース支援・インターナルブランディング、採用ブランディング、社員エンゲージメント向上DXMMOLHolging株式会社|BtoC、D2C事業グロース支援・インターナルブランディング、採用ブランディング、社員エンゲージメント向上DX
MMOLHolging株式会社|BtoC、D2C事業グロース支援・インターナルブランディング、採用ブランディング、社員エンゲージメント向上DX
sakanotakashi
 
intra-mart Accel series 2024 Spring updates
intra-mart Accel series 2024 Spring updatesintra-mart Accel series 2024 Spring updates
intra-mart Accel series 2024 Spring updates
NTTDATA INTRAMART
 
【公開用】株式会社VISIONARY JAPAN_エンジニアチーム 採用資料(ver2.1)
【公開用】株式会社VISIONARY JAPAN_エンジニアチーム 採用資料(ver2.1)【公開用】株式会社VISIONARY JAPAN_エンジニアチーム 採用資料(ver2.1)
【公開用】株式会社VISIONARY JAPAN_エンジニアチーム 採用資料(ver2.1)
recruit9
 

Recently uploaded (14)

HRMOS-saiyo_overview_material_powred_by_bizreach
HRMOS-saiyo_overview_material_powred_by_bizreachHRMOS-saiyo_overview_material_powred_by_bizreach
HRMOS-saiyo_overview_material_powred_by_bizreach
 
kintone Café 山口 Vol.8 kintone×UiPath.pdf
kintone Café 山口 Vol.8 kintone×UiPath.pdfkintone Café 山口 Vol.8 kintone×UiPath.pdf
kintone Café 山口 Vol.8 kintone×UiPath.pdf
 
株式会社ジンザイベース/特定技能外国人紹介に関する提案資料/2024ver///
株式会社ジンザイベース/特定技能外国人紹介に関する提案資料/2024ver///株式会社ジンザイベース/特定技能外国人紹介に関する提案資料/2024ver///
株式会社ジンザイベース/特定技能外国人紹介に関する提案資料/2024ver///
 
株式会社メンバーズ社内報MEMBUZZ(メンバズ)2024年4・5月合併号(♯168,169)
株式会社メンバーズ社内報MEMBUZZ(メンバズ)2024年4・5月合併号(♯168,169)株式会社メンバーズ社内報MEMBUZZ(メンバズ)2024年4・5月合併号(♯168,169)
株式会社メンバーズ社内報MEMBUZZ(メンバズ)2024年4・5月合併号(♯168,169)
 
LabBase就職ご紹介資料_240605サービス概要説明資料240605.pdf
LabBase就職ご紹介資料_240605サービス概要説明資料240605.pdfLabBase就職ご紹介資料_240605サービス概要説明資料240605.pdf
LabBase就職ご紹介資料_240605サービス概要説明資料240605.pdf
 
CFO組織の働き方を変える 経理業務変革プラットフォーム 「BlackLine」のご紹介
CFO組織の働き方を変える 経理業務変革プラットフォーム 「BlackLine」のご紹介CFO組織の働き方を変える 経理業務変革プラットフォーム 「BlackLine」のご紹介
CFO組織の働き方を変える 経理業務変革プラットフォーム 「BlackLine」のご紹介
 
株式会社ROMS採用候補者用説明資料。候補者の方向け事業概要・沿革・カルチャーをご紹介
株式会社ROMS採用候補者用説明資料。候補者の方向け事業概要・沿革・カルチャーをご紹介株式会社ROMS採用候補者用説明資料。候補者の方向け事業概要・沿革・カルチャーをご紹介
株式会社ROMS採用候補者用説明資料。候補者の方向け事業概要・沿革・カルチャーをご紹介
 
【株式会社ゆめみ】 会社紹介 & 実績資料 ≫≫Saleshub_企業様向け≪≪
【株式会社ゆめみ】 会社紹介 & 実績資料 ≫≫Saleshub_企業様向け≪≪【株式会社ゆめみ】 会社紹介 & 実績資料 ≫≫Saleshub_企業様向け≪≪
【株式会社ゆめみ】 会社紹介 & 実績資料 ≫≫Saleshub_企業様向け≪≪
 
Service-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadershipService-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadership
 
【スポンサープラン】Marketing Native Fes 2024summer
【スポンサープラン】Marketing Native Fes 2024summer【スポンサープラン】Marketing Native Fes 2024summer
【スポンサープラン】Marketing Native Fes 2024summer
 
研究エンパワープラットフォームを提供するLabBaseから理系採用成功に向けたご提案
研究エンパワープラットフォームを提供するLabBaseから理系採用成功に向けたご提案研究エンパワープラットフォームを提供するLabBaseから理系採用成功に向けたご提案
研究エンパワープラットフォームを提供するLabBaseから理系採用成功に向けたご提案
 
MMOLHolging株式会社|BtoC、D2C事業グロース支援・インターナルブランディング、採用ブランディング、社員エンゲージメント向上DX
MMOLHolging株式会社|BtoC、D2C事業グロース支援・インターナルブランディング、採用ブランディング、社員エンゲージメント向上DXMMOLHolging株式会社|BtoC、D2C事業グロース支援・インターナルブランディング、採用ブランディング、社員エンゲージメント向上DX
MMOLHolging株式会社|BtoC、D2C事業グロース支援・インターナルブランディング、採用ブランディング、社員エンゲージメント向上DX
 
intra-mart Accel series 2024 Spring updates
intra-mart Accel series 2024 Spring updatesintra-mart Accel series 2024 Spring updates
intra-mart Accel series 2024 Spring updates
 
【公開用】株式会社VISIONARY JAPAN_エンジニアチーム 採用資料(ver2.1)
【公開用】株式会社VISIONARY JAPAN_エンジニアチーム 採用資料(ver2.1)【公開用】株式会社VISIONARY JAPAN_エンジニアチーム 採用資料(ver2.1)
【公開用】株式会社VISIONARY JAPAN_エンジニアチーム 採用資料(ver2.1)
 

TOPモジュールでのブロック作成:デザインブロックの使い方