ワードプレステーマ「SWELL」でふきだしのカラーを変える方法です。
![](http://homare-labo.com/wp-content/uploads/2020/05/20200307-そうくん02.png)
ふきだしのカラーは自由に変更できます~!
![](http://homare-labo.com/wp-content/uploads/2020/05/tw236.png)
![](http://homare-labo.com/wp-content/uploads/2020/05/tw236.png)
![](http://homare-labo.com/wp-content/uploads/2020/05/tw236.png)
パステル系のカラーも自由に設定できちゃいますよ
ちなみに、とてもかんたんに出来ます。
SWELLでふきだしのカラーをパステルカラーに変更する方法
ふきだしのカラー変更は「SWELL」を入れると追加される「SWELL設定」から変更できます。
「SWELL設定」から「ふきだし」を選択
「SWELL設定」をクリックして、上部メニューの中から「ふきだし」を選択します
![](https://homare-labo.com/wp-content/uploads/2020/05/fuki01-1024x576.jpg)
![](https://homare-labo.com/wp-content/uploads/2020/05/fuki01-1024x576.jpg)
こちらがデフォルトカラー
![](https://homare-labo.com/wp-content/uploads/2020/05/fuki02-1024x576.jpg)
![](https://homare-labo.com/wp-content/uploads/2020/05/fuki02-1024x576.jpg)
こちらがデフォルトカラーです。
カラーセットは5つで「背景」と「ボーダー」のカラーを変更できます。
カラー変更の仕方
変えたいカラーの「色を選択」をクリックするとカラーパレットが出てきます。
カラーパレットからも自由に選択できますし、色番号で指定も可能です。
![](https://homare-labo.com/wp-content/uploads/2020/05/fuki03-1024x576.jpg)
![](https://homare-labo.com/wp-content/uploads/2020/05/fuki03-1024x576.jpg)
パステルカラーを充ててみました!
![](https://homare-labo.com/wp-content/uploads/2020/05/fuki04-1024x577.jpg)
![](https://homare-labo.com/wp-content/uploads/2020/05/fuki04-1024x577.jpg)
はい、完成です!
使ったカラーはこちら
グリーン「#c6f5e8」 ブルー「#d8ecff」 レッド「#fdc7d4」 「イエロー#ffe5c0」
パステルカラーは「背景」と「ボーダー」を同じ色にするとよりキレイに見えそうです。
より良いカラーを見つけるには
無料で使える、Adobe Colorがおすすめです!
Adobe Colorはこちら >
![](https://homare-labo.com/wp-content/uploads/2020/05/fuki05-1024x576.jpg)
![](https://homare-labo.com/wp-content/uploads/2020/05/fuki05-1024x576.jpg)
天下のAdobeさまが無料で公開している素晴らしいツールです。
メインカラーを入れると、そのカラーに対して「近い色」「反対の色」など、より良い色の組み合わせをみつける事ができます。
カラーセンスに自信ないな…と思っている方でもすごく使えるツールです!
まとめ:SWELLでふきだしの色はすごく簡単に変えれる
とても簡単にカラーを変更できちゃいました!
SWELLはすばらしいテーマなので、有料テーマを検討している方にはすごくおすすめです~!
私は有料テーマでも有名なアフィンガーも使ってますが、SWELLのほうが好きかも…笑
公式サイトもSWELLで作られていて非常にきれいで参考になります
![](https://homare-labo.com/wp-content/uploads/2020/05/swell2_pr_banner-300x250.jpg)
![](https://homare-labo.com/wp-content/uploads/2020/05/swell2_pr_banner-300x250.jpg)