はてなブログテーマ「Color Book」を公開しました。 Color Bookとは「ぬり絵」のこと。 デザインを最小限におさえたことで、ぬり絵を塗るように色やデザインを自分好みにカスタマイズできます。 もう一つ大きな特徴は、ヘッダー画像がレスポンシブ対応してい…

はてなブログテーマ「Color Book」の基本カスタマイズ方法を解説していきます。 参照までに、カスタマイズしたブログ↓ https://www.nijinokosodate.com/ 基本設定。 ヘッダー画像を設定しよう。 背景色または背景画像を設定しよう。 カテゴリーの背景色と文…

はてなブログテーマ「Color Book」にグローバルナビを設置する方法を解説していきます。 できあがりはこんな感じです↓ パソコン画面 スマホ画面 スマホ画面、メニューを開いたところ jQueryを読み込む。 HTML、jQueryをコピペ。 メニュー名とリンク先を変更…

スマホ・タブレットでは、 グローバルナビのメニューを押すと↓ 記事の部分まで下にビヨーンと伸びてしまいます。 これを無くして、グローバルナビをこのように半透明に固定させたい場合は↓ 下のコードを「デザイン」→「カスタマイズ」→「デザインCSS」にコピ…

このテーマ(Color Book)は記事一覧のアイキャッチ画像が正方形に近い形をしているので、 横長の画像を設定した場合に左右が見切れてしまうんですよね。 特にスマホ画面。 例えば下の画像を設置すると↓ 左右が見切れてしまう↓ これを見切れないようにするには…

当はてなブログテーマ「Color Book」のトップページを2カラム（列）のカード型にする方法を書いていきます。 ご要望がありましたので、CSSを考えてみました。 完成形 CSS 完成形 まず、2カラム（列）のカード型とはどんなものかをお見せします。 パソコン画…