Google Bloggerにて、h1～h4タグのデザインを変更するには？という話。
別サイトを、Googleの提供しているBloggerというサービスで運営しています。
こちら、無料ブログながら自由度が高く、使い勝手が良いサービスと感じています。
(WordPressには負けますが)
ただその自由度ゆえ、html/CSSの知識は必須。
見出しタグをきれいに見せるため、色々検索したので
備忘のため記事にしておきたいと思います。
方法は2種類。
①htmlタグで表現する場合 ※全Webサイト共通
hタグの中に、スタイルを指定することで表現ができます。
例えばこんな感じ。
<h4 style=”border-bottom: 1px solid #426579;border-left: 10px solid #426579;padding: 7px;”>h4タグ</h4>
こちらのサイトに、色々なテンプレートが載っているので
是非参考にしてみてください。
ブログ用見出しテンプレート[フラット系] | ショップハンター – 楽天ブログ
②CSSを修正する場合 ※Blogger専用
こちらのサイトが大変参考になります。
Bloggerの本文見出しをカスタマイズする – デジタル小噺
ポイントは2点。
・h4以降のタグを使うこと。（h1~h3は、記事タイトル等に使用しているため）
・編集画面からCSSを編集
利用頻度の高いタグについては、CSSで指定してしまった方がラクですね。
