こんにちは！かきたろー(@kakitaroo_)です。
はてなブロガーのみなさんは、なにかしらのテーマを使っていると思います。
テーマには初めからCSSが組み込まれていて、追加で欲しいコードをデザインCSSに書き込んでいくのが一般的ですよね。
でもテーマのデフォルトより、ちょっとだけ幅や余白を変えたいときってないですか？
デザインCSSに書けばいい
単純に上書きすればいいんです。
普通に書いても反映されないときは、セミコロン(;)の前に!importantと入れれば優先順位が上がるので反映されるはずです。
これで問題ないといえばないんですけど、細かいこと言うとテーマ側で決めたものに対して上書きするということは、二重に読み込んでいることになります。
あまり詳しくないのですが、これが増えるとページ全体の読み込みが遅くなることに繋がるそうです。
二重読み込みをやめる
二重に読み込むと遅くなるなら、それをやめれば速く読み込まれるはず！
ということで、テーマを直接いじっちゃいましょう！
CSSを手に入れる
まず使っているテーマのCSSを手に入れます。
デザインCSSの1番上にURLがあると思います。
これがCSSのアドレスですので、このままブラウザで開きます。
するとズラーっとコードが表示されるので、テキストエディタかなにかにとりあえず全部コピペしましょう。
二重読み込みされないように、必要なところを編集して保存しておきます。
テーマストアで新規作成
次にテーマストアにいって、新しいテーマを作ります。
ここにCSSを入力するところがあるので、先ほどのコードを貼り付けて新規作成します。
このとき必ず非公開で作成しましょう。
オリジナルテーマならいいですが、誰かのテーマを少しいじっただけではパクリになります。
新しく作った非公開のテーマを適用すれば完成です。
少しだけ効果あり
実際に何箇所かあった二重読み込みをなくしてみたところ、ほんの少し速く読み込まれるようになりました。
元のテーマから大幅に変更しなければ、ちょっとCSSが読めれば簡単にできるのでやっておいて損はないと思います。
ただ、そのテーマを使っている人数のカウントが減ってしまうので、作成者の人には申し訳ない気がします。
もしかして違反？？だとしたらやめますので教えてくださいヽ(；▽；)ノ
というわけで、カスタマイズの記事でした。
読み込みの速さは課題ですね。