[対応:6.1] サイドバー「最近の投稿」など反転するリンク色を変更する方法

賢威6.1、サイドバーの「最近の投稿」や「コメント」など反転するリンク色のカラーを変更する方法をご紹介します。

hennkou

 

リンク色を確認する

賢威6.1ですが、カテゴリーなどは、アンカーテキストで表示されますが、「最近の投稿」「コメント一覧」など一部のウィジェットでカラーが反転するリンクになります。

通常:カテゴリーなど

ws000001

 

カラーが反転リンク

ws000002

このような感じで表示され、黄色っぽい感じで表示されます。
ここのカラーを変更したいって質問を頂きましたので、回答しようと思います。

 

リンク色の変更方法

1.まずは、変更したいカラーを選んでおきます。

原色大辞典
http://www.colordic.org/

こちらを参考に変更したいカラーを選び「#@@@@@@」を控えておきます。

 

2.WordPressにログインして、外観⇒テーマ編集をクリックします。
一覧からスタイルシート「design.css」をクリックしてださい。

ws000003

 

3.表示されたソースを下にスクロールすると「WordPress用」のソースが出てきます。

ws000005

 

4.↓よりやや下のある2箇所を変更してください。

/*————————————————————
WordPress用
————————————————————-*/

変更1箇所目

.sub-column .widget_recent_entries ul li a:active,
.sub-column .widget_recent_entries ul li a:hover,
.sub-column .widget_pages ul li a:active,
.sub-column .widget_pages ul li a:hover,
.sub-column .widget_nav_menu ul li a:active,
.sub-column .widget_nav_menu ul li a:hover{
background-color: #fc6; ←ココ
color: #fff;
}

変更2箇所目

.sub-column .widget_recent_entries ul li li a:active,
.sub-column .widget_recent_entries ul li li a:hover,
.sub-column .widget_pages ul li li a:active,
.sub-column .widget_pages ul li li a:hover,
.sub-column .widget_nav_menu ul li li a:active,
.sub-column .widget_nav_menu ul li li a:hover{ background: url(./images/icon/icon-menu02.png) 2px 12px no-repeat #fc6; } ←ココ

 

 

変更が終わりましたら、適用してください。
これで、リンクカラーが変更されます。

以上

賢威6.1 サイドバー「最近の投稿」など反転するリンク色を変更する方法でした。

コメントを残す

サブコンテンツ

このページの先頭へ