リンクの下線ってどうやって消すの?【WordPress】

この記事は約1分で読めます。
記事内に広告が含まれています。

リンクの下線が出たままでカッコ悪いよ~

スポンサーリンク

ブログカード主流の現在ですけど、リンクの下線を消したい場面はある

リンクの下線って正直邪魔ですよね。
現在ですと外部リンクを示すアイコン が横につけられていたりしますし。
もっとも現在ですとブログカードによるリンク表示が一般的。
あまり意識することもなくなってきたかと思います。

それでも何かの都合で困った方はいると思います。
投稿内はブログカードでも、サイドバーやその他は違いますし。
というわけでリンクの下線を消してみます。

スポンサーリンク

リンクの下線を消すコード

ここではサイト全体の下線を消す方法のみ記します。

下記のコードをヘッダーにコピペしてください。

a{
text-decoration:none;
}
a:hover{
text-decoration: underline;
}

スポンサーリンク

結論

マウスを乗せた時は下線が現れた方がわかりやすいと思うので、そうしてます
もしそれも不要なら、4~6行目は削ってください

サイトを始めたい・引っ越したい方へ

おすすめレンタルサーバー「ConoHa WING」
Webサーバー処理速度 国内最速!
サイト管理・カスタマイズのタイパも抜群!
自動化AIのWEXALによって他社より負担を減らせます
各種キャンペーン施策によりコスパも抜群!
ConoHaに初めて入会かつ12か月以上のWINGパックなら
下のボタン経由で契約すると最大5000円の割引が受けられます

この記事を書いた人
天満川 鈴

未経験からWEB業界に入り、現在はWEBディレクターとして実務に従事。
要件整理・導線設計・コンテンツ構成などを学びながら、日々改善を重ねています。
AIを活用したコンテンツ制作・効率化を強みとし、プロンプト設計を含めた制作フローの最適化にも取り組んでいます。
本サイトでは、WordPressやサイト制作に関する試行錯誤・検証内容を中心に発信。
技術検証の一環として、KUSANAGI公式サイトにて記事を2回紹介いただきました。

天満川 鈴をフォローする
カスタマイズ&プラグイン
タイトルとURLをコピーしました