リンクを目立たなくする

こんにちは。
アメブロ簡単カスタマイズの松田です。

ブログには記事本文のみならず、記事エリアの前後やサイドバーまで非常にたくさんのリンクが貼ってあります。

読んでくれている人にここをクリックしてもらいたいと考えた時、そのリンクが目立つように配置してやる必要があるのですが、目立たせるには工夫が要ります。

文字を大きくしたり色を変えたりして目立たせる方法もありますが、発想をを少し変えてクリックしてもらわなくてもよいリンクは、リンクだとわからないようにしておけばおのずとクリックしてほしいリンクを目立たせることができます。

リンクを目立たなくさせる簡単な方法はテキストの色と同じ色に設定することです。
例えばここ、記事のタイトルのすぐ下にあるテーマカテゴリの表示。



普通はテーマの種類がリンクの色になっています。
しかし私のブログを見ていただくと、テキストの色と同じになっています。

ちなみにこれをクリックすると、同じテーマの記事のみを表示するブログに変わるのですが、特にそれをしたからといって何かが見やすくなったりはしません。

こういった不要なリンクは極力テキストカラーと同じ色にしてしまって、本来クリックしてほしいリンクだけをわかる色にすると効果的です。

以下のCSSを追記するとタイトル下のテーマの種類のリンクがグレーになります。


同様のやり方で、不要なリンクの色をテキストと同じ色にするCSSを追記していくと、見てほしい（クリックしてほしい）リンクだけをリンクだと認識してもらうことが可能になります。

また、リンク以外の色もこの記事に書いているような配色にすると、読みやすくわかりやすいブログにすることができます。