User Profile Picture 教學|28KB 輕量 WordPress 頭像外掛

User Profile Picture 外掛介紹:28KB 輕量自訂 WordPress 頭像

155 瀏覽
User Profile Picture 透過 WordPress 媒體庫上傳使用者頭像的輕量外掛封面

WordPress 使用者頭像預設會走 Gravatar,但對公司官網、多人作者網站或客戶專案來說,常常只是想在自己的網站上傳一張照片,不想再叫每位作者另外註冊 Gravatar。這時候 User Profile Picture 就是一個很乾脆的解法:使用 WordPress 原生媒體庫替使用者指定頭像,功能不多,安裝包也只有約 28 KB。

我喜歡這類外掛的原因不是「功能少就一定比較快」,而是它很清楚自己要解決什麼:讓站長在使用者資料頁上傳本機頭像,然後取代網站原本顯示的 Gravatar。

User Profile Picture 是什麼?

User Profile Picture 是 Dew Technolab 發布在 WordPress.org 的免費開源外掛。它會在 WordPress 後台的使用者個人資料頁加入圖片上傳欄位,並直接呼叫既有的媒體庫選取圖片。

當使用者已設定自訂照片,外掛會透過 WordPress 的 get_avatar Filter 取代原本的 Gravatar。因此只要你的佈景主題、留言區或作者資訊使用 WordPress 標準頭像函式,通常不需要再改模板,就會改成顯示站內上傳的圖片。

截至 2026 年 8 月檢查,WordPress.org 顯示目前版本為 1.0.6、啟用安裝數超過 4,000,最低需求為 WordPress 4.5 與 PHP 7.4,並標示已測試至 WordPress 7.0.0。

它到底有多輕量?我直接拆開來看

「輕量」這兩個字常常被外掛作者拿來當文案,所以我這次直接下載 WordPress.org 提供的 1.0.6 安裝包檢查。

檢查項目實際結果
ZIP 安裝包約 28 KB
解壓後檔案總量約 53 KB
主要 PHP 程式約 7.3 KB
媒體上傳 JavaScript約 1.6 KB
自建資料表沒有
大型前端框架沒有
外部頭像 API沒有

整個外掛真正有功能的部分,主要就是一個 PHP 檔和一個 JavaScript 檔。圖片仍使用 WordPress 既有媒體庫,設定則寫進使用者的 profilepicture user meta,不需要另外建立資料表,也沒有塞進會員系統、社群功能或一堆後台選項。

所以如果你的需求只有「替網站作者換掉 Gravatar」,安裝一套完整會員外掛反而有點太重。這也正是 WordPress 開源生態好用的地方:需要什麼就補什麼,不必為了一個頭像功能被整套平台綁住。想進一步理解這種彈性,可以參考我的 WordPress 與封閉式架站平台比較

User Profile Picture 可以做什麼?

  • 從 WordPress 原生媒體庫選擇使用者照片。
  • 在使用者個人資料頁預覽目前頭像。
  • 使用本機圖片取代 Gravatar。
  • 套用到使用 get_avatar() 的作者區塊、留言與佈景主題。
  • 搭配佈景主題的 add_image_size() 建立自訂尺寸。
  • 支援 WordPress Multisite,但每個子站需分別設定照片。

它不是把 WordPress 頭像系統整套換掉,而是掛在既有的 Avatar 流程上。沒有設定自訂圖片時,原本的 Gravatar 仍可繼續使用;有設定時才改用站內圖片。

安裝 User Profile Picture 外掛

  1. 登入 WordPress 後台。
  2. 進入「外掛 → 安裝外掛」。
  3. 搜尋 User Profile Picture
  4. 確認作者為 Dew Technolab
  5. 點選「立即安裝」,完成後啟用。

外掛沒有獨立設定頁,也不需要跑設定精靈。啟用後就能直接到使用者資料頁操作。

如何替 WordPress 使用者設定頭像?

  1. 進入「使用者 → 全部使用者」。
  2. 點選要修改的作者或使用者。
  3. 在個人資料頁找到 Profile Picture 欄位。
  4. 點選 Upload 開啟 WordPress 媒體庫。
  5. 上傳新照片,或選擇媒體庫內既有圖片。
  6. 回到個人資料頁後,點選最下方的更新使用者。
  7. 開啟文章作者資訊或留言區,確認頭像是否已替換。

建議事先把照片裁成正方形,至少準備 400 × 400 px,人物臉部不要貼近邊緣。這個外掛沒有提供完整的前台裁切工具,圖片比例主要還是依賴 WordPress 縮圖與佈景主題樣式。

為什麼它適合公司官網與多人作者網站?

很多公司網站真正的情境,不是開放幾千名會員自己改大頭照,而是站長需要管理老闆、顧問、醫師、律師、講師或文章作者的照片。

如果每位作者都要自己申請 Gravatar、確認 Email,再等網站抓到正確照片,對非技術使用者其實很麻煩。由管理員統一從媒體庫挑選照片,反而比較容易維持圖片品質與品牌一致性。

網站情境適合度原因
公司團隊介紹很適合管理員統一管理照片
多人作者部落格很適合直接替換作者 Gravatar
顧問、醫師、律師專欄很適合照片可留在自有媒體庫
大量會員社群不太適合缺少完整前台上傳流程
WooCommerce 會員中心視需求而定沒有現成 My Account 頭像表單

使用前要知道的限制

它不是前台會員頭像外掛

WordPress.org 的安裝文字提到 shortcode,但我檢查目前 1.0.6 原始碼,沒有看到註冊 shortcode 的程式。它的主要操作位置仍是 WordPress 後台使用者資料頁,不要預期安裝後就會自動出現在 WooCommerce 我的帳號或會員中心。

一般會員自行儲存可能受到權限限制

目前版本的儲存邏輯會檢查 edit_users 權限。這代表最穩定的使用方式是由具備使用者管理權限的管理員替其他帳號設定照片。若你要讓訂閱者、客戶或一般會員從前台自行換頭像,應選擇明確支援前台上傳的外掛,或請工程師補上權限、Nonce、檔案驗證與前台介面。

沒有完整裁切、刪除與圖片規則

它使用原生媒體庫選圖,但沒有專用正方形裁切器、檔案大小上限、WebP 轉換、舊頭像清理或前台刪除按鈕。網站有大量會員時,這些功能就會變得重要。

Multisite 要逐站設定

官方 FAQ 說明支援 Multisite,但同一位使用者需要在每個站點分別設定頭像。若你希望整個 Network 共用同一張照片,這個外掛目前並不是那種架構。

輕量不代表完全沒有可以改進的地方

從原始碼來看,它的結構非常直接,但媒體庫與上傳 JavaScript 是掛在 admin_enqueue_scripts,目前沒有依後台頁面縮小載入範圍。影響主要在管理後台,而且程式本身很小,不至於因此變成大型效能問題;如果要做到更精緻,仍可限制只在個人資料與使用者編輯頁載入。

這也是我評估 WordPress 外掛時很在意的一點:不要只看 ZIP 大小,還要看 Hook 掛在哪裡、資料怎麼存、權限怎麼判斷。如果你正在用 AI 協助檢查或開發外掛,可以延伸閱讀 WordPress Agent Skills 教學;需要處理更複雜的認證架構,也可以參考我的 WordPress 外掛 OAuth 2.0 重構實戰

User Profile Picture 值得安裝嗎?

如果你的網站只有幾位作者、顧問或團隊成員,而且照片由管理員統一維護,我覺得它很值得考慮。安裝後沒有複雜設定,也不會為了一個頭像功能多帶進會員目錄、登入表單、社群動態或付費模組。

但如果你正在做會員平台、線上課程、社群網站或 WooCommerce 客戶中心,就不要只因為它很小而硬用。這時候真正重要的是前台上傳、裁切、刪除、權限與檔案清理,應該選擇完整支援這些需求的方案。

最適合的外掛不是功能最多,也不是檔案最小,而是剛好解決需求,同時讓後續維護成本可控。

參考資料

常見問題 FAQ

User Profile Picture 外掛是免費的嗎?

是,User Profile Picture 發布在 WordPress.org 外掛目錄,採用 GPL 授權,可以免費下載與使用。它沒有另外提供付費版或必須訂閱的頭像服務。

安裝後可以完全不用 Gravatar 嗎?

已設定自訂頭像的使用者,外掛會透過 WordPress Avatar Filter 改用站內圖片;沒有設定圖片的帳號仍可沿用原本的 Gravatar 或網站預設頭像。

一般會員可以從網站前台自己上傳頭像嗎?

目前 1.0.6 主要提供後台使用者資料頁的媒體庫上傳介面,原始碼沒有註冊前台 shortcode,而且儲存會檢查 edit_users 權限。需要會員自行上傳時,建議選擇明確支援前台頭像管理的外掛。

這個外掛真的很輕量嗎?

從 WordPress.org 下載的 1.0.6 ZIP 約 28 KB,解壓後約 53 KB,主要功能只有一個 PHP 檔與一個 JavaScript 檔,也沒有自建資料表或大型前端框架,功能範圍確實相當精簡。

適合 WooCommerce 或會員網站嗎?

如果頭像由管理員統一設定可以使用;若要讓客戶在 My Account 頁面自行上傳、裁切及刪除圖片,它就不夠完整,應選擇有 WooCommerce 或前台會員表單整合的方案。

▧ 文章分類

▧ Google熱蒐文章

▧ 最新文章

✦ 虎鯨 OrcaBiz SEO 優化專業團隊 ✦

專業 SEO 公司幫助你將流量累積成看得見的業績,成為長期有效的最強業務!

[orca_infinite_scroll]