每次登入 WordPress,第一個迎接你的不是文章列表,而是塞滿各種方塊的「控制台」首頁。歡迎使用面板、概況、活動、網站狀態、WordPress 活動及新聞、快速草稿——這些方塊就是 WordPress 儀表板小工具。多數人從沒動過它們,於是每天登入都得先滑過一堆用不到的資訊,才能找到自己真正要點的地方。
問題其實有解。WordPress 儀表板小工具可以隱藏、可以拖曳重排,甚至能換成你自己設計的內容。花十分鐘整理一次,往後每次登入後台都省下幾秒鐘的視覺干擾,長期累積很可觀。這篇會先把一個最常見的誤會講清楚——後台裡有兩種都叫「小工具」的東西,它們完全是兩回事——再帶你從免設定的隱藏排序,一路講到用程式碼移除預設方塊、加入專屬方塊。
「儀表板小工具」跟「外觀小工具」差在哪裡
先解決混淆。WordPress 後台有兩個地方都掛著「小工具」這個名字,路徑不同、用途也完全不同,新手很容易搞混。
這篇要談的「儀表板小工具」(Dashboard Widgets),是登入後台首頁「控制台」上那一格格的方塊,只有登入後台的人看得到,跟訪客無關。它的作用是把網站狀態、最近動態、捷徑集中在一個畫面,是給管理者看的工作面板。
另一個是「外觀小工具」(位置在「外觀」→「小工具」),管的是網站前台的側邊欄、頁尾、頁首區塊,會直接顯示給訪客看,例如側邊欄的近期文章、搜尋框、頁尾的版權文字。這個跟你登入後台看到的方塊一點關係都沒有。
簡單記法:控制台首頁上的方塊是給「你自己」看的,「外觀」底下的小工具是給「訪客」看的。本文後面講的全部是前者。
WordPress 預設的儀表板小工具有哪些
剛裝好的 WordPress,控制台首頁通常會出現以下幾個預設方塊,先認識它們各自在做什麼,才知道哪些該留、哪些可以收起來。
- 歡迎使用(Welcome):新站才會冒出來的引導面板,列出「撰寫第一篇文章」「自訂佈景主題」等捷徑。網站上軌道後它就沒作用了,是最該關掉的一個。
- 概況(At a Glance):早期叫「現在狀態」,顯示目前有幾篇文章、幾個頁面、幾則留言,以及目前使用的佈景主題版本。想快速知道網站規模時很實用。
- 活動(Activity):列出最近發布的文章與最新留言,留言可以直接在這裡核准或丟垃圾桶,經營部落格的人會常用。
- 快速草稿(Quick Draft):在首頁直接打幾句話存成草稿,臨時有靈感時方便,但很多人習慣直接進文章編輯器,這格就閒置了。
- WordPress 活動及新聞(Events and News):抓官方的活動與部落格消息,對日常維運幫助不大,是另一個常被收起來的方塊。
- 網站狀態(Site Health Status):顯示網站健康度評分與待處理的安全、效能提醒,例如 PHP 版本過舊。這格建議留著,它會提早提醒你潛在問題。
除了這些,當伺服器的 PHP 版本或瀏覽器過舊時,WordPress 還會臨時插入更新提醒方塊。另外,多數外掛安裝後也會把自己的方塊塞進這個首頁,例如 SEO 外掛的內容評分、流量分析外掛的數據摘要,方塊越積越多,整理的需求也就越來越強。
不用寫程式,怎麼隱藏與排序儀表板小工具
最快的整理方式完全不用碰程式碼,靠 WordPress 內建的「顯示項目設定」就能做到,每個使用者各自設定、互不影響。
控制台首頁的右上角有一個「顯示項目設定」按鈕(英文版是 Screen Options),點開後會看到所有可用方塊的勾選清單。取消勾選哪一個,那個方塊就會從你的首頁消失;想找回來再勾回去即可。這裡有個關鍵特性:這份設定只綁定「你這個帳號」,同一個網站的其他管理者登入時看到的版面不受影響,所以你可以放心關掉自己用不到的方塊,不會動到同事的畫面。
要調整順序也很直覺。把滑鼠移到任一方塊的標題列,游標會變成可拖曳的樣式,按住就能把方塊拖到想要的位置,左右兩欄之間也能互相搬移。常用的「網站狀態」「活動」拉到最上面,閒置的往下丟或直接隱藏,登入後第一眼就能看到重點。
如果首頁只剩單欄、方塊塞在一起,可以留意畫面寬度。控制台會依瀏覽器視窗寬度自動切換成一欄、兩欄或多欄排列,視窗拉寬就會展開成多欄,方塊也比較好擺。
「顯示項目設定」的隱藏與排序,是給單一管理者整理自己畫面用的,做完即生效、隨時可改,適合九成以上的情境。但它有兩個天花板:一是設定只對自己生效,沒辦法替全站所有使用者統一關掉某個方塊;二是它只能隱藏現有方塊,沒辦法新增你自訂的內容。要突破這兩點,就得進到程式碼的做法。
用程式碼移除預設方塊,整個網站一次生效
當你想替全站使用者統一拿掉某些方塊——例如交付給客戶的網站,不希望非技術背景的客戶被「WordPress 活動及新聞」這類訊息干擾——就需要用 remove_meta_box() 函式從根本移除,而不是靠各自的顯示設定。
做法是掛進 wp_dashboard_setup 這個動作鉤點,再對每個要移除的方塊呼叫一次 remove_meta_box()。函式吃三個參數,分別是方塊的識別代碼、畫面位置(控制台固定填 dashboard)、以及方塊所在的欄位(normal 是左欄、side 是右欄)。
function ezwps_remove_dashboard_widgets() {
// 移除「快速草稿」(右欄)
remove_meta_box( 'dashboard_quick_press', 'dashboard', 'side' );
// 移除「WordPress 活動及新聞」(右欄)
remove_meta_box( 'dashboard_primary', 'dashboard', 'side' );
// 移除「活動」(左欄)
remove_meta_box( 'dashboard_activity', 'dashboard', 'normal' );
}
add_action( 'wp_dashboard_setup', 'ezwps_remove_dashboard_widgets' );
常見預設方塊的識別代碼如下,挑你要移除的填進去就好:
dashboard_right_now:概況(左欄)dashboard_activity:活動(左欄)dashboard_site_health:網站狀態(左欄)dashboard_quick_press:快速草稿(右欄)dashboard_primary:WordPress 活動及新聞(右欄)
「歡迎使用」面板比較特別,它不是用 remove_meta_box() 移除,而是要拆掉它的動作鉤點,寫成 remove_action( 'welcome_panel', 'wp_welcome_panel' ); 同樣掛在 wp_dashboard_setup 底下即可。
這段程式碼放哪裡很關鍵。直接寫進佈景主題的 functions.php 是最常見的做法,但有兩個風險:語法打錯可能讓整個網站白畫面,而且換佈景主題或主題更新覆蓋後,你的修改就沒了。比較穩妥的方式有兩種,一是把它寫進子佈景主題的 functions.php(主題更新不會被蓋掉),二是改用程式碼片段管理外掛(例如 WPCode 這類工具),它能讓你開關每段程式碼、出錯時也比較不會直接拖垮整站。動手前先備份,是基本動作。
加入你自己的儀表板小工具
整理完還可以更進一步——把空出來的版面換成對你有用的東西,例如給客戶的聯絡與支援資訊、團隊的內部備忘、或常用後台連結的捷徑。
新增自訂方塊用的是 wp_add_dashboard_widget() 函式,一樣掛在 wp_dashboard_setup 鉤點下。它主要吃三個參數:方塊的識別代碼(會當成 CSS class)、顯示在標題列的名稱、以及負責輸出方塊內容的回呼函式。內容的部分,你在回呼函式裡 echo 出想顯示的 HTML 就行。
function ezwps_add_dashboard_widget() {
wp_add_dashboard_widget(
'ezwps_help_widget', // 識別代碼
'網站維護聯絡資訊', // 標題
'ezwps_help_widget_content' // 內容回呼函式
);
}
add_action( 'wp_dashboard_setup', 'ezwps_add_dashboard_widget' );
function ezwps_help_widget_content() {
echo '<p>網站如有問題,請聯絡維護人員。</p>';
echo '<ul>';
echo '<li>更新外掛前,記得先備份</li>';
echo '<li>每月檢查一次「網站狀態」評分</li>';
echo '</ul>';
}
填中文內容時要留意一個地雷:檔案編碼。functions.php 必須存成 UTF-8(不含 BOM),否則自訂方塊裡的中文很可能變成亂碼,這是手動編輯時最常踩的坑。
有個位置上的限制要先知道。wp_add_dashboard_widget() 預設會把新方塊放到左欄底部,函式本身沒有提供直接指定欄位或排序的選項。想把方塊改放到右欄,可以改用通用的 add_meta_box() 函式,把它的內容類型參數填成 dashboard、欄位填 side 即可。至於把自訂方塊強制排到所有預設方塊前面,技術上能透過直接調整 WordPress 內部的方塊陣列做到,但有個現實限制:一旦使用者曾經自己拖曳過方塊位置,個人的排序偏好就會蓋過程式的強制排序,所以這招對老用戶不一定有效。實務上,多數情況讓使用者自己拖到順手的位置,反而是比較省事的選擇。
不想寫程式碼的人,也有純外掛的路。像 Ultimate Dashboard 這類後台美化外掛,提供圖示、文字、HTML 三種方塊類型,全程在後台介面點選操作,不必碰任何 PHP,適合交付給非技術背景的客戶自行維護。代價是彈性不如手寫程式碼——能塞的內容種類受外掛功能限制,而且網站多裝一支外掛。技術門檻換彈性,依團隊狀況選一邊即可。
從整理畫面到打造工作台,該怎麼安排優先順序
整理 WordPress 儀表板小工具的核心,是讓登入後台的第一個畫面只留下你真正會用的資訊。三種做法對應三種需求:只想清爽自己的畫面,用「顯示項目設定」勾掉用不到的方塊就夠;要替整個網站或客戶統一移除方塊,用 remove_meta_box() 從程式碼處理;想把首頁變成放著聯絡資訊、操作備忘的專屬工作台,再用 wp_add_dashboard_widget() 加入自訂內容。
建議的順序是由淺入深:先花兩分鐘用顯示項目設定整理自己的版面,感受一下哪些方塊真的有用、哪些是雜訊;確定需求後,再決定要不要動程式碼。動程式碼前務必備份,並優先寫進子佈景主題或程式碼片段外掛,別直接改母主題的 functions.php。下次打開 WordPress 後台,迎接你的就會是一個乾淨、好上手、為你量身整理過的工作首頁。