WordPressブログ内のテキストリンク下線(アンダーライン)を消す方法

2022-12-25

WordPressブログ記事内のテキストリンクは通常、下線付きリンクになります。

ポイ活のnanacoで楽天ギフトカードを買って楽天キャッシュをチャージする方法

今回の記事では、テキストリンクの下線を消す方法を紹介します。

ポイ活のnanacoで楽天ギフトカードを買って楽天キャッシュをチャージする方法

このように下線は消えていますが、リンクとして機能しています。

下線があるとリンクとして認識しやすいですが、少しうるさいと感じることもありますよね。

本記事では、HTMLを編集して任意のリンクの下線を消す方法を紹介します。

HTML編集でリンクの下線を消す

リンクですが、

ポイ活のnanacoで楽天ギフトカードを買って楽天キャッシュをチャージする方法

このリンクをHTMLとして編集します

HTML編集では、上記リンクが表示されます

<p><a rel="noreferrer noopener" href="https://www.dr-harv.com/post3898/" data-type="URL" data-id="https://www.dr-harv.com/post3898/" target="_blank">ポイ活のnanacoで楽天ギフトカードを買って楽天キャッシュをチャージする方法</a></p>

ここで、追記を行います

<p><a rel="noreferrer noopener" href="https://www.dr-harv.com/post3898/" data-type="URL" data-id="https://www.dr-harv.com/post3898/" target="_blank" style="text-decoration:none;">ポイ活のnanacoで楽天ギフトカードを買って楽天キャッシュをチャージする方法</a></p>

赤字の style="text-decoration:none;" を追記すればOKです。styleの前は半角スペースが必要です。

ポイ活のnanacoで楽天ギフトカードを買って楽天キャッシュをチャージする方法

以上になります。簡単にできるので試してみて下さい。

  • この記事を書いた人

drーharv

マイペース勤務医。コロナ禍で今までのキャリアパスも通用しなくなっており稼ぐ手段を模索。様々な運用、副業などを試しています。医師生活、子育て、趣味などについても書き連ねています。何か参考になるものがありましたら幸甚です。

-ブログ