【tones】ブログの背景画像を設定、次ページボタンの色付け【hatenablog】

  • 投稿 : 2019-02-20
はてなブログのテーマ「tones」
http://blog.hatena.ne.jp/-/store/theme/17680117126967059287

はてなブログのテーマ「tones 3x」
http://blog.hatena.ne.jp/-/store/theme/17680117126976149009

背景画像の設定

tones-background01.jpg

「デザイン」=>「カスタマイズ」=>背景画像 のところで簡単に設定できます。

背景画像・背景色を設定すると雰囲気が一気に変わります。よくできたデザインのブログは、背景の設定の仕方がうまいと思います。

グリッド表示の背景色を設定

tones-background02.jpg

標準では一覧のグリッド表示の背景が透明になっています。背景画像によっては見にくくなるかと思います。

tones-background03.jpg

グリッドに背景色を設定すると、見やすくなる場合があります。たとえば、白色に設定すると上記のような感じになります。

.page-archive .archive-entry{
  background: #fff;
}

「デザイン」=>「カスタマイズ」=> 「デザインCSS」に上記を追加するだけで、背景色が白色になります。「#fff」の部分が色の指定です。

ボタンの背景色を設定

tones-background04.jpg

前の記事、次の記事を読むボタンの背景色の指定は、背景色は以下のようにすると可能です。

.pager .pager-next {
  background: #fff;
}
.pager .pager-prev{
  background: #fff;
}

「デザイン」=>「カスタマイズ」=> 「デザインCSS」に上記を追加してください。

スポンサーリンク