[HB]色のカスタマイズ

カスタマイザー>[HB]色の解説です。

サイト全体

「サイト全体」のカラー設定が反映される場所は次のとおりです。

フッターナビ

ページの最下部に表示されます。

【HB】目次を表示

ピックアップカテゴリー

記事の目次

スタイル付き数字リスト

リンクボックス

サイト背景

背景画像

背景画像の設定方法は、

  • 背景画像の配置(横)
  • 背景画像の配置(縦)
  • 背景画像の繰り返し
  • 背景画像のRetina対応

と用意しましたが、基本的には「背景画像の繰り返し」を「タイル」だけ選択すれば、背景すべてに表示されます。

ページナビ

ページナビは、記事一覧ページ(ブログ、カテゴリー、タグ、月別アーカイブ)の下に表示されます。

タブメニュー

タブメニューは、ブログ型で運用する際に、カスタマイザー>サイト外観>タブメニューにて表示できます。

ヘッダー

ヘッダー=「タイトルロゴ+グローバルナビ」です。

検索ボタンの色

検索ボタンは、ヘッダーの右端(ヘッダー左配置の場合は下)に表示されます。

パンくず

記事上部または記事下部に表示されます。

記事

コンテンツ(記事内)のカラーを変更できます。

背景色
文字色
リンク色
リンクホバー色
h1タグの色
h1タグの下線の色
h2タグ見出しの色
h2タグ見出しの背景色
h3タグの背景色
目次、リストの番号文字色
目次、リストの番号背景色

※h2タグのカラーを決める際は、記事のh2タグデザインのデザインテイスト(下線、ベタ塗り)に合うように設定してください。背景色と同化して文字が見えなくなる場合があります。

※目次番号の背景カラーを反映するには、[HB] 記事の設定>目次の外観>番号のスタイルを選択している必要があります。

※背景色を白以外にしたときは、白背景ではグレーだった要素やボーダーを、テキスト色+透明度0.2ぐらいの設定で自動的に変わるようにしています。
背景色「黒」の例:あなたの知らない世界

ウィジェット

※ウィジェット見出しのカラーを決める際は、ウィジェットの見出しデザイン(下線、ベタ塗り)に合うように設定してください。背景色と同化して文字が見えなくなる場合があります。

コメントボタン

タグ

「タグクラウド」ウィジェットと、

タブメニューの「カテゴリー」「月別」「タグ」メニューのカラーデザインを変更できます。

なお、タブメニューの「カテゴリー」に「カテゴリーカラー」を適用したい場合は、「HBサイト外観」の「カテゴリーカラーを反映する」にチェックを入れてください。

フッター

以上で「[HB]色のカスタマイズ」の解説でした。