目次
SWELLの基本カラーの変更方法
STEP
カスタマイズをクリックします
![](https://goriweb.jp/wp-content/uploads/2024/05/貼り付けた画像_2024_05_15_2_19-scaled.jpg)
STEP
サイト全体設定をクリックします
![](https://goriweb.jp/wp-content/uploads/2024/05/カスタマイズ__Demo06__-5.png)
STEP
基本カラーをクリックします
![](https://goriweb.jp/wp-content/uploads/2024/05/カスタマイズ__Demo06__-6.png)
STEP
基本カラーを修正します。
![](https://goriweb.jp/wp-content/uploads/2024/05/貼り付けた画像_2024_05_15_2_23.png)
1.メインカラー
2.テキストカラー
3.リンクカラー
4.背景カラー
カラーが反映される場所
1.メインカラーが反映される場所
![](https://goriweb.jp/wp-content/uploads/2024/05/貼り付けた画像_2024_05_15_2_36-scaled.jpg)
①の場合
STEP
文字をクリックして「A」をクリックします
![](https://goriweb.jp/wp-content/uploads/2024/05/固定ページを編集_お役立ち資料_‹_Demo06_—_WordPress.png)
STEP
メインカラーの部分が選択されています
![](https://goriweb.jp/wp-content/uploads/2024/05/image-6.png)
②の場合
ボタンカラーは、何もしないとメインカラーに設定されいています。
![](https://goriweb.jp/wp-content/uploads/2024/05/貼り付けた画像_2024_05_15_2_38-scaled.jpg)
2.テキストカラー
本文に反映されるカラーです。
![](https://goriweb.jp/wp-content/uploads/2024/05/貼り付けた画像_2024_05_15_3_18.png)
ブログなどで本文に反映されるものです。
![](https://goriweb.jp/wp-content/uploads/2024/05/貼り付けた画像_2024_05_15_3_19.jpg)
3.リンクカラー
リンクに設定されるカラーです。
![](https://goriweb.jp/wp-content/uploads/2024/05/経営者が知るべき!IT投資で業務効率を最大化する方法___Demo06.png)
4.背景カラー
背景に設定されるカラーです。
![](https://goriweb.jp/wp-content/uploads/2024/05/貼り付けた画像_2024_05_15_2_47-scaled.jpg)