記事タイトル（h2）のリンクの下線を消す方法
最近リクエストを貰って「あぁ、確かになぁ」と思ったのがコレです。「記事タイトルのリンクの下線を消す方法」ですね。
トップページやカテゴリーページにズラーっと表示される記事は、初期状態では以下のようになっています。
これってあんまり気にしてなかったんですけど、確かにデザイン的にも意味がないですし邪魔ですね。なのでこの見出しのリンクの下線を消す方法をご紹介したいと思います。
まず賢威の管理画面（ダッシュボード）から「外観―＞テーマ編集」を選択し、「design.css」を選択してください。そしたら以下のソースを探します。
/*●H2タグ*/
#main-contents h2{
margin: 0 0 1.5em;
padding: 0.9em;
border-top: 3px solid #000;
background: url(./images/title/bg-conts-h2.gif) left top repeat-x #eaeaea;
font-size: 1.286em;
font-weight: bold;
}
見つけたら、この真下に以下の記述を追加してください。
/*●H2タグ*/
#main-contents h2{
margin: 0 0 1.5em;
padding: 0.9em;
border-top: 3px solid #000;
background: url(./images/title/bg-conts-h2.gif) left top repeat-x #eaeaea;
font-size: 1.286em;
font-weight: bold;
}
#main-contents h2 a{
text-decoration: none;
}
以上で完了です。あとは更新してトップページやカテゴリーページをチェックしてみてください。
以下のように下線が消えてスッキリしていると思います。
賢威は数多くのアフィリエイターやブロガーに長年に渡って支持され続けているSEO対策済テンプレートです。
WordPressでブログを運営している方で、本気でアクセスアップやSEO対策を狙っているなら、間違いなくお勧めです。
以下の記事で賢威の特徴や魅力について詳しく解説していますので良かったらご覧ください。豪華な特典のプレゼントもあります。
以下の記事で賢威の特徴や魅力について詳しく解説していますので良かったらご覧ください。豪華な特典のプレゼントもあります。
賢威がアフィリエイターに選ばれる理由 当サイト限定の賢威の購入特典はこちら
最近のコメント