岐阜県でホームページ制作・WordPressテーマ制作をしているブリリアントワークスです。個人事業(SOHO)としての特長を活かし、格安価格・高品質にてご提供いたします。
ホームページ制作 岐阜!ブリリアントワークス
HOME » WordPressテーマ『Flash Works』 » 有料WordPressテーマ『Flash Works』の見出しタグ(Hタグ)について

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

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

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

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

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

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

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

H1タグ
H1タグは、視覚的にもSEO的にも最も重要な見出しです。『Flash Works』では、ページタイトルに入力した文章が自動で挿入されるようになっています。昔は、H1タグは1ページにひとつだけというルールがありましたが、今では複数使用しても良いという考えが一般的です。しかし、『Flash Works』では1ページにひとつを採用しています。
H2タグ、H3タグ
H2タグ、H3タグは、コンテンツ部分に使用している見出しで、投稿者はこの2つのタグを使用して文章を執筆していくことになります。
H4タグ
H4タグは、サイドバーの見出しです。ウィジェットのタイトルに使用した語句が表示されるようになっています。
H5タグ
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を使用する場合、フォントカラーの設定も必要になります。

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

関連記事

今まではアクセスアップと言えば、SEO対策(検索エンジン対策)が主流でした。 しかし、Googleはコアアップデートを頻繁に実行する...


ホームページには複数の色が使われていますが、画像を除く部分の色は大抵CSS(Cascading Style Sheets、カスケーディング...


見出しやリンクなど、ホームページの各部分に使用されているカラーは、CSS(Cascading Style Sheets、カスケーディング・...


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


有料WordPressテーマ『Flash Works』をお買い求めいただきありがとうございます。 ワードプレスを使ったことがない人や...



最新記事

子テーマ『Move Black(ムーブ・ブラック)』

WordPressテーマ『Flash Works』の子テーマである「Move ...

子テーマ『Pop(ポップ)』

WordPressテーマ『Flash Works』の子テーマである「Pop(ポ...

子テーマ『Zoom up(ズームアップ)』

WordPressテーマ『Flash Works』の子テーマである「Zoom ...

子テーマ『Alpha(アルファ)』

WordPressテーマ『Flash Works』の子テーマである「Alpha...

子テーマ『Move(ムーブ)』

WordPressテーマ『Flash Works』の子テーマ「Move(ムーブ...

検索フォーム

WordPressテーマ『Flash Works』

コンテンツ

カテゴリ