ブログデザインのMinimalismカスタマイズする。ナビゲーションメニュー設置からカスタマイズまで。適度に働くくらいがちょうどいい。ブログデザインのMinimalismカスタマイズする。ナビゲーションメニュー設置からカスタマイズまで。2021-01-08ブログデザインのMinimalismカスタマイズする。ナビゲーションメニュー設置からカスタマイズまで。備忘録記録おはようございます。ブログの更新が滞ってしまいました。ブログのデザイン変更とそして思い切ってのブログ名変更ブログデザインはストアでの人気順のトップでもある【Minimalism】を適用させていただきました。以前のデザインも良かったのだけど、やはりいちばん人気1位のMinimalismも使ってみようと思ったわけでシンプルなデザインベースにスッキリとした感じでそれでいて弱小ブログを引き立てれるようにカスタマイズしていこうと思った次第です。こんな弱小ブログにいちばん人気のブログデザインを選んでしまい心が痛む思いですがどうか・・・使わせてくださいまし。シンプルなMinimalismだけど標準機能で使用している人は少ないシンプルなゆえに標準機能のまま使っている人は少なく自分の思い描くカスタマイズがされているなぁと感じました。そんな私もブログ歴7年目なのでカスタマイズしてますが・・・笑笑そこで私がこのMinimalismをどのように弄ったかを忘れないうちに備忘録としてそしてこれからデザインを変えることもあるでしょうそんな方の参考の一つとなれば幸いです。カスタマイズはコピーペーストで完結します。先人が苦労されてきてブログにもカスタマイズの仕方が載っているのでほぼコピーペーストで一味ちがうMinimalismになっちゃいます。ブログ始めた方にも簡単コピーペーストで完結します。HTMLやCSSとかなんのこちゃわかりません。そんな方もご安心!!私も無知なのでわかりません。笑でも設置する場所くらいは認識していますので設置場所を間違いなければとても簡単ですので覚えておくといいです。画像サイズが合わず申し訳ないのと私はパソコンで作業しているのでスマホレシポンシブに設定してから作業を行ってください。●管理画面を開くと左側にダッシュボードとありデザインをクリックします。●クリックした先にスパナのマークがありクリックします。●クリックした先に赤枠で囲まれた部分に設定したいコードのコピーを貼り付けていきます。初心者ありがちなミスなので気を付けてください。●CSSコードを貼り付ける場所はデザインCSSのところだけです。ブログタイトル下にナビゲーションメニューの設置とカスタマイズナビゲーションバーはグーグルの評価も高いのでぜひ設置したいところでなので迷わず設置しました。Minimalismのナビゲーションは公式を引用させていただきました。ナビゲーションメニューデフォルトは以下の通りてなっていて一旦メモ帳などに貼り付けて作業することをお勧めします。一気にヘッダー貼り付けて行うと失敗することもあり得ます。●赤字のURL部分はご自身の表示させたいURLを貼り付けてください。●青地の部分はアイコンマーク🏠や⚙マークとなるので不要なら削除します。●グリーンの部分はコメント書き込み欄となっています。HOMEをブログトップを表示させたい場合はブログトップのURLコードを貼り付けコメント欄に「HOME」または「ホーム」と書き換えます。CONTACT</a></div></div></nav>ナビゲーションメニューのコード貼り付けたのが上の画像となっています。コピペで簡単に完結します。自分がわかっていればいい。そんなのばっかり検索に引っかかってきます。読んでいてさらにチンプンカンプンでイライラしまくりでした。ここからが本番ですよ。上記で設置したナビゲーションバーを好きな色やバーの太さを変更していきます。メニューバーのカスタマイズダッシュボード→デザイン→スパナマーク→デザインCSSと開いていきます。下記のコードをコービーしてデザインCSSに貼り付けます。私が手を加えたのは下記の赤い部分となっています。青系となってい最後の1は変更していないです。それぞれの値を変えていくことで同色になったり少し薄い色合いにしたりと変化が楽しめたりします。*/シンプルだったMinimalismの雰囲気が変わったでしょう。色の変更を自由に行えるので自分に合ったデザインにするといいでしょうね。最後にCSSに貼り付けて少し手を加えるだけで上記の画像になり物足りなりなさに変化が加わり雰囲気が変わったでしょう。カスタマイズした部分は他にもあるのですが長くなりそうなので今回はナビゲーションバー設置とカスタマイズまでとします。忘れないうちにまたちょこちょこと書き足していこうと思ってます。14:00関連記事2022-08-08購入して4年経つウインドウエアコンの掃除しました。時の流れは早い・・・。何のこ...2021-10-07ブログの問い合わせフォームをグーグルフォームからフォームズに変更しました。ナビゲーションバーが画面いっぱいまで広がっている...2021-01-05しれっとブログデザインを変更し、しれっとブログタイトルも変えました。ブログタイトル変えました。はてなブログProすっぽんは月になりたいそう私はすっぽん。プロフィール▶問い合わせ▶ランキング参加してます。クリックしていただけると喜びます。目新しく書くことないんですが。ワーキングプア実はひっそりと委託契約を結んでました。(3)ベイプリキッドhttps://xn--tckxa5c423yemxd.shop/a.cgi?p=3978&a=5665はてなブログをはじめよう!poor-zukunashiさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。