WordPressテーマのhタグ

Tweet

ワードプレスのコンテンツ部分は、基本的に『見出しと本文』で組み立てます。

そして、htmlで用意されているhタグ（見出し）は6種類、本文（pタグ）は1種類で、サイト制作者がオリジナルデザインのcssを割り当てて、思い思いの場所に配置しています。

自分で作ったウェブサイトなら、どこでどの種類のhタグが使用されているか理解していますが、他人が作ったWordPressテーマですと、どの種類のhタグを使用すれば良いかわからず、間違った使い方をしてしまう可能性があり問題です。

そこで、WordPressテーマ『FlashWork-s』の見出しの位置と種類についてここで説明いたします。

hタグを間違って使うとデザインが崩れたり、SEOにおいても不利益を被りますので、以下を参考に正しく使いましょう。

hタグの配置

当サイトで使っているhタグはh1～h5までです。

h1タグはサイトタイトルの表示に使っており、特に手を加える必要はないでしょう。

h2タグはページタイトルの表示に使っています。

h3タグは本文中の見出しとして使用しています。

h4タグはサイドバーの見出しとして使用しています。

h5タグはフッターの見出しとして使用しています。

つまり、WordPressテーマ『FlashWork-s』を利用する場合、本文中にはh3のみを利用するようにしてください。

ただし、一応、h2タグも使用できます。

なお、サイドバーのh4やフッターのh5はウィジェットのタイトルが自動で反映されますが、テキストウィジェットを利用してh4タグやh5タグを直接書き込んで使うこともできます。

Tweet

関連記事

ドメインの取得

2016年01月10日ワードプレス無料テーマ FlashWork-s

レンタルサーバーを借りる時にドメインも取得しましょう。 ドメインとはhttp://www～で表示されるインターネット上の住所みたいなもので...

WordPressの設定

2016年01月10日ワードプレス無料テーマ FlashWork-s

ワードプレスをインストールしたら行うべき設定方法について説明いたします。 あくまでも一般的な設定の仕方であって、必ずこうしなければならない...

エックスサーバーの無料お試し期間

2016年01月10日ワードプレス無料テーマ FlashWork-s

エックスサーバーの最安値プランは月額1,000円なので、個人向けとしては少し高いですが、『高速・多機能・高安定性』を追求した評判の良いレ...

PHPやCSSに最適のテキストエディタ

2016年01月10日ワードプレス無料テーマ FlashWork-s

ワードプレスは『文字コード：UTF-8N』、『改行コード：LF』が基本です。 ウェブサイト制作に特化した『ドリームウィーバー（Dreamwe...

WordPressテーマ用の装飾コード

2016年01月12日ワードプレス無料テーマ FlashWork-s

WordPressテーマ『FlashWork-s』は、初心者の方にも無理なくご利用いただけるように、あらかじめ装飾用のcssを設定してありま...