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

背景画像の設定

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

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

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

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

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

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

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

ボタンの背景色を設定

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

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

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