サイト制作の際に、まずは基本となる色を決めておくと便利です。
今回はワードプレスの色の設定方法をお伝えしていきます。

ダッシュボードの外観→カスタマイズをクリックします。
色の設定
「色」を選択し、①〜⑤の色を設定します。

各項目については、以下の箇所に反映されます。
①背景色:サイト全体の背景
②キーカラー:見出し背景や、ナビゲーションサブメニューの背景色、ボタンなどのデフォルトカラー
③リンク文字色(標準):リンクを設定した文字の色
④リンク文字色(hover):リンクを設定した文字にマウスをのせた時の色
⑤カスタムカラー:ブロックのカラーパレットに反映される色(5色まで登録できる)
カスタムカラーについて
各ブロックを編集する際に、ワンクリックでカスタムカラーに登録しておいた色を選択できます。


ボタンや文字色、背景色によく使うと思われる色は、あらかじめ「カスタムカラー」に登録しておきましょう。

色の調整に迷ったときは・・
カラー選択ツール

色の調整におすすめなのは、便利な「Google カラー選択ツール」。
Googleで「カラー選択ツール」と検索すると、シンプルなカラーピッカーが表示されます。
選択中の色コードが5種類表示され、そのままコードをコピー&ペーストで使用できます。
投稿者プロフィール

- 2004年頃の会社員時代からブログ作成を始める。ブログ作成が楽しくなり、そのまま趣味が高じて2006年にホームページ制作で起業、2008年に株式会社ウェブロードを設立。現在は、個人・中小事業者のWordPressサイト制作・改善を中心に、Web業界20年の知識と経験を生かして、自治体案件等の大型案件のWebディレクターや中小企業・個人事業主へのWeb全般のアドバイザー、SEO/AIOのコンサルタントとしても活動中。 プロフィールはこちら
最新の投稿
お知らせ2026年4月22日WordPress保守の委託先を選び直すときに確認したい7つのポイント
ホームページ制作2026年4月20日制作重視のサイトが抱える問題「5~10年後の運営」を見据えた発注基準とは?
メルマガバックナンバー2026年4月15日”固定ページ”を見直すだけでお問い合わせが増える理由
サイト運営ノウハウ2026年4月11日別サーバーで運営しているサイトをサブドメインで表示させる方法
お問合せフォームはこちら
弊社サービスをご検討いただきありがとうございます。
こちらのカテゴリ内のご質問と回答で解決できない場合は、ぜひ下記フォームよりお問い合わせください。ご相談・お見積りのご依頼は無料です。
お申込前のお打ち合わせはメール/お電話/GoogleMeet等オンラインでもご対応可能です。全国からお問い合わせを受付けています。
翌営業日を過ぎても弊社からの連絡がない場合はメールが届いていませんので、大変お手数をお掛けしますが、下記メールアドレスにご連絡ください。










