如何修改WordPress的後台介面

how to revise wordpress background

當一個網站完成了以後,要交付給使用者或客戶使用,那麼後台的設計就非常重要了。我們應讓客戶知道網站是WordPress做的,並非要隱藏什麼秘密。但是如果後台太過於複雜,不易學習,還是會令一般人望之卻步,甚至產生許多後遺症。

以傑哥的經驗,應該要將後台改為簡單化,只出現客戶「會用到」的功能(例如:寫文章的功能)。其他的功能都應該隱藏。例如像下圖這樣:

411如何修改wordpress的後台介面001
411如何修改wordpress的後台介面001

為何需要改造WordPress後台?

避免弄壞網站:

用戶看到某些功能,可能會亂按或誤觸,甚至自己想要修改網站,但是可能會越弄越糟,最後把整個網站弄壞了。也有可能因為想要加上某些功能,而導致衝突或是錯誤。最後網站變得四不像,甚至造成網站掛點。

避免混淆

用戶可能因為後台的選單功能太多而導致混淆。因為在教育訓練之後,雖然一時之間記得,但是下一次登入後,可能就會開始忘記操作細節,所以又會導致用戶混淆。(避免客戶重新詢問、重新教育訓練)

保證良好的服務

網站的維護工作,應該交由專業人員來執行,並定期查看網站的安全性,以及評估是否該更新套件,並收取一定的維護費,這樣才是長久的網站維護之道。

WordPress後台有哪些地方需要改造?使用哪些外掛?

選擇外掛的基本條件是不能造成網站拖慢速度。許多「White Label」的外掛太大,而且太複雜,大多數要買Pro版,這些外掛有許多「地雷」,過程可能會很慘痛…。

傑哥的選擇外掛原則是要輕巧,儘量不占資源。以下分別來介紹,WordPress的後台需要修改的地方,以及該使用哪些外掛,完全免費!

更改後台路徑

因為WordPress的後台路徑預設是/wp-admin/,所以很容易被駭客用程式偵測,甚至暴力破解。所以更改後台路徑,是網站上線之前一定要做的事,可以避開很大一部分的危險,增加安全性。

411如何修改wordpress的後台介面002
411如何修改wordpress的後台介面002

如果單單只要後台路徑更改,雖然有許多類似的外掛有相同的功能,傑哥還是最推薦WPS Hide Login,它的程式小巧不占資源,而且有效。用這這麼久,幾乎從未與其他外掛衝突,或造成無法登入的窘況。

修改後台登入畫面

一進入後台登入畫面,我們都不希望看到的是傳統的W字樣的LOGO,而是客戶或自己的LOGO,如果能改掉登入畫面,網站價質感會大量提昇。且有品牌認同,心情就是會變好。

以前傑哥推薦過Erident Custom Login and Dashboard這款外掛,而且也用了很久的時間,但是最近發現它已經一年沒有更新了,雖然版本舊,但是免費簡單好用,仍可勉強使用。但差不多應功成身退了。

關於改後台登入,有許多很炫的外掛,例如Custom Login Page Customizer,但這款外掛很貴,雖然有免費的簡易版本,但基於原則,還是不推薦這類的大外掛。

若只修改登入頁面,以下3款外掛可參考:

另外,有些比較新,輕巧、又免費的外掛,例如:Custom Login Page Customizer by Colorlib,它有後台登入的模版(temaplate),可以方便套用,並且使用WordPress的外觀功能控制。缺點是不能匯入匯出設定,每個網站都要設定乙次。

另一款Login Designer也是使用WordPress的外觀控制,而且可以點到哪裡就改哪裡,操作直覺。支援一般的佈景主題。這款推薦。(可惜Oxygen不適用)

411如何修改wordpress的後台介面003
411如何修改wordpress的後台介面003

最後,是Ultimate Dashboard免費版,這款也可以改登入畫面。改為自己的LOGO和背景、字型顏色等。它還有其他功能,等下會談到。

ps:以下自訂的CSS可以隱藏後台登入畫面下方語言選擇和網頁連結。

/* hide switcher language */
.language-switcher {
	display:none;
}

/* hide link to home */
#backtoblog {
	display:none;
}

/* hide 忘記密碼 */
#nav {
	display:none;
}

移除後台小工具,並新增按鈕

最後,是登入之後的畫面。

傑哥習慣在後台登入之後,移除所有的小工具,畢竟那些預設的小工具,有些不是客戶需要的。並且我還會想要新增自己的按鈕和連結,但一直沒有很適合的外掛。(有免費輕巧的嗎?)

411如何修改wordpress的後台介面004
411如何修改wordpress的後台介面004

現在,剛開始使用Ultimate Dashboard免費版,Ultimate Dashboard PRO的功能很多,幾乎包辦了所有後台改造應該會用到的功能,但是專業版所費不貲…。所以,我只取「製作按鈕」和「後台登入畫面」的功能(可以少裝一個後台登入的外掛),其他的功能就可以關閉了。

411如何修改wordpress的後台介面006
411如何修改wordpress的後台介面006

此外,它還可以客製化後台的頁面,如果有什麼文件或支援的方式,也可以在後台建立一個選單和頁面。(這個我沒有用到)甚至Ultimate Dashboard也有改後台路徑的功能,我沒把握,所以沒開啟。

若有第三方的小工具出現在後台,而我們不希望它出現,則可以再裝Widget disable移除其他第三方外掛小工具。

更改後台選單與權限

如果移交的用戶組織相對單純的話,管理員只有一、二位,那麼建議使用Admin Tools外掛,這個超好用,可幫助您為客戶準備管理介面。

411如何修改wordpress的後台介面005
411如何修改wordpress的後台介面005

它的原理是,客戶的角色也是「第二管理員」,你是「第一管理員」,第一管理員有一些特權,可以把其他管理員的選單隱藏起來。

好處是,這樣做很有彈性,第二管理員應看到什麼功能,就開始哪個選單,就行了。

此外,還可以對第二管理員隱藏更新通知、隱藏外掛和頂部功能BAR,傑哥認為這是很聰明的權限設計。

411如何修改wordpress的後台介面007
411如何修改wordpress的後台介面007
411如何修改wordpress的後台介面008
411如何修改wordpress的後台介面008

Admin Tools的特色如下:

  • 使用方便、輕巧
  • 對管理員隱藏選單和子選單
  • 對管理員隱藏外掛
  • 隱藏頂部欄的各個部份
  • 更改管理員登入後台的LOGO
  • 對指定的管理員隱藏通知
  • 控制WordPress更新

當然,若是要把後台的選單,換小圖示、顏色,更改順序…Admin Tools就做不到了,且傑哥是覺得沒有必要性。

若要更改選單的名稱和順序,可以用WP Custom Admin Interface這類的外掛,但是愈少外掛愈好,我是這麼認為的。只換選單icon也有外掛可以做得到,就待您自行去搜尋看看了!(WordPress的資源真的很充沛!)

總結:WordPress客製化後台

整合上述所說,建議綜合使用這3個外掛,就能簡單做出客製化的後台。

功能\外掛名稱WPS Hide LoginUltimate Dashboard免費版Admin Tools
更新後台路徑 
修改後台登入畫面  
移除後台小工具,並新增按鈕  
更改後台選單與權限  
更改WordPress後台所需的外掛與功能對照表

有了這樣的後台改造之後,用戶會更清楚操作的方式,簡單明瞭。還有個好處是他不會看到其他功能,然後詢問,然後解釋。更不會因亂改導致網站壞掉。

你有這類型的煩惱嗎?你又是怎麼解決問題的呢?歡迎你留言或來信告訴我。

留下第一則留言

內容目錄

訂閱電子報