Demo1:Subheadline

AD Area
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Table of Contents

サイト内各ページの見出し(本文、サイドバー等)は、Hタグを使っている。当然のことながら、Hタグをカスタマイズすれば全てのHタグにカスタマイズが反映される(されてしまう)。

だがほとんどの場合、Hタグをカスタマイズしたいのは「投稿ページの見出し」だけのはず。そこで、投稿ページの見出しはクラス指定して再利用ブロックとして保管する。これを使い回すことで、問題を解消しつつ作業時間も短縮出来る。

このページは、クラス指定した見出しのデモページだ。この状態でのPSIスコアは下記の通り(スクリーンショット未貼付)。

  • PC:100
  • SP:85

クラス指定したH2見出し

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

クラス指定したH3見出し

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

クラス指定したH4見出し

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Recommends
Sleeping Puppy

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Recent posts
This is the Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Table of Contents

BIOHAZARD®は株式会社カプコンの登録商標です。
Play Station®は株式会社ソニー・インタラクティブエンタテインメントの登録商標です。

CTA-Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Check it now
Shingo Matsuura
Shingo Matsuura

マーケター/コピーライター。STRATEGY SUPPLIER所属。お気に入りゲームは「バイオハザードシリーズ」。最近「バイオハザード0 HD」にどっぷりハマったのがきっかけで、このサイトの題材として取り上げることとしました。