Color Book

テーマ「Color Book」のデモブログです。

はてなブログテーマ「Color Book」を公開しました。特徴を解説。

はてなブログテーマ「Color Book」を公開しました。

 

Color Bookとは「ぬり絵」のこと。

デザインを最小限におさえたことで、ぬり絵を塗るように色やデザインを自分好みにカスタマイズできます。

 

もう一つ大きな特徴は、ヘッダー画像がレスポンシブ対応しているということです。

スマホ・タブレットでも画像が見切れません。

 

くわしく解説していきます。

 

カスタマイズ性に優れたテーマ。

デザインを最小限におさえたことで、背景や見出しなどのデザインを自分好みにカスタマイズできます。

パソコン画面

スマホ画面


背景は「デザイン」→「カスタマイズ」→「背景画像」または「背景色」から簡単に変更可能。

 

記事やサイドバー部分の背景は白にしてあるので、いい感じに背景がつきます。

 

 

見出しや目次にもあえてデザインを付けていないので、ご自身で好みのデザインを付けてください。

 

これはカスタマイズした一例です↓

https://www.nijinokosodate.com/

 

カスタマイズ方法はこちらでくわしく解説↓

はてなブログテーマ「Color Book」の基本カスタマイズ方法。 - Color Book

 

ヘッダー画像もレスポンシブ対応。

このテーマはデザイン全体がレスポンシブ対応なのはもちろんのこと、

ヘッダー画像もレスポンシブ対応してます。

スマホ・タブレットでも画像が見切れずきれいに表示されます。

 

「画像とテキストを表示」・「画像だけ表示」どちらも対応しています。

 

「画像とテキストを表示」の方が高さを少し多めに取ってます。

 

アイキャッチ画像が大きめで見やすい。

アイキャッチ画像を大きめにしてあります。

 

また、スマホでも一画面に5記事くらい(ギリ)目に入ってくるので見やすいです。

 

あえてブログらしいオーソドックスなデザインにすることで、ブログ慣れしていない人でもとまどいなく見れるようにしました。

 

グローバルナビ対応。

グローバルナビを設置することもできます。

 

設置のしかたはこちら↓

はてなブログテーマ「Color Book」にグローバルナビを設置する方法。 - Color Book

 

 

基本カスタマイズ方法はこちら↓

はてなブログテーマ「Color Book」の基本カスタマイズ方法。 - Color Book

 

以上です。