WordPressテーマ「DG-style」で、サイトカラーを変える方法を説明します。

パレットで、サイト色を一気に変えよう!

サイトパレットの変更

まずはパレット色を使った、色を一気に変えてみましょう!

※パレット色を使ってない場合は、変更されません。(専門家機能を利用時)

  1. 「歯車ボタン」をクリックし、「カラー設定」をクリック
  2. 「カラー設定」の「選択パレット」の右にある「変更ボタン」をクリック
  3. 「パレットリスト」が表示されたら、変更したいパレットをクリック
  4. サイトの色が一気に変わりました!
歯車ボタン→「カラー設定」
パレットリストから、変更したいパレットをクリック
色が一気に変わりました!

サイトパレットの追加

パレットを新しく追加する方法を説明しますね。

  1. 「カラー設定」の「選択パレット」右にある「変更ボタン」クリック
  2. 「パレットリスト」が表示されたら、下にある「パレット追加」をクリック
  3. パレット名を入力して「追加ボタン」をクリック
  4. 「追加されたパレット」をクリック
  5. 新しいパレットの色がサイトに反映されます。
    ※サイトデザインを公開しない限り、実際のサイトには適用されません。
パレット名を入力して、追加する
追加したパレットを選択すると色が変わる

パレットの色を1つずつ変更する

パレットを追加したものの、白黒になってしまいましたね。もちろん変更できます!

  1. 変更したいパレット色を「マウス右ボタン」クリック
  2. 「色変更」ボタンをクリック
  3. カラー選択メニューが表示されたら、色を選択して「決定」をクリック
  4. 色が変わった!
変更したいパレット色を「マウス右ボタン」クリック
カラー選択メニューで色を選択して「決定」をクリック
色が変わった!

「カラーセット」で色を個別に登録して使おう!

サイトを作る上で、パレットの5色じゃ全然足りないですね。

上のカラー設定キャプチャーで気づいている方もいらっしゃると思いますが、「カラーセット」では好きなカラーを個別に追加することもできます。

「カラーセット」にカラーを追加する

  1. カラー設定の下部にある「色追加ボタン」をクリック
  2. カラー選択メニューで、「色」と「カラー名」を入力して「決定ボタン」をクリック
  3. 入力した「カラー名」の色が追加されました!
カラー設定の「色追加ボタン」をクリック
「色」と「カラー名」を入力して「決定ボタン」をクリック
入力した「カラー名」の色が追加されました!

色の変更

色を作ってサイトに、使いまわしたところ、「何か違う・・・」と感じて色を変えたい場合、どこに登録したか全部覚えてなくて困りますね?

パレットと同じく、カラーセットの色を変更することで、変更する「カラー名」で登録した色を一気に変更することができます!

  1. 変えたいカラーを「マウス右ボタン」でクリック
  2. 「変更ボタン」をクリックして、新しい色を選択後、「決定ボタン」をクリック
  3. 色が変わりました!
変えたいカラーを「マウス右ボタン」でクリック
新しい色を選択後、「決定ボタン」をクリック
色が変わりました!

色の削除

色を追加したものの、結局使わずに放置すると邪魔になりますね?その時には色を削除することができます!

※デザインで使っている色に関しては、削除すると反映されなくなります。

  1. 削除したいカラーを「マウス右ボタン」でクリック
  2. 「削除ボタン」をクリック
  3. 色が削除されました!
    ※使っている色を削除すると色が消えます
削除したいカラーを「マウス右ボタン」でクリックして「削除ボタン」クリック
削除されました!でも使っている色の場合は色がなくなります・・・

色の使い方

追加&修正した色の使い方を説明します。使用方法は2つあります。

簡単デザインより作成

デザイン設定より作成

TOP