注目キーワード
  1. 設定
  2. 設置
  3. デザイン

見出し(hタグのデザイン)

【カスタマイズ→パーツスタイル設定→見出し設定(個別ページ用)】

ザ・トールではページ内の見出しのデザインも豊富に用意されています。

 

ワードプレスのおすすめテーマ【THE THOR】ザ・トールの機能紹介見出しのデザイン

※画像の一覧はほんの一部です。

見出しの設定方法

見出しはH2~H5までデザインすることができ、ここでは例としてH2の見出しのデザインの設定方法をご案内します。

 

ワードプレスのおすすめテーマ【THE THOR】ザ・トールの機能紹介見出しのデザイン

デザインの設定というと難しく感じるかと思いますが、方法はいたってシンプルです。

まず【デザインを選択】でベースとなるデザインを選択します。
続いてそのデザインの【カラーA、B、C】の最大3カ所にそれぞれ色を指定するだけです。

プレビューもh2タグを配置した部分を右側に表示しておけばデザインを色々試しながら更新せずに確認ができます。

 

下記はすべて見出しの例の画像です。
一部の色はデザインにあわせて適宜変更しています。

ワードプレスのおすすめテーマ【THE THOR】ザ・トールの機能紹介見出しのデザイン
【下線-基本】

 

ワードプレスのおすすめテーマ【THE THOR】ザ・トールの機能紹介見出しのデザイン
【左下線-左2色】

 

ワードプレスのおすすめテーマ【THE THOR】ザ・トールの機能紹介見出しのデザイン
【背景-ストライブ】

 

ワードプレスのおすすめテーマ【THE THOR】ザ・トールの機能紹介見出しのデザイン
【背景-はみ出す線】

 

ワードプレスのおすすめテーマ【THE THOR】ザ・トールの機能紹介見出しのデザイン
【グラデ-ラウンド】

 

ワードプレスのおすすめテーマ【THE THOR】ザ・トールの機能紹介見出しのデザイン

【丸マーク-グラデ上線(文字黒)】

 

※カスタマイザー画面では背景色の設定で区別つける為かほとんどの設定画面のプレビューの背景色はグレーとなってます。
特に指定していなければ公開したページの背景色は白で表示されますのでご安心ください。

 

以上で見出しの設定の説明は終わりです。

・・・操作方法はご案内する必要はなかったかもしれませんね(笑)。

ただぞれだけザ・トールでは簡単に豊富なデザインが指定できるということを知っていただく為、今回ご案内させていただきました。

 

H2やH3の見出しの文言もコンテンツの内容を要約する役割としてSEOに影響するといわれていす。
文言とあわせて目立つカッコイイデザインも楽しんでみてください!

スポンサーリンク
>THE THOR(ザ・トール)はサイトアフィエイトの強い味方です

THE THOR(ザ・トール)はサイトアフィエイトの強い味方です

ザ・トールはデザイン性・機能性・利便性・SEO対策・収益面などあらゆる場面で力強いサポートをしてくれます。 一度公式ホームページをご覧ください。

CTR IMG