wordpress mesocolumn ページナビの色を変える
mesocolumn は完成度の高いレスポンシブに対応したテーマですが、そのまま利用すると微妙なところがあります。
まずはベージナビゲーションです。今何ページにいるかわからない課題があります。例えば以下の画面です。１ページ目に現在いるのですが、他のページ番号と色が同じで現在のページ番号がわからなくなります。
この例では１ページ目にいる
ＣＳＳをカスタマイズして直してみます。現在のページは他とＣＳＳが異なり、.wp-pagenavi .currentという属性を持っています。
なので、/home/homedqx/www/nm/wp-content/themes/mesocolumn/style.cssを直します。
#post-navigator .wp-pagenavi .current {
text-decoration: none;
height: auto;
width: auto;
margin: 0px 0.25em 0;
display: inline;
color: #FFF;
padding: 1em 1.2em;
background-color: #2FA6BB;
border:0 none;
}
background-color:を一段階濃い色である#2FA6BB;を使いました。
すると現在のページ番号を濃い色で塗ってくれるため、ページ番号がわかるようになりました。
一件落着！
