アタックフォーメーション!

退職代行で突然仕事を辞めた30代1児のパパ(元自動車整備士)収入なくなって本当にどうしよう/(^o^)\

アタックフォーメーション!

css見出しデザインがブログトップにも反映されてしまう対処法

CSS 反映されない

 

続!ド素人がはてなブログのcssで悩んで解決したことをメモしておきます。

僕のような困ったさんも多いと思いますので参考にしていただけたらと思います。

今回は見出しデザインの変更後にブログトップの説明文にまで反映されてしまったのを修正しました。

はてなブログpro テーマはPLAINです。

2019/03/10追記:ZENO-TEALに変更しました

見出しデザインがブログトップにも反映されてしまう

↑この青い見出しデザインに変更してから困ったことが記事内だけではなくブログ全体に反映されてしまったことです。この見出しはh2なのですがテーマPLAINはブログの説明とカテゴリーもh2なのです。なので記事内の見出しデザインを変更するとブログ全体でh2が使われているところがすべてこの青いデザインに変更されてしまいます。

 

見出しデザイン

そこはデザイン変更したくない!

僕が入力していたCSSはこちら

 

h2{  お好みのデザインcss }

 

このようなcssで指示していたのが問題だったようです。これではh2全部に青いデザインに変更せよという指示が出ている状態なのです。

ブログ全体じゃなくて記事内のh2だけにデザイン変更せよと追加で記述します。

 

.entry-content h2 {  お好みのデザインcss  }

 

調べた限りほとんどのブログで使われている「ここが記事内です」と示している.entry-content。

これをh2の前に追加することで記事内のh2だけ青いデザインの見出しに変更できました!

 

見出し css

 青いデザインの囲いがなくなりましたね!

これでカテゴリー見出しを別のデザイン設定することができます。モノトーンのデザインに変更しようかな(^^♪

簡単なことでもド素人には難しいです。思っているようにできなかった場合に技術がないので対処できないです。結局はネットで調べまくるのですがレベルが低すぎてなかなか答えにたどり着かなかったり...これからもはてなブログについて自分が困ったこと解決したことをメモしていきます。

 

最後まで読んでいただいてありがとうございました☆

 

あわせて読みたい

www.attack.work