【Simplicityカスタマイズ】リンク箇所の下線が気になったので消してみました

久々にSimplicityをカスタマイズしてみました。
カスタマイズ作業がしやすいSimlicityですが、細かいところについてはコードに手を入れる必要があります。時には悩む場合もありますが、私には楽しい時間である場合がほとんどです。

さて、今回はリンク箇所の下線の有無が気になっていたので、その部分を変更することにしました。

気になり始めたリンク箇所の下線

Simplicityの場合、リンク箇所には下線が引かれるようになっています。カスタマイザーを使うと、リンク箇所の表示色を簡単に変更することができますが、下線を消すことはできません。

すべてのリンクに下線が引かれているのであれば、リンク表示色の変更ができるだけで満足していたと思います。ところが、当ブルグのようにプラグインを使って人気記事をサイドバーに表示させた部分のリンク箇所には下線が引かれないのです。初めは、あまり気にしていなかったのですが、下線の有無を統一したいと思うようになりました。

スポンサーリンク

リンク箇所の下線を消す方法

統一の方向性は次のような2つの方法が考えられます。

  1. 人気記事表示のリンク箇所に下線をつけること
  2. 現在リンク箇所で下線が引かれている部分の下線を消すこと

今回は、2つ目の方法を選択することにしました。リンク箇所の下線表示がうるさく感じたからです。調べてみると、リンク箇所の下線を消す方法を紹介する記事がたくさん見つかりました。

通常は下線を消して、ホバー時だけ下線が表示するようにしたかったので、次のようなコードをstyle.cssに追加しました。

これだけです。

まとめ

今回は前から気になっていたリンク箇所の下線を消してみました。カスタマイズは楽しいですね。カスタマイズしている時にカテゴリーの分け方とインストールしているプラグインを整理たいという思いが強くなってきました。時間を見つけて、少しずつ改善していきたいと思います。

NO IMAGE
この記事をお届けした
「bibalogue」の最新ニュース情報を
“ いいね してチェック!
スポンサーリンク