WordPressの見出しデザインはコピペで簡単


こんな思いをしている人はいませんか?

・WordPressで記事を作成してみたものの、黒い文字がひたすら並んでなんだから暗い。。。

・どこが見出しなのかわからない。。。

・HTMLやCSSなんて聞いただけで心が折れる。。。


もし、コピペでデザインが変更出来たら簡単じゃないですか?


コピペで簡単!見出しのデザイン記事サイト


自分でHTMLやCSSを書く必要がありません。

そんなコピペで見出しのデザイン記事をまとめているサイトがあります
【HTML・CSS】コピペで簡単!見出しデザイン記事まとめ

これらから好みの見出しデザインを選んで、コードをコピーしましょう。
今回はCSSのコードを使用する方法です。


CSSコード例↓


実際に見出しのカスタマイズをしてみる



WordPressのダッシュボードを開き、外観のカスタマイズを選びましょう。



次に追加CSSを選択します。



そうするとこのような画面になります。ここの白枠のところにコピペしたコードを貼り付けます。


コードを貼り付けるとこんな感じ↓


どの見出しのデザインを変えるのかは、赤枠の中を変更します。
h1がデフォルトで設定されていましたが、h2に変更しました。



そうするとこのようにデザインが変わります。


変更前


変更後


こんな感じで簡単に見出しのデザインを変えることが出来ました。
見出しデザインの他にも枠デザインなどのコードもあるので、探してみてはいかがでしょうか?
これならHTMLやCSSを自分で書かなくても簡単に作れます。