ブログ小改修

2024-02-13

前々から先送りにしていたブログの色彩変更を行った。

落ち着いた配色で無難に纏めようと頑張ってみたのだが如何だろう…。
実は数日前に万年筆の話をTwitterでつらつらと書いていたのはこのブログ配色についての布石だったのだ……。(あの系統の色合い)

ページネーション部分の色と形がサイト内で浮いてたのでLuxeritasの子テーマのスタイルシートをちょちょいと編集して。

これを

これに

以下、参考までに子テーマのスタイルに追加した謎の文字列。

/* ページネーションの色変更と形状カスタマイズ */
/* ページネーションの色変更*/
.pagination .active span {
	background-color:#任意のカラーコード;
}

.pagination li a:hover {
	background-color:#任意のカラーコード;
	color:#任意のカラーコード;
}
/* ページネーション形状変更*/
.pagination > li > a, .pagination > li > span {
	background-color:#任意のカラーコード;
	border:1px solid #任意のカラーコード;
	border-radius: 10px;
}
.pagination > li {
	padding:0 3px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > .not-allow:first-child > span:hover{
	border:1px solid #任意のカラーコード;
}

追記

  • メインコンテンツ部の背景色を変更(2/6 追記)
  • 旧記事の表示が乱れている部分があるので全記事を修正(2/7 追記)
  • グローバルナビ(ヘッダー下のメニューバー)をPC画面で上スクロール時に半透明で固定表示するように変更(2/14 追記)
  • サイト軽量化のため、画像配信をWebp配信ベースへ移行(非対応ブラウザでは従来のjpeg配信)


2023,Misc,Website&BlogBlog

Posted by u2