（はてなブログ）テーマをCappuccinoにしました（カスタマイズまとめ）

こちらは引っ越し前のはてなブログでの記事になります

2021年は心機一転テーマを大改造しました。

しばらーくデザインは放置されていたこのブログですが（実は７年前のまま）、テーマを一新することで見違えるほど今っぽいブログになりました。

使ったテーマはCappuccino！

使ったテーマはこちらです。カフェっぽい雰囲気と落ち着いた色味が気に入っています。

安直ですがこのテーマである「カプチーノ」をそのまま活用して、カプチーノ素材写真を集めていざ製作開始です！

自由にカスタマイズできるよう製作者の方がたくさんTipsを用意してくれていて、こちらのブログを参照しながらいくつかカスタマイズしてみました。はてなブログのカスタマイズ初心者でも簡単にできたので、いくつか紹介します。

グローバルメニューorおすすめ記事？

ブログ記事を探す際、大事なのはカテゴリなどの記事をまとめて俯瞰できる機能ですよね。

デフォルトでもあるのですが、スマホだと記事下で遠いし、シンプル過ぎてもうちょっと工夫したくなります。

どちらもアクセスしやすくデザインも好みだったのですが、スマホで見た時にグローバルナビゲーションだとハンバーガーメニューになってしまうのを避けたくておすすめ記事の方を採用しました。老眼にはハンバーガー見つからぬ…

これでスマホでもバッチリ表記されます。しかしグローバルメニューの帯のデザインも気に入っていたので、人気記事を紹介する帯として採用しました。

人気記事の帯の入れ方はこちらを参考にしました。これはかなり目立つ＆お洒落！

固定ページでホームページ風に

カテゴリ一覧ページとサイトマップは固定ページ（はてなブログProの機能：有料）で作成しました。参考にしたブログはこちら。こちらのブログのトップページは洗練されてて素敵です。

その他コピペカスタマイズまとめ

お問い合わせページ？

サイトマップにリンクしたお問い合わせページはこちらを参考にしました。Google FormをHTMLでリンクしています。

フキダシのデザインは？

会話形式のフキダシはこちらのコード集から簡単に作れました！

このブログ内の画像を２枚並べるコードもこちらに掲載されています。

読者になるボタンは？

こちらの記事を参考にしました。マウスオーバーで色が変わるところも素敵です。