【HABONE】テーマ 色とデザインに関する設定項目

【HABONE】テーマ 色とデザインに関する設定項目
サブメニュー設定名簡易説明
ヘッダーとフッターサイトのタイトルとキャッチフレーズを表示
ヘッダーテキスト色
フッターの文字色
フッターのリンク文字色
ヘッダー背景色
ヘッダー背景を透明にする
フッター背景色
ヘッダー画像
ヘッダー下部境界線色
ヘッダー下部境界線色を透明にする
フッター上部境界線色
ヘッダーとフッターの幅を画面サイズに合わせる
ヘッダー画像の高さ(パソコン)
ヘッダー画像の高さ(モバイル)
モバイルでは非表示モバイル環境ではフッターウィジェットを非表示にします
フッターの列数
本文とサイドバー本文とサイドバーの背景色
本文とサイドバーの文字色
本文とサイドバーの境界線色
コンテンツの境界線幅
全幅ページテンプレートの境界線色
本文のリンク文字色
サイドバーのリンク文字色
リンクの下線を非表示(本文)
リンクの下線を非表示(サイドバー)
アーカイブ一覧の背景色
アーカイブ一覧の文字色
その他ロゴ
サイトのタイトル
サイトのキャッチフレーズ
サイトアイコン
背景色
背景画像
フォントサイズ
フォントの種類
モバイルメニューとコメント送信ボタンの背景色
モバイルメニューとコメント送信ボタンの文字色
「トップへ戻る」「ホームへ戻る」ボタンの表示
「トップへ戻る」「ホームへ戻る」ボタンの背景色
「トップへ戻る」「ホームへ戻る」ボタンのアイコン色
装飾コンテンツの文字色
装飾コンテンツのリンク色

ヘッダーとフッターに関する設定方法

色については変更の度に右側プレビュー画面で変化を確認いただけますので、実際に操作を行ってみてください。

ヘッダー背景を透明にする

ヘッダー下部境界線色を透明にする

ヘッダーとフッターの幅を画面サイズに合わせる

ヘッダー画像の高さ

フッターの列数

フッター部分の列数を指定します。また、「モバイルでは非表示」を有効にすることで、パソコン表示時に入れたたくさんのフッター内情報がモバイル環境では表示されないようになり、モバイルフッターコンテンツの間延びを防ぐことができます。

本文とサイドバーに関する設定方法

色については変更の度に右側プレビュー画面で変化を確認いただけますので、実際に操作を行ってみてください。

その他に関する設定方法

色については変更の度に右側プレビュー画面で変化を確認いただけますので、実際に操作を行ってみてください。

フォントサイズ

サイト内の文字の大きさを指定します。本テーマではすべての文字列の表示に相対値を用いていますので、この値によって見出しその他すべての文字の大きさが比例して拡大縮小します。

フォントの種類

表示する文字の書体を設定します。

装飾コンテンツの文字色

本テーマの機能の1つである装飾コンテンツに対して、文字色の設定をします。

本文の背景色を暗くして、本文の文字色を明るくした場合に装飾コンテンツの文字が読みづらくならないようにします。

装飾コンテンツのリンク色

本文の背景色を暗くして、本文の文字色を明るくした場合に装飾コンテンツのリンク文字が読みづらくならないようにします。