SlideShare a Scribd company logo
1 of 11
Download to read offline
レイアウト設定:ブロックの編集について
hibariオンラインマニュアル
モジュール操作編
モジュール> CONTENTS > レイアウト設定
完成イメージ
レイアウト設定:ブロックの編集について
「共通フッター」エリアに表⽰された「コピーライト」ブロックの修正をしてみます。
修正前:Copyrights © 2017 support.cms.bz
修正後:Copyrights © 2017 Support.Cms.Bz
モジュール操作編
モジュール> CONTENTS > 情報追加
①「TOP」モジュールの「レイアウト設定」をクリックします
レイアウト設定:ブロックの編集について
さきほどのブロックは、共通フッターエリアの「コピーライトブロック」が該当します。
※こちらの「コピーライトブロック」はブロック作成済みのものですので、作成していない
場合はブロック作成を⾏なってください。
モジュール操作編
モジュール> CONTENTS > 情報追加
②編集をするには、真ん中の鉛筆マークをクリック
レイアウト設定:ブロックの編集について
クリック後のワークスペースが右図になります。
こちらのブロックは、⾃由にコーディング可能な「フリーブロック」というブロックパーツ
が⽤いられています。基本操作編では、このフリーブロックをサンプルとして説明を続けて
いきます(ブロックには様々な種類が⽤意されています)
モジュール操作編
モジュール> CONTENTS > 情報追加
③ブロック名の編集
レイアウト設定:ブロックの編集について
レイアウト設定画⾯に表⽰されていたブロック名の修正をする場合は、こちらを編集してく
ださい。
モジュール操作編
モジュール> CONTENTS > 情報追加
④⾒出しの編集
レイアウト設定:ブロックの編集について
今回の場合、コピーライト表⽰に⾒出しは不要なため、こちらの⾒出しボックスは空欄となっ
ています。
モジュール操作編
モジュール> CONTENTS > 情報追加
⑤カラムの変更
レイアウト設定:ブロックの編集について
こちらのフリーブロックは4カラムの段組み表⽰をさせることが可能です。コピーライトは1
カラムで⼗分ですので、1カラムを選択しています。
モジュール操作編
モジュール> CONTENTS > 情報追加
⑥本⽂エリアの編集
レイアウト設定:ブロックの編集について
情報追加と同じエディタパレットが⽤意されています。
モジュール操作編
モジュール> CONTENTS > 情報追加
⑦本⽂の編集を⾏いましょう
レイアウト設定:ブロックの編集について
現在、カラム数は1で、コピーライトブロックは単純に⽂字を⼊⼒し、段落を中央揃えにして
あります。それでは、Copyright © 2017 Support CMS Bz というように、各単語の先
頭を⼤⽂字に修正してみました。
モジュール操作編
モジュール> CONTENTS > 情報追加
⑦作成後、確認してみましょう
レイアウト設定:ブロックの編集について
作成後、「登録・更新」ボタンを押して、ページを確認しましょう。
下図のように修正が完了しました。以上がブロック(フリーブロック)の修正⽅法です。
モジュール操作編
モジュール> CONTENTS > 情報追加
ページビルダーと更新管理を併せ持つ
唯⼀無⼆のオリジナルCMS
⾼機能
レスポンシブテーマ
ページビルダー
セルフSEO
ページ無制限
簡単
レイアウト変更
ブロック機能
コンテンツ管理
プレビュー
安⼼
バックアップ
時限公開機能
セキュリティ
権限&認証
詳細はこちらをご覧ください→

More Related Content

Similar to レイアウト設定:ブロックの編集について

モジュールの作成方法
モジュールの作成方法モジュールの作成方法
モジュールの作成方法Ryutaro Takayanagi
 
デザインブロックについて
デザインブロックについてデザインブロックについて
デザインブロックについてRyutaro Takayanagi
 
TOPモジュールでのブロック作成:デザインブロックの使い方
TOPモジュールでのブロック作成:デザインブロックの使い方TOPモジュールでのブロック作成:デザインブロックの使い方
TOPモジュールでのブロック作成:デザインブロックの使い方Satoru Shinmura
 
モジュールの作成方法
モジュールの作成方法モジュールの作成方法
モジュールの作成方法Satoru Shinmura
 
TOPモジュールでのブロック作成:フリーブロックの使い方
TOPモジュールでのブロック作成:フリーブロックの使い方TOPモジュールでのブロック作成:フリーブロックの使い方
TOPモジュールでのブロック作成:フリーブロックの使い方Satoru Shinmura
 
ユーティリティ系ブロックについて
ユーティリティ系ブロックについてユーティリティ系ブロックについて
ユーティリティ系ブロックについてRyutaro Takayanagi
 
ユーティリティ系ブロックについて
ユーティリティ系ブロックについてユーティリティ系ブロックについて
ユーティリティ系ブロックについてSatoru Shinmura
 
TOPモジュールでのブロック作成:トップ画像のブロック作成
TOPモジュールでのブロック作成:トップ画像のブロック作成TOPモジュールでのブロック作成:トップ画像のブロック作成
TOPモジュールでのブロック作成:トップ画像のブロック作成Ryutaro Takayanagi
 
ブロックデータの使い方
ブロックデータの使い方ブロックデータの使い方
ブロックデータの使い方Satoru Shinmura
 
TOPモジュールでのブロック作成:メニューの配置
TOPモジュールでのブロック作成:メニューの配置TOPモジュールでのブロック作成:メニューの配置
TOPモジュールでのブロック作成:メニューの配置Satoru Shinmura
 
TOPモジュールでのブロック作成:トップページ作成手順
TOPモジュールでのブロック作成:トップページ作成手順TOPモジュールでのブロック作成:トップページ作成手順
TOPモジュールでのブロック作成:トップページ作成手順Ryutaro Takayanagi
 
CSS Nite in SAPPORO x a-blog cms
CSS Nite in SAPPORO x a-blog cmsCSS Nite in SAPPORO x a-blog cms
CSS Nite in SAPPORO x a-blog cmsSeiko Kuchida
 
メニュー系ブロックについて
メニュー系ブロックについてメニュー系ブロックについて
メニュー系ブロックについてRyutaro Takayanagi
 
メニュー系ブロックについて
メニュー系ブロックについてメニュー系ブロックについて
メニュー系ブロックについてSatoru Shinmura
 
CAESES-FFW,GridPro,OpenFOAMを使用した形状最適化事例#1
CAESES-FFW,GridPro,OpenFOAMを使用した形状最適化事例#1CAESES-FFW,GridPro,OpenFOAMを使用した形状最適化事例#1
CAESES-FFW,GridPro,OpenFOAMを使用した形状最適化事例#1Fumiya Nozaki
 
シンプル系ブロックについて
シンプル系ブロックについてシンプル系ブロックについて
シンプル系ブロックについてSatoru Shinmura
 
Cognos reportauthoring c2_headermessage
Cognos reportauthoring c2_headermessageCognos reportauthoring c2_headermessage
Cognos reportauthoring c2_headermessageShinsuke Yamamoto
 
MTDDC Tokyo テーマ編 プレゼン資料
MTDDC Tokyo テーマ編 プレゼン資料MTDDC Tokyo テーマ編 プレゼン資料
MTDDC Tokyo テーマ編 プレゼン資料Toshihito Gamo
 
TOPモジュールでのブロック作成:デザインブロックの使い方
TOPモジュールでのブロック作成:デザインブロックの使い方TOPモジュールでのブロック作成:デザインブロックの使い方
TOPモジュールでのブロック作成:デザインブロックの使い方Ryutaro Takayanagi
 

Similar to レイアウト設定:ブロックの編集について (20)

モジュールの作成方法
モジュールの作成方法モジュールの作成方法
モジュールの作成方法
 
デザインブロックについて
デザインブロックについてデザインブロックについて
デザインブロックについて
 
TOPモジュールでのブロック作成:デザインブロックの使い方
TOPモジュールでのブロック作成:デザインブロックの使い方TOPモジュールでのブロック作成:デザインブロックの使い方
TOPモジュールでのブロック作成:デザインブロックの使い方
 
モジュールの作成方法
モジュールの作成方法モジュールの作成方法
モジュールの作成方法
 
TOPモジュールでのブロック作成:フリーブロックの使い方
TOPモジュールでのブロック作成:フリーブロックの使い方TOPモジュールでのブロック作成:フリーブロックの使い方
TOPモジュールでのブロック作成:フリーブロックの使い方
 
ユーティリティ系ブロックについて
ユーティリティ系ブロックについてユーティリティ系ブロックについて
ユーティリティ系ブロックについて
 
ユーティリティ系ブロックについて
ユーティリティ系ブロックについてユーティリティ系ブロックについて
ユーティリティ系ブロックについて
 
TOPモジュールでのブロック作成:トップ画像のブロック作成
TOPモジュールでのブロック作成:トップ画像のブロック作成TOPモジュールでのブロック作成:トップ画像のブロック作成
TOPモジュールでのブロック作成:トップ画像のブロック作成
 
ブロックデータの使い方
ブロックデータの使い方ブロックデータの使い方
ブロックデータの使い方
 
TOPモジュールでのブロック作成:メニューの配置
TOPモジュールでのブロック作成:メニューの配置TOPモジュールでのブロック作成:メニューの配置
TOPモジュールでのブロック作成:メニューの配置
 
TOPモジュールでのブロック作成:トップページ作成手順
TOPモジュールでのブロック作成:トップページ作成手順TOPモジュールでのブロック作成:トップページ作成手順
TOPモジュールでのブロック作成:トップページ作成手順
 
CSS Nite in SAPPORO x a-blog cms
CSS Nite in SAPPORO x a-blog cmsCSS Nite in SAPPORO x a-blog cms
CSS Nite in SAPPORO x a-blog cms
 
メニュー系ブロックについて
メニュー系ブロックについてメニュー系ブロックについて
メニュー系ブロックについて
 
メニュー系ブロックについて
メニュー系ブロックについてメニュー系ブロックについて
メニュー系ブロックについて
 
CAESES-FFW,GridPro,OpenFOAMを使用した形状最適化事例#1
CAESES-FFW,GridPro,OpenFOAMを使用した形状最適化事例#1CAESES-FFW,GridPro,OpenFOAMを使用した形状最適化事例#1
CAESES-FFW,GridPro,OpenFOAMを使用した形状最適化事例#1
 
シンプル系ブロックについて
シンプル系ブロックについてシンプル系ブロックについて
シンプル系ブロックについて
 
Cognos reportauthoring c2_headermessage
Cognos reportauthoring c2_headermessageCognos reportauthoring c2_headermessage
Cognos reportauthoring c2_headermessage
 
MTDDC Tokyo テーマ編 プレゼン資料
MTDDC Tokyo テーマ編 プレゼン資料MTDDC Tokyo テーマ編 プレゼン資料
MTDDC Tokyo テーマ編 プレゼン資料
 
23 tm1 performancemodeler
23 tm1 performancemodeler23 tm1 performancemodeler
23 tm1 performancemodeler
 
TOPモジュールでのブロック作成:デザインブロックの使い方
TOPモジュールでのブロック作成:デザインブロックの使い方TOPモジュールでのブロック作成:デザインブロックの使い方
TOPモジュールでのブロック作成:デザインブロックの使い方
 

More from Ryutaro Takayanagi

記事の作成方法:ブロックモードの使い方
記事の作成方法:ブロックモードの使い方記事の作成方法:ブロックモードの使い方
記事の作成方法:ブロックモードの使い方Ryutaro Takayanagi
 
お問い合わせモジュールについて:設定方法
お問い合わせモジュールについて:設定方法お問い合わせモジュールについて:設定方法
お問い合わせモジュールについて:設定方法Ryutaro Takayanagi
 
TOPモジュールでのブロック作成:フリーブロックの使い方
TOPモジュールでのブロック作成:フリーブロックの使い方TOPモジュールでのブロック作成:フリーブロックの使い方
TOPモジュールでのブロック作成:フリーブロックの使い方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
 
HTML書き出し機能の使い方
HTML書き出し機能の使い方HTML書き出し機能の使い方
HTML書き出し機能の使い方Ryutaro Takayanagi
 

More from Ryutaro Takayanagi (20)

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

Recently uploaded

シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料シンフォニティ 株式会社
 
Service-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadershipService-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadershipYasuyoshi Minehisa
 
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)KayaSuetake1
 
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdfストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdfmasakisaito12
 
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチUP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチユニパー株式会社
 
20240427 zaim academy counseling lesson .pdf
20240427 zaim academy counseling lesson .pdf20240427 zaim academy counseling lesson .pdf
20240427 zaim academy counseling lesson .pdfssuser80a51f
 

Recently uploaded (6)

シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
 
Service-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadershipService-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadership
 
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
 
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdfストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
 
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチUP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
 
20240427 zaim academy counseling lesson .pdf
20240427 zaim academy counseling lesson .pdf20240427 zaim academy counseling lesson .pdf
20240427 zaim academy counseling lesson .pdf
 

レイアウト設定:ブロックの編集について