いちcafe日記

一日、いちcafe。大好きな毎日のカフェタイムに思うこと、学び得たこと、実践したことを綴っています。

はてなブログのデザイン「Minimalism」にナビゲーションメニューを設置する方法

超簡単!はてなブログのデザイン「Minimalism」にナビゲーションメニューを設置する方法

 

ブログ開始3ヶ月目に、はてなブログのデザインを「Minimalism」に変更して、カスタマイズしてみたシリーズ。

 

今回は、そのステップ3:

ナビゲーションメニューの設置

についてご紹介します。

f:id:kayoko_cafe:20200330173616j:plain

 

ナビゲーションメニューとは

「ナビゲーションメニュー」は、ブログの最上部にあるタイトルの、すぐ下にあるメニューのことです。

 

私のブログは、日々のいろんなことを徒然に書いている雑記ブログなんですが。

100記事近く書いてきた段階で、いくつか記事数の多いカテゴリーが浮かび上がってきたので、そのカテゴリーをナビゲーションメニューにしようと思っています。

 

ナビゲーションメニューを設置

 これも、「Minimalism」の「使い方・注意事項」ページに書かれてある通りに行うだけの、簡単操作でした。

 

「Minimalism」の「使い方・注意事項」ページにある「ナビゲーションメニューを設置する」の下にあるCSSコードをコピー

 ↓

自分のブログの管理画面

 ↓

デザイン

 ↓

工具アイコン

 ↓

ヘッダ

 ↓

「タイトル下」の入力欄に貼り付け

 ↓

変更を保存する

 

で完了です。

 

 

ここまでは、簡単カンタン♪

問題は、次。ナビゲーションメニューの変更。

ここから私、ちょっと苦戦します。(笑)

未知の世界、初体験、学び多きCSS

 

 

kayoko@おうちcafe

 

 

はてなブログのデザインを「Minimalism」に変更して、カスタマイズしてみたシリーズ

 

✳︎ はてなブログのテーマストアから「Minimalism」をインストール

✳︎ レスポンシブデザインに設定 

✳︎ ナビゲーションメニューを設置 (ここ)

✳︎ ナビゲーションメニューの変更

✳︎ 記事下にシェアボタンが表示されるよう設定

✳︎ 記事内の見出しデザインを変更 

✳︎ お問い合わせフォームの設置