如何移除連結底線樣式

如何移除連結底線樣式 remove links underline?有很多朋友 WordPress 升級到最新版本以後發現,網站內容的連結樣式多了底線的設計,這應該是自 WordPress 5.8 版本以來,為了加強對於無障礙使用(Accessibility)所增強的設計,如果你不喜歡這樣的設計方式,很簡單可以從自訂的樣式去做修改就可以了。

如何移除連結底線樣式

  1. 登入 WordPress 網站控制台,接著到外觀/自訂,找到「附加的 CSS」,填入以下 CSS 語法。
    • :root a:not(.wp-element-button) {text-decoration: none;}
  2. 如果是使用區塊佈景主題的朋友,應該找不到步驟一的「附加的 CSS」,可以試著在控制台網址後輸入 wp-admin/customize.php 應該就可以看到「附加的 CSS」。
  3. 喜歡使用區塊編輯的朋友,可以在外觀/編輯器/樣式,點擊樣式的編輯(右上的鉛筆圖示),在右側編輯選單找到「排版樣式/連結/外觀裝飾」,選擇想要的樣式,例如 – 無,這樣連結就不會出現底線了。