ブログテーマを「Haruni」に変更!変更したカスタマイズまとめ2019-11-10ブログテーマを「Haruni」に変更!変更したカスタマイズまとめブログのことタイトル通り、ブログテーマを変更しました!変更後のテーマはHaruniです!blog.hatena.ne.jpはてなテーマ内でも人気のテーマなので、見たことある人も多いのでないでしょうか。今回は忘備録も兼ねて、Haruniの紹介と今回行ったカスタマイズをまとめておきます。蛍光マーカーを追加ブログテーマ「Haruni」とは「Haruni」は、はてなのテーマストアでも人気で、トップ5に君臨しています(2019年11月10日時点)。以前までは「SHOHO」というテーマを使用していました。blog.hatena.ne.jpシンプルですっきりして好きだったんですが...ちょっとシンプルすぎるかなと思い始めて(笑)。私がカスタマイズ上手なら、もう少しオシャレに出来たかもしれませんが...初心者の私には難しかったので、それなら最初から華やかなデザインにしちゃえ!と思い立ちまして。前よりも写真がキレイに見えるようになった気がします!サイズが大きくなったからかな。あと何気にブログ開設して1年になるので、心機一転も兼ねてデザイン変更しました。カード型デザインって、今っぽさがあるので憧れていたんですよね~。インストールしてみて「おお~!」と興奮しちゃいました(笑)。「Haruni」に変更して行ったカスタマイズここから先は私の忘備録ですが、参考になれば是非。ちなみに、テーマを変更すると、今までのCSS全部消えます!ちゃんとCSSコピペしておいてくださいね!今回はテーマ変更とは関係なく、今までやりたかったカスタマイズも合わせて変更してみました。制作者のminimalgreenさんの記事を参考に変更しました。yumekawa.hatenadiary.comコピペだけで簡単!スマホからだとこんな感じになります。丸いボタンを押すと、しゅっとメニューが出てくる!インストールしただけで、こんな本格的なデザインになるとは!文字サイズを大きく今まで16pxにしていましたが小さい気がしたので、17pxに変えました。見やすくなった?はてなのテーマは、16px以下で設定されているものも多いみたいです。デザイン→カスタマイズ→デザインCSSの部分に、下のをコピペするだけです。17px;}見出しのデザイン変更h2の見出しを前よりもシンプルにしました。ボックスタイプの普遍的な見出しにしました。ブログデザインが華やかになったので、見出しはシンプルに。毎度の如く、サルカワさんの記事を参考にしてます。前からやろうやろうと思って全然出来てませんでしたので(笑)。こちらも製作者様の記事を参考に。yumekawa.hatenadiary.comさらに、目次のリストを番号順ではなく、黒四角(■←これね)にしています。Green蛍光マーカーを追加これも前からやりたかったやつ。