【ワードプレス】Cocoon見出しデザインが反映されない時の解決法！

文章に見出しを付けると書きやすく、見栄えも良いのでブログ開設当初から記事作成の際はよく使うようにしています。そして、私はこのブログをCocoonの無料スキンで作成しましたがかわいい見出しにしたいとカスタマイズに挑戦してみました。

見出しはあの有名なサルワカブログを参考にさせて頂きました。

見出しカスタマイズで問題発生のオンパレード

まずh2をカスタマイズしてみました。
すると・・・。

画像のように記事の中だけでなく、トップページにまで見出しのデザインが反映されてしまったのです。ワードプレス初心者にはこれだけでも辛い現象でした。

まず最初に試した対処法はこちら▼

元の見出しと新しい見出しが重なっている問題

もう一つの問題は元の見出しと新しい見出しがかぶっていることです。
「韓国の再開発と再建築」という題名の下にある茶色の線が元の線で、その下に青い囲み線があるのが新しいデザインです。茶色の線が消えません。

▼そこでした対処法はこちらです。

見出しのカラー変更方法

ここまで無事に見出しが正常に表示されるようになったのですが、見出しのカラーが青色系統なのでブログカラーの茶色に合うように色を変更することにしました。

色はこちらのＷＥＢ色見本　原色大辞典から好きな色を選択しました。
追加CSSのbackground,box-shadow,border,colorの値を調整します。

さいごに

私は見出しのカスタム設定でとても苦労しました。なかなか直すことができずに専門家に頼むことも検討しました。しかし、なんとか日数はかかってしまいましたが解決までたどりつくことができました。
「ワードプレス　見出し　表示されない」「ワードプレス　見出し　反映」などと検索してこのブログにたどりついてくれた方が私が試した方法で解決することを願っています。

▼ココナラでワードプレスの専門家にエラー対処・カスタマイズ依頼

10年つかえるSEOの基本／土居健太郎【合計3000円以上で送料無料】 価格：1628円（税込、送料別) (2021/1/5時点) 楽天で購入