世の中そんなもの

日々の生活のどーでも良さそうなことに悩みが尽きない人の備忘録。ただの日記だよ。

はてなブログの見出しのデザインを変更したい

記事書いていたらどうも見出しのデザインが今一歩なので変えたいな、と。

 

はてなブログってすごいカッコいいデザインの人が沢山いて羨ましくて、私もやりたい!って思うんだけど、なんでだろう、数多くのデザインカスタマイズ紹介サイト、コピペで簡単!なんてのがあるのに、あと一歩かゆいところに手が届かない・・・;;

 

なんでだろう、なんでだろう、なんでだろう・・・(心の声)

 

なかなか簡単にはいかないからまたメモだ。

 

あとテスト確認の為に、見出しのサンプル設定を。

大見出し

中見出し

小見出し

※デザインの最終更新 2018年10月10日 現在。

※これって、PC のみの反映らしいです。スマホ用は、レスポンシブルデザインではないので駄目みたい。

 

 

 ↓ ↓ ↓ 参考メモはここから ↓ ↓ ↓

ちょっと面白い参考があったのでそこは引用にさせてもらいました。

 

はてなブログの大見出しは「h2タグ」ではない!? - つなろっく さんから引用。

カスタムCSSにおしゃれな見出しコードを追加して、ブログを表示させてみたのですが、h2見出しが表示されないのです。

  ~ 中略 ~

HTMLで見出しコードを設定して表示させてみるとこのようになります。

f:id:pea-nut:20180501174807p:plain

 こちらは、はてなブログの見出しタグを設定したものです。

f:id:pea-nut:20180501175522p:plain

見出しタグはこのように設定されているようです。

「大見出し」=「h3タグ」

「中見出し」=「h4タグ」

小見出し」=「h5タグ」

 

 

 

 

 <過去記事>