【WordPressの見出しの作り方】正しいルールやデザインの変更方法を解説！

見出しにはいくつかの種類があり、WordPressの記事において一般的に使う見出しは「H1～H4」です（見出しタグは全部でH6まであります）。

ただしH1は記事タイトルに使われることが多いため、記事の本文に使うのはH2以降になります。

たとえば下記のような使い分けが考えられます。

H5やH6を使用しても問題ありませんが、見出しの種類が多すぎるとかえって記事が読みにくくなるので注意が必要です。

実際に記事作成画面で見出しを使用した画像が上記の画像です。

見出しにはH1～H6までの大きさがあることは前述のとおりですが、実際に使う際にはこの大きさの順序を守るようにしましょう。

たとえば、下記のようにH3の中にH2を入れるような、大きさを無視した使い方はNGです

下記のように見出しの大きさの順序を守って使用してください。

読者の読みやすさのためにも、SEO効果を考える上でも見出しは有効ですが、むやみに見出しを乱発するのはNGです。

文章的に見出しがあったほうが見やすい時にだけ、必要に応じて使うようにしましょう。

上手な見出しをつけるコツは「見出しだけでも伝えたいことが伝わる」ようにすること。

これを意識すると無駄な見出しがなくなるのでおすすめです。

WordPressの外観設定からCSSを追加することで、見出しのデザインを変更することができます。

WordPressの管理画面から赤枠の「外観」を選択します。

そうすると外観設定の選択画面が出るので、赤枠の「カスタマイズ」を選択します。

画面左にカスタマイズメニューが表示されるので赤枠の「追加CSS」を選択します。

「追加CSS」を選ぶとCSSの入力画面になるので、ここにお好みの見出しデザインのCSSをコピペします。

見出しのCSSについては、下記の記事が参考になると思います。

実際に追加CSSを入れて、H2の見出しデザインを変更してみました。

使用しているWordPressテーマの設定を変えることで、見出しデザインを変更することもできます。

ただし、テーマによっては見出しを変更できないものもあるのでご注意ください。

たとえばWordPressテーマ「JIN」の場合で説明しましょう。

「JIN」ではテーマを有効化した時点で上記の見出しのデザインがデフォルト設定されています。

これは別パターンへのデザインへ変更することが可能です。

「外観→カスタマイズ」と進むと、JINの外観編集画面が表示されます。

赤枠の「見出しデザイン設定」を選択します。

赤枠部分からお好みの見出しデザインを選ぶことができます。

デフォルトでは「スタイル1」に設定されていますが、今回はH2とH3を「スタイル2」に変更し、「アイコン設定（見出しテキスト一番左）」でH2をクローバーに変更しました。

このように、テーマによっては「追加CSS」を入れなくても「外観→カスタマイズ」から簡単に見出しデザインを変更することができます。

Webにくわしくない初心者でもたった10分で始められるレンタルサーバー「ConoHa WING」。

とっても簡単だから今すぐ始めちゃいましょう。

また下記の記事では、ConoHa WINGを使ってWordPressを開設する方法を、画像付きでくわしく解説しています。

他社のレンタルサーバーをご利用中で、ConoHa WINGにお乗り換えを検討されている方も安心です！

煩雑なレンタルサーバーの移行もかんたんにお乗換えいただけるよう、いくつかのサポートを用意しています。