網站鏈接是否默認有下劃線,主要取決於瀏覽器的默認樣式和網站主題的 CSS 設置。通常情況下,網頁裡面的鏈接會自動加上下劃線,如下所示:
要移除 WordPress 網站中鏈接的下劃線,可以通過以下幾種方式來實現,主要是修改 CSS 樣式。
方法 1:在主題的自定義 CSS 中添加代碼
- 進入 WordPress 後台。
- 點擊 外觀 > 自定義。
- 找到 附加樣式(Additional CSS),然後添加以下代碼:
a { text-decoration: none; }
- 保存更改。
這樣可以全局去除所有鏈接的下劃線。
方法 2:在主題的 CSS 文件中修改
- 通過 FTP 或主機的文件管理器,找到主題的樣式文件
style.css
。 - 添加或修改以下代碼:
a { text-decoration: none; }
- 保存文件並刷新網站。
方法 3:僅在特定區域移除下劃線
如果只想針對特定區域或特定頁面的鏈接移除下劃線,例如文章內容區域,可以使用更具針對性的選擇器,例如:
.custom-area a { text-decoration: none; }
然後在需要的區域添加 class="custom-area"
。
方法 4:僅在滑鼠懸停時顯示下劃線
如果希望鏈接默認無下劃線,但在滑鼠懸停時顯示,可以使用以下代碼:
a { text-decoration: none; } a:hover { text-decoration: underline; }
注意事項
- 確保主題支持自定義 CSS:有些主題可能需要在主題設置中啟用自定義樣式。
- 不要直接修改主題核心文件:如果修改主題文件,後續主題更新可能會覆蓋這些更改。建議使用子主題或附加樣式。
- 檢查插件影響:部分插件可能自帶樣式,需針對插件生成的內容進行樣式覆蓋。
完成以上步驟後,刷新網站,鏈接的下劃線應該會消失。如果仍有問題,可以嘗試清除瀏覽器緩存或 WordPress 的緩存插件緩存。
請訪問我的YouTube頻道:Creative Web Dev,查看更多優質內容。
在查看完此文章的同時,您會發現以下資源也很有用:
✅如何順利轉移網站域名到另一個服務供應商?
✅如何免費申請D-U-N-S鄧白氏編碼?
✅如何使用D-U-N-S編號註冊Google的公司開發者賬號?
✅如何搭建 URL 短鏈接平台?
✅如何把網站封裝成 App 並上架 Google 和 Apple?
✅如何創建多語言外貿獨立站?
✅4 個最流行的WordPress免費主題
如果您喜歡這篇文章,請訂閱我的網站,您將會收到最新的資源分享信息。您還可以在YouTube和小紅書上找到我。