如何新增或變更 WordPress 管理圖示（2 種簡單方法）

自訂 WordPress 儀表板可以改善使用者體驗。一個簡單的方法是新增或更改管理圖示。

自訂圖示可以改善工作流程並使新使用者更輕鬆地導航網站管理區域。此外，個人化的Board使用起來更加愉快。

在本文中，我們將向您展示如何新增或變更 WordPress 管理圖示。我們將逐步指導您完成整個過程。最後，您的 WordPress 儀表板將具有新鮮而獨特的外觀。

WordPress 中的管理圖示是什麼？

管理圖示是您在 WordPress 管理區域的導覽面板中看到的小圖片。它們出現在每個選單項目旁邊。

這些圖像使用 Dashicons，這是一種為 WordPress 創建的圖標字體。它於 2013 年首次推出，此後一直沒有改變。

您可能想透過更改這些圖示來稍微改造一下您的 WordPress 管理區域。您可以用您喜歡的其他圖標甚至自訂圖標替換現有圖標。

如果您正在為不熟悉 WordPress 的客戶建立網站，使用自訂圖示可以幫助他們更輕鬆地導航儀表板。

現在讓我們看看如何輕鬆更改管理員圖示。我們將向您展示兩種方法，您可以選擇最適合您的一種：

方法 1：使用外掛程式更改 WordPress 管理圖標

對於這種方法，我們將使用管理選單編輯器外掛程式。顧名思義，它允許您輕鬆自訂 WordPress 管理選單。

 

啟動外掛後，前往設定頁面»選單編輯器。在這裡，您將在可以自訂的簡潔使用者介面 (UI) 中看到 WordPress 管理選單。

使用者介面頂部有一個工具欄，可讓您新增或刪除選  特殊數據庫 單項目、新增分隔符號、複製和貼上項目等。

在底部，您可以單擊選單項目將其展開並查看其設定。在本例中，我們展開了「發布」選單項目。

當您展開選單項目時，會出現更多選項。如果它是父選單，您還將在右側欄中看到子選單項目。

若要新增、取代或刪除選單圖標，請點擊下面的「顯示進階選項」連結。

現在，點擊「圖示 URL」欄位旁邊的按鈕。

將出現一個彈出窗口，其中包含所有可用的 Dashicons。或者，您可以點擊“媒體庫”按鈕來載入您自己的圖示。

如果您想上傳自己的圖標，我們建議使用 32×32 圖片，最好是透明 PNG 格式。

選擇圖示後，點擊“儲存變更”按鈕儲存設定。

現在您將看到管理選單中使用的自訂選單圖示。

方法 2：使用程式碼片段手動更改管理選單圖標

下一個方法需要添加自訂程式碼來更改圖示。

如果您以前從未執行過此操作，我們建議您快速瀏覽一下有關在 WordPress 中新增自訂程式碼的教學。

在 WordPress 中新增自訂程式碼的最簡單、最安全的方法是使用WPCode。它是最好的 WordPress 程式碼片段外掛。它允許您安全地將自訂程式碼、CSS 和 HTML 添加到您的 WordPress 網站，而不會意外破壞任何內容。

注意：該外掛還有一個免費版本，稱為WPCode Lite，可以完 冠狀病毒期間的內容行銷策略 成工作。但是，專業版提供了可能有用的附加功能。

範例 1. 使用預設 Dashicons 替換圖標

在此範例中，我們將使用預設的 Dashicons 來取代現有的設定圖示。

值得注意的是，WordPress 已經載入了 Dashicons，這些圖示針對效能進行了高度最佳化。因此，它們的使用不會影響頁面載入速度。

也就是說，在運行程式碼之前，您應該注意以下事項：

1. 您要編輯的選單項目的 URL
2. 您要使用的圖示的名稱

首先，您需要找到要自訂的選單項目的頁面 URL。例如，假設您想要變更「發布」選單圖示。

將滑鼠移到「發布」功能表上，您將在頁面底部的瀏覽器狀態列中看到它連結到的 URL。 URL 的最後部分就足夠了，在本例中是 edit.php。

然後，前往Dashicons網站並點擊 迴聲資料庫 您要使用的圖示。

當您單擊圖示時，名稱和圖示會出現在頂部。此時，您需要複製 slug，它將在下一步中使用。

完成此操作後，請前往「程式碼片段」+「新增片段」頁面，並將滑鼠停留在「新增自訂程式碼（新片段）」方塊上。

然後，只需點擊出現的“+附加元件自訂”按鈕即可。

在下一個畫面上，提供代碼段的標題，並在「代碼類型」選項中選擇「PHP 代碼段」。