サイト制作の際に、まずは基本となる色を決めておくと便利です。
今回はワードプレスの色の設定方法をお伝えしていきます。
ダッシュボードの外観→カスタマイズをクリックします。
色の設定
「色」を選択し、①〜⑤の色を設定します。
各項目については、以下の箇所に反映されます。
①背景色：サイト全体の背景
②キーカラー：見出し背景や、ナビゲーションサブメニューの背景色、ボタンなどのデフォルトカラー
③リンク文字色（標準）：リンクを設定した文字の色
④リンク文字色（hover）：リンクを設定した文字にマウスをのせた時の色
⑤カスタムカラー：ブロックのカラーパレットに反映される色（5色まで登録できる）
カスタムカラーについて
各ブロックを編集する際に、ワンクリックでカスタムカラーに登録しておいた色を選択できます。
ボタンや文字色、背景色によく使うと思われる色は、あらかじめ「カスタムカラー」に登録しておきましょう。
色の調整に迷ったときは・・
カラー選択ツール
色の調整におすすめなのは、便利な「Google カラー選択ツール」。
Googleで「カラー選択ツール」と検索すると、シンプルなカラーピッカーが表示されます。
選択中の色コードが5種類表示され、そのままコードをコピー＆ペーストで使用できます。
投稿者プロフィール
-
2018年より始めた事業のホームページを自作し運用していくなかで、ホームページ制作の楽しさをしり、独学から本格的にWebを学ぶ。
2020年より、自分の周りのWebが苦手な人たちを助けたいという思いからWeb制作を中心にフリーで活動。
2022年より株式会社ウェブロードに入社し、制作・デザインの知識をさらに深めながら、初心者でもわかりやすいWordPressの操作方法などを発信中。
最新の投稿
WordPress講座2024年7月3日レスポンシブデザインを意識したカラムブロックの使い方- WordPress講座2024年6月18日カスタムフィールドにプラグイン【WP Imp Exp】を使ってインポートする方法
- WordPress講座2024年4月5日カスタムフィールドの簡単な作り方をご紹介！
- WordPressのプラグイン2024年3月18日カスタム投稿でウェブサイトを簡単カスタマイズ
お問合せフォームはこちら
（※営業電話が多いため留守電にしています。お急ぎの方は下記メールフォームをお使いください。）
お見積りのご依頼・打ち合わせはZOOM/GoogleMeet/お電話等、オンラインでも対応可能です。全国からお問い合わせを受付けています。
2営業日を過ぎても弊社からの連絡がない場合はメールが届いていませんので、大変お手数をお掛けしますが、下記メールアドレスにご連絡ください。
