サイドバーエリア設定

2018.05.15 2018.05.22HIGHLANDの設定
サイドバーエリア設定

サイドバーエリアのカラー設定についてご案内します。

設定項目が多いので、必要になったときに適宜設定して頂く形で進めて頂いても大丈夫です。

サイドバーウィジェットの使い方・設定は↓をご覧ください。

サイドバーエリアのカラーを設定する

テーマカスタマイザーを開く

WordPressダッシュボードにて「テーマ」→「カスタマイズ」と進みます。

「サイドバーエリア設定」へ進む

「サイドバーエリア設定」をクリックすると、以下の設定項目が表示されます。

リンクカラー設定

基本のリンク色
サイドバーエリアの基本となるリンクカラーを設定します。
基本のリンクホバー色
サイドバーエリアのリンクにマウスホバーしたときの文字色を設定します。

見出しのカラー設定

見出しのボーダー色
見出しのボーダー(下線)の色を設定します。

ウィジェットのカラー設定

検索窓

検索窓のボーダー色
検索窓のボーダー(枠線)の色を設定します。
検索窓の背景色
検索窓入力欄の背景色を設定します。
検索窓の虫眼鏡
検索窓の の色を設定します。
記事一覧

記事一覧・リストのリンク色
記事一覧・リストのリンク色を設定します。
記事一覧・リストのリンクホバー色
記事一覧・リスト各項目にマウスホバーしたときのリンク色を設定します。
記事一覧・リスト・最近のコメントのボーダー色
記事一覧・リスト・最近のコメント一覧の区切り線の色を設定します。
人気記事一覧

人気記事一覧には、サムネイル画像の左上に人気順の数字が表示されます。ここではその数字に関するカラー設定をします。

人気記事一覧数字の文字色
人気記事一覧サムネイル左上の数字の文字色を設定します。
人気記事一覧数字の背景色
人気記事一覧サムネイル左上の数字の背景色を設定します。
人気記事一覧数字ホバー時の文字色
人気記事一覧の各項目にマウスホバーしたときの数字の文字色を設定します。
人気記事一覧数字ホバー時の背景色
人気記事一覧の各項目にマウスホバーしたときの数字の背景色を設定します。
カテゴリー・アーカイブ

カテゴリー・アーカイブウィジェットでは、リストの右端に投稿記事数を表示させることができます。ここではその数字のカラー設定を行います。

カテゴリー・アーカイブの投稿数文字色
カテゴリー・アーカイブに属する投稿記事数を示す数字の文字色を設定します。
カテゴリー・アーカイブの投稿数背景色
カテゴリー・アーカイブに属する投稿記事数を示す数字の背景色を設定します。
ドロップダウンメニュー

カテゴリー・アーカイブウィジェットはドロップダウンメニュー形式で表示させることができます。ここではドロップダウンメニューに関するカラー設定を行います。

ドロップダウンメニューのボーダー色
ドロップダウンメニューのボーダー(枠線)のカラーを設定します。
ドロップダウンメニューの背景色
ドロップダウンメニュー枠内の背景色を設定します。
ドロップダウンメニュー矢印の色
ドロップダウンメニューの の色を設定します。
ボタン

ボタンの文字色
ボタンに表示するテキストの色を設定します。
ボタンのボーダー色
ボタンのボーダー(枠線)の色を設定します。ボーダーが必要ない場合は背景色と同じ色を設定してください。
ボタンの背景色
ボタンの色を設定します。
ボタンホバー時の文字色
ボタンにマウスホバーしたときのテキストの色を設定します。
ボタンホバー時のボーダー色
ボタンにマウスホバーしたときのボーダー(枠線)の色を設定します。
ボタンホバー時の背景色
ボタンにマウスホバーしたときの色を設定します。
タグクラウド

タグクラウドの文字色
タグクラウドの文字色を設定します。
タグクラウドの背景色
タグクラウド各項目の背景色を設定します。
タグクラウドホバー時の文字色
タグクラウド各項目にマウスホバーしたときの文字色を設定します。
タグクラウドホバー時の背景色
タグクラウド各項目にマウスホバーしたときの背景色を設定します。
カレンダー

カレンダーのリンク色
カレンダー内のリンク色を設定します。
カレンダーのリンクホバー色
カレンダー内のリンクにマウスホバーしたときの文字色を設定します。
カレンダーの背景色
カレンダーの背景色を設定します。
カレンダー見出し(〇年〇月)の文字色
カレンダーの見出しの文字色を設定します。
カレンダー曜日の文字色
カレンダー上部に表示される曜日の文字色を設定します。
カレンダー曜日の背景色
カレンダー上部に表示される曜日の背景色を設定します。
カレンダー日付の文字色
カレンダー内の日付の文字色を設定します。
カレンダー日付の背景色
カレンダー内の日付の背景色を設定します。

HIGHLANDをダウンロード

柴田竹思

柴田竹思

WordPress案件を得意とするWebクリエイター。ベトナム在住。大手企業や教育機関などの大規模制作案件、フリーランス・個人事業主のスタートアップから売上を伸ばしていくお手伝いなど、わりと幅広くWeb関連の仕事をしています。