LOGO 1

如何移除WordPress網站中鏈接的下劃線?

Remove link underline

網站鏈接是否默認有下劃線,主要取決於瀏覽器的默認樣式和網站主題的 CSS 設置。通常情況下,網頁裡面的鏈接會自動加上下劃線,如下所示:

link decoration

要移除 WordPress 網站中鏈接的下劃線,可以通過以下幾種方式來實現,主要是修改 CSS 樣式。

方法 1:在主題的自定義 CSS 中添加代碼

  1. 進入 WordPress 後台。
  2. 點擊 外觀 > 自定義
  3. 找到 附加樣式(Additional CSS),然後添加以下代碼:
    a { text-decoration: none; }
  4. 保存更改。

這樣可以全局去除所有鏈接的下劃線。


方法 2:在主題的 CSS 文件中修改

  1. 通過 FTP 或主機的文件管理器,找到主題的樣式文件 style.css
  2. 添加或修改以下代碼:
    a { text-decoration: none; }
  3. 保存文件並刷新網站。

方法 3:僅在特定區域移除下劃線

如果只想針對特定區域或特定頁面的鏈接移除下劃線,例如文章內容區域,可以使用更具針對性的選擇器,例如:

.custom-area a {
    text-decoration: none;
}

然後在需要的區域添加 class="custom-area"

方法 4:僅在滑鼠懸停時顯示下劃線

如果希望鏈接默認無下劃線,但在滑鼠懸停時顯示,可以使用以下代碼:

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

注意事項

  1. 確保主題支持自定義 CSS:有些主題可能需要在主題設置中啟用自定義樣式。
  2. 不要直接修改主題核心文件:如果修改主題文件,後續主題更新可能會覆蓋這些更改。建議使用子主題或附加樣式。
  3. 檢查插件影響:部分插件可能自帶樣式,需針對插件生成的內容進行樣式覆蓋。

完成以上步驟後,刷新網站,鏈接的下劃線應該會消失。如果仍有問題,可以嘗試清除瀏覽器緩存或 WordPress 的緩存插件緩存。

請訪問我的YouTube頻道:Creative Web Dev,查看更多優質內容。

在查看完此文章的同時,您會發現以下資源也很有用:

如何順利轉移網站域名到另一個服務供應商?
如何免費申請D-U-N-S鄧白氏編碼?
如何使用D-U-N-S編號註冊Google的公司開發者賬號?
如何搭建 URL 短鏈接平台?
如何把網站封裝成 App 並上架 Google 和 Apple?
如何創建多語言外貿獨立站?
4 個最流行的WordPress免費主題

如果您喜歡這篇文章,請訂閱我的網站,您將會收到最新的資源分享信息。您還可以在YouTube小紅書上找到我。

♻Share:
0 0 votes
Article Rating
Subscribe
Notify of
0 Comments
Oldest
Newest
Inline Feedbacks
View all comments

Related Posts

Download Resources
Website Launch Checklist

14点WordPress网站
启动检查清单


让你的网站带来更多的访问者和流量!

FREE DOWNLOAD

Send download link to:

Most Popular Posts
Recent Posts
Categories
Most Popular Tags
Translate »
Scroll to Top