綾なす

つまみ細工の小物作成

デザイン変更ー私が行ったこと

f:id:kami3saki:20190723125238j:plain

ブログを始める際、どこが良いか皆さんも検討したと思います。
私の決定ポイントはHTMLやCSSが編集できる点。

今はminimalismを使っていますが、最初は別のテーマを使っていました。
メニューが欲しくてminimalismに変更しました。

私がカスタマイズした点は2つ。

  • 「上に戻る」」ボタンを設置。
  • コンテンツ部分の背景を変更。

「上に戻る」ボタン

これは結構、皆さんブログで取り上げていましたのでコピー&ペーストで簡単に設置できました。
参考にさせていただいた記事はコチラ↓

azanaerunawano5to4.hatenablog.com

【画像あり】はてなブログで「上へ戻る」ボタンを設置する方法

https://www.aniota-alvarado.com/entry/2017/05/16/185810https://azanaerunawano5to4.hatenablog.com/

 

但し、ヘッダー部分の記述は以下のとおりに変えました。


設定>詳細設定>headに要素を追加

<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

コンテンツ部分の背景

minimalismに背景を指定するとコンテンツ部分含め、全て背景画像もしくは背景色となってしまいます。
メニューも浮いてしまう。
そのためコンテンツ部分をメニューと同じ白にしました。

デザイン>カスタマイズ>デザインCSSに以下を記述。

#container {
background:#fff;
}

白以外を指定したい場合 メニューの白が浮いてしまうのでメニューも含めて記述。

たとえば、サーモンピンクの場合

#gnav,
#container {
background:#fbc195;
}

minimalism以外のテーマをお使いの方は#containerや#gnavの部分が変わる可能性があります。

***

あまり高度なことはできませんが、以上 私が行ったデザイン変更です。