スポンサーリンク
![office by pixabay](https://farm2.staticflickr.com/1596/25226920475_e58df89a45.jpg)
2月の目標である、ブログのカスタマイズを行いました。
スポンサーリンク
目次
- タブメニュー
- カテゴリーのデザイン
- シェアボタン
- ヘッダとフッタの非表示
- 続きを読むボタン
タブメニュー
少ないスペースで多くの記事を紹介できる便利なメニューですね。
サイドバーに設置しました。
本当は「はてブ順」も作りたかったのですが、うまくできませんでした。
![サイドバーにタブメニュー](https://farm2.staticflickr.com/1513/24931314480_34e7d1f843_n.jpg)
ゆきひーさんの記事を参考にしました。
カテゴリーのデザイン
カテゴリーが目立つように色をつけ、タグっぽくしました。
![カテゴリーデザイン変更](https://farm2.staticflickr.com/1677/24931314550_1edc54323c_n.jpg)
あくあのーとさんの記事を参考にしました。
角を丸くする方法は、シェア猫さんの記事を参考にしました。
シェアボタン
サイドバーと記事下に設置しました。
![シェアボタン(サイドバー)](https://farm2.staticflickr.com/1634/24596271154_db51554148_m.jpg)
![シェアボタン(記事下)](https://farm2.staticflickr.com/1453/25133727581_030ed5b683_n.jpg)
こちらもゆきひーさんです。
何種類かあるうちのかわいい丸型にし、CSSを少し変更しました。(text-align:centerをなくして左揃えに)
ヘッダとフッタを非表示
先日ブログテーマをInnocentに変更してから、ヘッダとフッタの黒い部分が気になっていたので、非表示にしました。
ヘッダ
フッタ
↓↓
変更後、スッキリしました。
![PCヘッダー非表示](https://farm2.staticflickr.com/1577/25133727741_d420cb34e8.jpg)
敷島久之さんの記事を参考にしました。
続きを読むボタン
「続きを読む」ボタンと文字色を変更しました。
![続きを読むボタン変更](https://farm2.staticflickr.com/1505/24596421924_d877b2cebc_n.jpg)
Innocent の作者である半月さんのサイトを参考にしました。
カスタマイズ方法を丁寧に紹介してくださるブロガーの皆さんのおかげで、よりよいデザインにできました。いつもありがとうございます。
以上、パソコン版カスタマイズをご紹介しました。
スマホのカスタマイズ記事はこちらです。
スポンサーリンク