はるなぴログ

WEBサイト作成技術研究

はてなブログテーマInnocentのデフォルト表示を見た感想

はてなブログのテーマInnocentを使っています。

テーマストアで見るとInnocentは人気順の3位に入っています。この前の記事でデフォルト表示をいろいろと確認してみました。しかしCSSをカスタマイズしていくと記事の見栄えも変わってしまいます。

覚えているうちに感想を書いておきます。

f:id:hal7pi:20180608130724j:plain

見出し(Hn)

Innocentのデフォルト状態の見出しは、文字サイズが大きくなるだけでした。

f:id:hal7pi:20180608130613p:plain

装飾はいっさいありません。色も黒ベースです。非常にシンプルです。

逆にシンプル過ぎてこのままでは使わないという人も多いのではないかと思います。H5やH6だと太字と大して変わりません。まぁH5やH6まで使うことは少ないとは思いますが…

ここはCSSカスタマイズですね。逆に自分でカスタマイズするのが面倒という人は他のテーマに流れてしまうかもしれませんね。

強調表示

強調表示にもほとんど手が入っていません。

f:id:hal7pi:20180608130610p:plain

emタグは斜体表示されます。これはストップしておきたいところ。日本語では斜体は強調の意味に取られないと思います。

strongタグは太字表示です。これはOK。ですがemタグの斜体は止めて代わりに赤太字を導入したいところです。

markタグは普通に蛍光ペン表示です。しかし背景がキツ過ぎます。これはいつも思います。却って読みにくいと思います。もっと薄くていいのにと思っています。

いろいろとカスタマイズできそうです。

リストについても特段の修飾はありませんがこれはOK。

コード

f:id:hal7pi:20180608130607p:plain

インラインコードはピンク色の文字色に囲み枠という修飾が入っています。非常に分かりやすいです。

f:id:hal7pi:20180608130605p:plain

コードブロックは囲み枠だけ付きます。これは物足りないですね。背景を黒に文字色を白にしたいと思います。

ブロッククウォート

f:id:hal7pi:20180608130602p:plain

これはダブルクォーテーションマークの装飾つきの囲み枠で表示されます。かなりいいのではないでしょうか。

テーブル

囲み枠はなく、行ごとにまとめた表示となります。少し物足りないかな。

f:id:hal7pi:20180608130252p:plain

テーブルはきちんと囲み枠で囲われた方がなじみがありますね。

まとめ

はてなブログテーマInnocentはCSSカスタマイズすることを前提に作られていると感じました。いろいろと手を入れる楽しみはありそうです。

逆にそんなの面倒くさい。お仕着せでもいいからスグ使えるテーマが欲しいという人は他にいってしまうかもしれません。

Innocentをベースに独自テーマを開発してみるのも面白いかもしれないと思っています。