如何允許 WordPress 用戶上傳個人資料圖片

已發表: 2021-11-09

允許用戶將個人資料圖片或頭像上傳到您網站上的個人資料是一項重要功能。 即使您沒有運行會員網站但允許用戶註冊,您也必須確保他們能夠上傳個人資料圖片。

您不只是喜歡下面的用戶擁有個人資料圖片的方式嗎? 以下是創建前端用戶個人資料頁面的方法。

ProfilePress 是一個完整的用戶管理插件,允許您提供和自定義幾乎所有與用戶相關的功能,包括允許用戶上傳個人資料圖片。

讓我們詳細解釋一下如何允許您的用戶將個人資料圖片上傳到他們在您的 WordPress 網站上的個人資料中。

個人資料和封面圖片設置

在開始為用戶創建和自定義上傳個人資料圖片的功能之前,您可能需要查看個人資料和封面圖片設置。 您可以根據您的用戶偏好和其他因素以您想要的方式自定義這些設置。

單擊 WordPress 儀表板上的 ProfilePress 菜單。 接下來,單擊“個人資料和封面照片”選項卡。

您可以設置最大文件大小、上傳文件大小以及封面照片和頭像的高度和寬度。 要更改最大文件大小,您只需在字段中輸入所需的最大文件大小。 默認情況下,封面照片和個人資料圖片的最大文件大小設置為 1024000 KB 或 1 GB。

但是,這與最大上傳文件大小不同,您可以通過拖動文件大小字段下方的滑塊來選擇。 這應該是您網站的託管服務器允許的最大上傳文件大小。

現在,如果您希望上傳到您網站上的個人資料圖片具有特定的尺寸尺寸,請單擊上傳複選框上的調整頭像大小。

這不僅允許您選擇特定的寬度和高度,還可以根據需要將上傳的圖片裁剪為這些確切的尺寸。

現在,當您向下滾動頁面時,您還將找到幫助您控制用戶使用 Gravatar 個人資料圖片的設置。

您可以通過勾選上圖中頂部的複選框來選擇完全禁用 Gravatar 個人資料圖片。 下一組選項允許您為自己不上傳個人資料圖片並且沒有與他們用於在您的網站上註冊的電子郵件鏈接的 Gravatar 個人資料的用戶選擇通用個人資料圖片。

完成選擇所需的設置後,單擊頁面底部的保存更改按鈕。

如何允許用戶上傳個人資料圖片

ProfilePress 具有內置功能,可讓您 WordPress 網站上的註冊用戶管理他們的個人資料,包括上傳個人資料圖片的功能。

他們需要做的就是使用他們的登錄憑據登錄您網站上的 WordPress 儀表板,他們將能夠在默認個人資料頁面上訪問與其個人資料相關的所有自定義選項。

他們還會在向下滾動頁面時找到上傳/更新個人資料和封面圖片的選項。

允許用戶從前端上傳個人資料圖片

雖然使用後端上傳個人資料圖片的功能很好,而且也很容易,就像我們上面解釋的那樣,但您也可以允許用戶從前端上傳個人資料圖片。 對於完全阻止訪問網站 WordPress 儀表板的 WordPress 網站而言,這不僅是一項必不可少的功能,而且通常也是一個很好的功能,因為它增加了用戶的整體用戶體驗。

要啟用此功能,您需要使用 ProfilePress 提供的個人資料圖片上傳器短代碼創建帖子或頁面。 您可以在我們上面討論的個人資料和封面圖片頁面的同一設置頁面上找到簡碼。

[ avatar_upload ] 短代碼將允許您創建功能,讓您的用戶直接從您的網站前端上傳他們的個人資料圖片。 您可以使用此短代碼創建一個新頁面,您的用戶將能夠從該頁面上傳他們的個人資料圖片。

用戶只需單擊“選擇圖像”按鈕,選擇保存在其計算機上的圖像,然後單擊“更新配置文件”按鈕。

除了創建新帖子或頁面外,您還可以在側邊欄添加上傳個人資料圖片的功能。

您只需要使用我們上面使用的相同短代碼創建一個小部件並將其添加為側邊欄。 讓我們通過以下幾個簡單的步驟來分解它。

  • 單擊外觀菜單下的小部件選項
  • 單擊側邊欄部分下的“+”圖標以創建新的側邊欄元素
  • 向下滾動,直到在小部件下找到 Shortcode 選項
  • 粘貼 [ avatar_upload ] 短代碼
  • 點擊頂部的更新按鈕

完成上述步驟後,您將在網站側邊欄中看到更新個人資料圖片的選項。 就像你在下面看到的一樣。

顯示用戶資料圖片

ProfilePress 還允許您通過幾個簡單的步驟顯示用戶個人資料圖片。 正如您在我們上面發布的圖片中看到的那樣,您只需要使用其他頭像短代碼在您的 WordPress 網站上創建此功能。

就像上傳個人資料圖片的功能一樣,您還可以創建在您網站的任何位置顯示用戶個人資料圖片的功能,無論是帖子、頁面、側邊欄、小部件還是您網站的任何其他區域。

您只需複制短代碼並將其粘貼到要顯示用戶個人資料圖片的位置。 我們只是在一個帖子中做到了這一點,這就是我們得到的。

當用戶沒有上傳個人資料圖片時,您將看到一個通用徽標,就像您在我們的案例中看到的那樣。

概括

使用 ProfilePress,允許用戶上傳個人資料圖片甚至封面照片非常容易。 此外,您還可以輕鬆地顯示用戶個人資料圖片。

您可以在網站上的任何位置添加這些功能。 此外,您還可以完全控制所有設置,並且可以使用很多自定義項。

ProfilePress 在用戶管理方面還提供了更多功能,您應該查看它提供的所有功能。

立即獲取 ProfilePress!