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

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

2. ①ユーティリティ系ブロックの代表はToTopブロック！
ユーティリティー系ブロックについて
スマートフォンの復旧により、デスクトップ端末⽤のWebサイトでも、情報が縦⻑に表⽰さ
れるI型のWebサイトが多くなってきました。
情報の⻑いWebサイトに必須機能ともある「Topへ戻る」ボタンです。
難しいJavascriptで⾏わなくても、ユーティリティ系のトップへ戻るブロックを使うだけで
簡単に設定が可能です。
モジュール操作編
モジュール＞ CONTENTS ＞レイアウト設定

3. ②ブロック名の決定
No.9000のブロックをクリックします。
ブロック名を決めて、トップに戻るための画像を設定しましょう。当サイトでは指マークに
しています。
ユーティリティー系ブロックについてモジュール操作編
モジュール＞ CONTENTS ＞レイアウト設定

4. ③アニメーションのスピードとサイトの場所
アニメーションのスピードは、300ミリ秒＝0.3秒の反応ということとなります。この初期設
定スピードを基準として、早くしたり遅くしたりを設定してください。スタイルシートは1⾏
でまとめています。
right5%、bottom5%の位置がこのサイトの場所となります。サイドバーと調整しながら、
パーセントを動かしてください。
z-indexは最上部に表⽰という意味のため、このままで問題ありません。
ユーティリティー系ブロックについてモジュール操作編
モジュール＞ CONTENTS ＞レイアウト設定

5. ④反映と確認
最後に「登録・更新」ボタンを押して反映させましょう。
サイトにトップへ戻るためのボタンが出ているか、ご確認ください。
ユーティリティー系ブロックについてモジュール操作編
モジュール＞ CONTENTS ＞レイアウト設定

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