はてなブログのテーマをInnocentに変えてみた&カスタムしてみた

今日はてなブログのテーマをInnocentに変えてみました

Innocent – テーマ ストア

Innocentを選んだ理由は

テーマストアの人気ランキング1位だったから

そしてレスポンシブデザイン対応だったから

この2つだけです

しかしこのInnocentはカスタムしやすいように

かなりシンプルに作られています

カスタムしないで使うのもいいのですが

シンプルすぎると見ている側もつまらないと思うので

今回は少しカスタムしてみました

まずははてなブログの大見出しタグをH2に変更しました

見出しタグの説明や変更の仕方は以下のサイトを参考にしました

このH2へ変更するメリットは

上位表示がしやすいのでは?と言われています

しかし上の文だけ読めば

「なぜこんな曖昧な言い方なの?」と思われるでしょう

実はこのH2タグに変更しても効果はかなり少ないと言われています

現に上記のサイトでも効果が少しはあったのかなという感じらしいです

そこまで神経質になる問題ではないですが

自分は変更しないとなんだか気持ち悪いので変更しました(;^ω^)

上記サイトに記載してあるソース、これをフッタの欄にまるまるコピーしました

*注意!今まで書いてきた全記事の見出しが変わります

サイドバーの区切り方

↑のサイトを参考・・・というかこれまたコピーさせていただきました(;・∀・)

このサイトは他にもいろいろとカスタムしているので参考になります

最後は見出しの表示方法

このサイトから自分の好みの見出しを選び

ソースをデザインcssにコピペするだけです

*注意!今まで書いてきた全記事の見出しが変わります

ここまで調べるのに4時間かかりましたorz

つ、疲れた(ヽ´ω`)

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク