ブログ記事の中にあるリンクのテキスト色を青色にしてみた

当サイトの記事には広告が含まれます

 WordPressをインストールしたあとに特に文字の色などは変更してこなかったのですが、どうもハイパーリンクの属性を持つテキストの色が他の文字の色と同じで識別がしにくいという欠点がありました。

 またグーグルアドセンスの公告の中にあるテキストリンクの色は青でとても目立つのですが、まわりのテキストの色とここだけ大きく違うので、なんとなく違和感があります。これではアドセンスの収益にも影響があるかもしれないと思い、アドセンスのリンク属性を持つテキストの色と、その他の記事本文やメニューの中にあるテキストリンクの属性を持つ文字の色を一緒にしてみました。今までと比べると、ちょっと騒々しくなった感じはしますが、少なくともテキストリンクのある場所は目立つようになったと思います。

 修正の方法は簡単でした。スタイルシート上で二箇所を修正するだけです。「管理画面→表示→style.cssを編集」でスタイルシートの編集画面にします。そして、20行目くらいにあるところのcolorを変更します。これでメニュー画面以外のリンク属性を持つテキストの色が青に変わるはずです。

a {
color: #0000FF;}

 また、中盤以降程度にあるmenuに関するリンク属性の定義の部分を下記のように直すと、メニュー部分のリンク属性を持つテキストの色が青に変わるはずです。

menu ul li ul li a {
color: #0000FF;
text-decoration: none;
}

 まずは上記の二箇所だけを直しておきました。もしかすると使用しているテーマにより直すところが変わってくるかもしれません。編集する前のもとのスタイルシートの内容はテキストエディタか何かに貼り付けてどこかに保存、バックアップし、スタイルシートの編集でうまくいかなくなってしまったときには、またバックアップファイルの内容から元に戻せるようにしておくことをお勧めします。

コメント