有料WordPressテーマ『Flash Works』の見出しタグ（Hタグ）について

有料WordPressテーマ『Flash Works』の見出しタグ（Hタグ）について説明いたします。

見出しタグは、H1～H6まで6つあり、SEO対策（検索エンジン対策）としても重要な要因であるため、適切に使用しなければなりません。

ワードプレステーマ『Flash Works』での見出しタグの使い方について説明するので、参考にしてください。

WordPressテーマ『Flash Works』の見出しタグの場所

WordPressテーマ『Flash Works』では、H1～H5まで使用しており、使用している場所は次の画像のとおりです。

H6タグは使用していません。

コンテンツ部分にH4～H6を使用する方法

WordPressテーマ『Flash Works』を使用する場合、投稿者はH2タグとH3タグを使い回して文章を見やすく区分けしていくことになりますが、中には「コンテンツ部分にH4～H6を使用したい！」という人もいることでしょう。

その場合は、次のように、コンテンツ部分のH4～H6に適用させるcssをデザインし、子テーマのcssファイルに入力してください。

#contents h4 { }
#contents h5 { }
#contents h6 { }

注意しなければならないのは、「パソコン画面」と「スマホ・タブレット画面」の2つのデザインが必要なことと、「サイドバーのH4タグ」と「フッターのH5タグ」のデザインがページ全体に適用されているので、それを打ち消す記述が必要ということです。

後者を分かりやすく説明すると、H4にはフォントカラーが設定されているので、コンテンツ部分にオリジナルのH4を使用する場合、フォントカラーの設定も必要になります。

他にも、ボーダーやマージン、パディングなどを上書きしなければなりません。

関連記事

有料WordPressテーマ『Flash Works』のオリジナルスタイル・装飾

2021年10月25日WordPressテーマ『Flash Works』

有料WordPressテーマ『Flash Works』のオリジナルスタイル・装飾について説明いたします。 WordPressを使えば...

有料WordPressテーマ『Flash Works』の設定方法

2021年10月1日WordPressテーマ『Flash Works』

有料WordPressテーマ『Flash Works』を利用するにあたり、まずはWordPressの設定方法について説明いたします。 ...

有料WordPressテーマ『Flash Works』のメニュー設置方法

2021年10月13日WordPressテーマ『Flash Works』

有料WordPressテーマ『Flash Works』のメニュー設定方法について説明いたします。 カテゴリーウィジェットだと全てのカ...

有料WordPressテーマ『Flash Works』のグローバルナビゲーションとドロワー

2021年10月10日WordPressテーマ『Flash Works』

有料WordPressテーマ『Flash Works』のグローバルナビゲーションとドロワーメニューの設定方法について説明いたします。 ...

有料WordPressテーマ『Flash Works』のアップデート方法

2021年10月9日WordPressテーマ『Flash Works』

WordPressテーマは、修正されたり、新機能が加えられたりすることがあります。 その際、本来ならば運営元のウェブサイトを訪れて「...