如何設計 WordPress 後台登入頁面（使用 LoginPress）？

網站架設 完成後，會發現 WordPress 後台 的登入畫面（輸入帳密的地方），是長的比較單調一點，有些人可能想更換成自己的品牌風格。

或者你是從事網頁設計行業，顧客希望能客製化 WordPress 後台登入頁面，當然還有很多原因，都會可能有相關需求。

這篇文章，我會跟大家分享 LoginPress 這款外掛，它是專門做 WordPress 後台登入頁面的設計，功能很多而且是免費的（這裡不討論進階版功能）。

好囉，那我們就開始吧。

• 1. 安裝 LoginPress 外掛
• 2. 一般設定
• 3. 動手設計登入頁面
• 常見問題
• 聯絡犬哥網站

LoginPress 完整影片教學

---

1. 安裝 LoginPress 外掛

前往 WordPress 外掛 > 安裝外掛，搜尋 LoginPress，然後安裝＋啟用。

完成後，就會看到側邊欄多了一個 LoginPress 的功能了。

---

2. 一般設定

前往 LoginPress > 設定，這是 LoginPress 基本設定的地方。可直接使用預設值，有特別需求再調整即可。

• 登錄順序：WordPress 會員登入，使用者帳號的輸入方式。分別有「 使用者名稱 or Email 皆可 」、「 只有使用者名稱 」、「 只有 Email 」。
• Auto Remember Me：自動把「 記住我 」打勾。
• 卸載時刪除設置：未來刪除外掛後，會把此外掛的相關設定檔案，ㄧ併刪除。

---

3. 動手設計登入頁面

接下來，就來設計 WordPress 後台登入頁面啦。

前往 LoginPress > 自訂，這裡有非常多可設定的項目，像是更換 Logo、更換背景、自訂表格寬度 / 陰影 / 顏色、歡迎＆錯誤訊息、頁尾設定等 ..。

由於大多數都已經中文化是滿容易理解的，尾端也能切換不同的裝置，進行響應式的調整（下圖）。

好，下面就挑其中一些功能，進行介紹囉。

更換網站 Logo ＆ 背景圖片

前往「 商標 」，可設定網站 Logo、Logo 寬度 ＆ 高度之類的 ..，也能在圖片加上網址。更多 Logo 設計＋網站配色教學。

前往「 背景 」，可設定背景圖片或是用純顏色顯示等 ..。

自訂介面 ＆ 按鈕美容

前往「 自訂 」，可調整表單透明度、寬度、輸入框背景＆文字顏色等 ..。

前往「 按鈕美容 」，可調整按鈕相關樣式。

錯誤訊息＆頁腳表格

前往「 錯誤訊息 」，這裡是當登入輸入錯誤時，會出現的警告提示，可以把 Error 的英文改為中文。

前往「 頁腳表格 」，這是網站頁尾的相關修改，可以打開版權說明＆顏色設定等 ..。

以上都設定完成後，最後來看一下設定的成品吧。

太棒了，跟預設的 WordPress 登入畫面，完全是不同的感覺：）

---

常見問題

---

聯絡犬哥網站

在網站架設＋網路行銷的過程中，或許會遇到一些解決不了問題，可以在下方留言給我，我會盡力協助解答！

接下來，額外分享 2 個實用資源，可有效幫助大家解決問題。

資源一：犬哥網站（專業 WordPress 網頁設計＆數位行銷公司）

如果你沒時間自己架站，或是遇到網站沒有流量、Google 網站排名不理想。歡迎洽詢 犬哥網站（WordPress 網頁設計＆數位行銷公司），請專家協助你會更容易！

我們有多年網頁設計、SEO 關鍵字行銷、Google 廣告投放經驗，加上上百個實戰案例，絕對能滿足您的需求！

資源二：WordPress 高手架站課＋SEO 排名飆升課（線上課程）

如果想學習更深入的 WordPress 架站技巧，或是想透過 SEO 關鍵字提升網站流量？

可以參考犬哥近期推出的這兩門課程，課程非常的扎實，都是犬哥自己實戰出來的經驗分享，不打高空只教你做出成績！