Applies to: WordPress

WordPress 說明

使用 CSS 變更 WordPress 選單外觀

有時候，主題功能無法滿足網站的設計需求。舉例來說，您可能會想使用預設並未提供的色彩，或想左右稍微移動頁面上的元素。您可以利用 WordPress 儀表板的 CSS 變更這些內容。

注意：這些 CSS 變更只會套用到目前啟用的主題，即使主題更新後，還是會保留這些變更內容，您不需要建立子主題。如果您切換了啟用的主題，則需要再度套用 CSS 變更內容。
  1. 登入 WordPress。
  2. 點選左方選單的「外觀」，然後點「自訂」。
    注意：如果您點選「外觀」後，並未看到「自訂」，而是顯示「編輯器」的話，以下會說明如何使用新的網站編輯器編輯選單設計或新增自訂 CSS。
  3. 點選左方選單的「其他 CSS」。
  4. 在下方欄位中輸入想使用的 CSS 程式碼。
  5. 點選「發佈」。

現在所有網站內經過編輯的選單都可以看到變更內容了。

注意：如果您在重新載入瀏覽器之後，依然沒看到變更內容：
  • 如果網站使用 Managed Hosting for WordPress，請清除這個平台使用的內建快取。
  • If your site is not on Managed Hosting for WordPress and you use a third-party caching plugin, clear the plugin cache. For assistance on how to do this, check the documentation for that particular plugin.
完成後，請用 Chrome、Firefox 或 Edge 的私人瀏覽模式進入您的網站。

更多資訊