![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
見出しってかわいくできますか?
ワードプレス使っていても、見出しがイマイチかわいくないって思うことないですか?
ワードプレスの見出しをかわいくしたいと思われている方にむけて、ワードプレス初心者のアラフィフ女子がどのように行ったかを備忘録として残しおきます。
わたしは現在、有料テーマのSwellを使っていますが、以前は無料テーマのCocoonを使ってました。
デフォルトの見出しだとシンプルすぎて・・・
自分のサイトにあわせて、もっとかわいくしたいなぁと思ってました。
Cocoonの見出しのカスタマイズ手順
Cocoonのデフォルトの見出しは、こんな感じ。
![見出し](https://ekubo-blog.com/wp-content/uploads/2022/11/heading1.jpg)
![見出し](https://ekubo-blog.com/wp-content/uploads/2022/11/heading1.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
自分好みにできますか?
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
自分好みのかわいい見出しにしていきましょう。
STEP1 見出しのリセット
見出しをカスタマイズするには、まずはリセットが必要です。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
リセット?
リセットときくと、もうもとに戻せなくなるようなイメージですが・・・
見出しのカスタマイズで調べると、いろいろなサイトが出てきました。
いくつかのサイトを参考にしながら見出しをリセット!
こちらのサイトを参考にしました♪
見出しの5と6は、ほとんど使わないので、作業を減らそうと思い、H5,H6はリセットせずにそのままのスタイルを使うことにしました。
H2~H4をリセットするとこんな感じです↓
![](https://ekubo-blog.com/wp-content/uploads/2022/11/midashi-clear-1024x491.png)
![](https://ekubo-blog.com/wp-content/uploads/2022/11/midashi-clear-1024x491.png)
STEP2 新しい見出しを選ぶ
見出しの種類は、いっぱいあって、選ぶのにとっても時間がかかりました。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
選ぶのにすごく時間がかかりましたがみてるだけでワクワク楽しいです♪
<参考サイト1>
おすすめしている方がとても多かったサルワカさんのサイト↓
![](https://saruwakakun.com/wp-content/uploads/2017/03/00b91be2d05d9327463703fa9366b060.png)
![](https://saruwakakun.com/wp-content/uploads/2017/03/00b91be2d05d9327463703fa9366b060.png)
<参考サイト2>
女性向けのかわいい見出しを紹介しているとみーさんのサイト↓
![](https://0edition.net/wp-content/uploads/2016/04/ec058.jpg)
![](https://0edition.net/wp-content/uploads/2016/04/ec058.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
なかでもセロテープ風の見出しに惹かれちゃいました♪
H2,H3,H4の3つをどれにするかが決まったらあとは設定するだけ♪
STEP3 カラーを修正して設定
好きな見出しを選んだら、サイトにあわせたカラーにチェンジ。
直接スタイルシートにはらずに、メモ帳に書き出したものを修正しながら作業をしていきました。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
作業の前にはバックアップを忘れずに♪
子テーマの方でカスタマイズしてくださいね!
ドキドキしながら更新すると・・・
![](https://ekubo-blog.com/wp-content/uploads/2022/11/midashi-1024x567.png)
![](https://ekubo-blog.com/wp-content/uploads/2022/11/midashi-1024x567.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
バッチリかわいく完成♪
セロテープ風は、薄めのカラーにするとマステ風になり、とっても可愛いくおすすめです♪
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women1-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women1-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women1-150x150.jpg)
マステ風見出しかわいいですね~
見出しをかわいくしたい!!そう思われている方は、時間はけっこうかかりますが、出来上がったときの喜びは大きいです。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
ブログライフ楽しみましょう♪
![](https://ekubo-blog.com/wp-content/uploads/2023/05/preparation-300x158.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/05/preparation-300x158.jpg)
自分でカスタマイズできないから、はじめからおしゃれなデザインのWordPressにしたい方は、SWELLがおすすめです。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
このブログもSWELLを使ってます!
\SWELLの公式サイトをチェック/