【はてなブログ】「彼女♡ごはん」のカスタマイズ
もう1つのブログ
テーマを変えるとカスタマイズ方法も変わってしまい、
カスタマイズに費やす時間がもったいないかなぁ～と思ってこのブログと一緒にしてましたが、
テーマストアに使ってみたいテーマがあったので「Report」から「ZENO-TEAL」に変更しました
そこで「彼女♡ごはん」でのカスタマイズを自分のメモ的に、、、、
- サイドバーモジュールをタブメニューへ
- サイドバータイトルに背景色をつける
- トップへ戻るボタンの設置
- SNSシェアボタンのカスタマイズ
- ヘッダー画像の設定
- ヘッダー下にプルダウンメニューを設置
- 記事下に関連記事の設置
サイドバーモジュールをタブメニューへ
サイドバーの項目を縦に並べずにたっぶメニューで切り替えて縦にすっきり出来る方法
これはゆきひーさんのページを参考にさせて頂きました
サイドバータイトルに背景色をつける
サイドバーへの背景色は下記のタグをデザインCSSにはりつけました
.hatena-module-title {
border-bottom: 3px solid #000000;
background: #ffe5e8;
color: #000000;
}
う～ん、、、タイトルの幅をタブメニューのように細くしたいんだけど、、、やり方がわかりません(>_<)
トップへ戻るボタンの設置
ページを下にスクロールした時に一気に上まで戻すボタン
これはあくあのーとさんのページを参考にさせて頂きました
SNSシェアボタンのカスタマイズ
SNSシェアボタンをデフォルトからオシャレなボタンに変更
これはshunさんのページを参考にさせて頂きました
ヘッダー画像の設定
これはこのブログで以前行ったカスタマイズをやりました
が、、、、
/* ブログタイトルを消す始まり */
#title,#title a {ｄｄｄ
font-size:0%;
}
/* ブログタイトルを消す終わり */
/* ブログタイトルの説明を消す始まり */
#blog-description {
font-size:0%;
}
/* ブログタイトルの説明を消す終わり */
では、タイトルの説明は消えたものの、タイトルの文字が残ってしまったので
こちら(↓)のサイトを参考にコードを書き換えました
ヘッダー下にプルダウンメニューを設置
こちらも項目は全く決まっていませんが、取り敢えずプルダウンメニューを設置しました
この「税と暮らし」とはタイプの違うメニューですが、
こちらもサイドバーのタブメニュー同様にゆきひーさんのページを参考にさせて頂きました
記事下に関連記事の設置
このブログでも行っているMilliardを設置しました
このブログでのカスタマイズの経験が生きたのか、
「彼女♡ごはん」は思ったよりカスタマイズが捗ったような気がします
こっちのブログもまたちょいちょいいじってもっとスッキリしたものにしていきたいと思います(^_^)
