使用 WordPress BuddyPress 插件構建社交網站

已發表: 2018-11-13
WordPress 好友新聞
關注@Cloudways

BuddyPress 是一個 WordPress 插件,可幫助您創建和管理社交網絡,以便用戶能夠以非常直觀的方式相互交互和交流。 一組插件添加了特定功能,您可以混合搭配以根據您的要求自定義網絡。

本教程將幫助讀者安裝 WordPress BuddyPress 主題並設置 BuddyPress 兼容主題。 到最後,讀者將擁有一個可以開展業務的簡單社交網站。

目錄

  • 安裝 WordPress 主題
  • 安裝 BuddyPress 插件
  • 配置插件
  • 使用帶有主題的 BuddyPress
  • 為導航欄創建菜單
  • 在網站上啟用註冊
  • 設置首頁

第 1 步:安裝 WordPress 主題

我將為示例網站選擇一個簡單且基本的社交主題。 在本教程中,我將使用Quest WordPress 主題。 要安裝主題,請導航到外觀 → 主題並蒐索“ Quest ”。 接下來,單擊安裝按鈕,如下所示。

任務主題下載

安裝後,單擊“激活”按鈕以激活網站上的主題。

任務主題

第 2 步:安裝 BuddyPress 插件

轉到 WordPress 管理面板,導航到插件 → 添加新 →在右上角的搜索框中搜索BuddyPress 。 找到插件後,單擊立即安裝按鈕。

該過程完成後,激活插件。

buddypress 插件

接下來,我現在將配置BuddyPress插件以將其與Quest主題一起使用。

第 3 步:配置 BuddyPress 插件

導航到Plugins → Installed Plugins → BuddyPress → Settings

您會注意到一個積分選項卡和三個選項選項卡,您可以通過它們根據需要配置 WordPress BuddyPress。

1. 組件

這些選項允許站點管理員啟用(或禁用)直接影響用戶與社交網絡其他用戶交互方式的操作。

  • 擴展配置文件:啟用後,您可以向用戶配置文件添加自定義字段。
  • 帳戶設置:選中此項允許用戶直接從個人資料屏幕更改他們的帳戶和通知。
  • 好友連接:啟用後,用戶可以向其他站點用戶發送好友請求。 如果請求被接受,用戶可以通過活動日誌相互監視。
  • 私人消息:啟用此選項後,用戶可以向個人和群組中的其他成員發送私人消息。
  • 活動流:此選項允許用戶查看他們朋友在社交網站上的活動,包括話題、評論、提及、直接發布和收藏。 還會通過電子郵件通知用戶。
  • 通知:此選項允許用戶接收好友活動的即時通知,包括好友請求、私人消息等。
  • 用戶組:此選項允許用戶創建公共、私人或隱藏的自然組。
  • 站點跟踪:啟用後,記錄與新帖子和評論相關的活動。

2. 選項

這些選項通過允許(或禁止)註冊用戶的操作來增加用戶體驗。

選項選項卡

活動自動刷新

社交網絡最廣泛使用的功能是自動刷新新聞提要,這樣用戶就不必一次又一次地刷新視圖來獲得新的更新。 默認情況下,此選項處於啟用狀態,以便在共享新帖子或評論時通知登錄用戶。

配置文件同步

此選項允許用戶將他們的 WordPress 配置文件與其 BuddyPress 配置文件相關聯。

發表評論

啟用後,用戶可以將他們的評論添加到其活動流上的帖子和評論中。

3. 頁面

這是您的社交網站最重要的部分。

頁面選項卡

儘管此選項卡非常簡單,但許多 BuddyPress 用戶感到困惑。 讓我來幫助您理解這三個標籤:

  1. 會員
  2. 活動
  3. 用戶組

注意:如有疑問,請使用這些標籤的默認設置。

現在,我將創建註冊激活頁面。

登記

在 BuddyPress 中,這是默認的註冊表單。 BuddyPress 需要一個頁面來分配其註冊表單。 這就是為什麼我需要從我的 WordPress 管理面板添加一個新頁面

啟用

這也是 BuddyPress 的默認帳戶激活過程。 為此,我必須通過轉到 WordPress 管理面板並添加一個新頁面來再次創建一個新頁面。

創建註冊和帳戶激活頁面

通過導航到頁面 → 添加新來創建“註冊”頁面。

BuddyPress 安裝 wordpress

通過導航到頁面 > 添加新來創建“帳戶激活”頁面。

BuddyPress 安裝 wordpress

現在,導航到設置→ BuddyPress → 頁面。

注意:如果這些選項不可見,請導航至設置 → 常規並啟用“任何人都可以註冊”選項。

最後,單擊頁面末尾的“保存更改”按鈕。

第 4 步:在主題中使用 BuddyPress

轉到外觀→菜單。 從右上角打開屏幕選項

BuddyPress 安裝 wordpress

確保您已標記BuddyPress。

BuddyPress 安裝 wordpress

步驟 5:為導航欄創建菜單

注意:如果您已經有菜單欄,請在繼續之前將其刪除。

BuddyPress 安裝 wordpress

按照以下步驟添加新的菜單欄。

BuddyPress 安裝 wordpress

刪除主題默認小部件,並根據您的需要配置它們。

BuddyPress 安裝 wordpress

將 BuddyPress 小部件添加到側邊欄。

(BuddyPress) 登錄:此小部件包含 BuddyPress 登錄功能。 小部件在側邊菜單欄中顯示登錄表單。

(BuddyPress) 最新活動:此小部件顯示 BuddyPress 站點上的最近活動,允許用戶關注社區中的趨勢。

(BuddyPress) 成員:這個側邊菜單小部件列出了所有最近的、流行的和活躍的成員。

(BuddyPress) 最近活躍成員:顧名思義,這個小部件顯示最近活躍的成員。

(BuddyPress) 誰在線:在線並不意味著用戶也活躍。 此小部件可幫助其他用戶查看其他在線成員。

(BuddyPress) 主要導航:此顯示活動並向所有用戶提及。 這是主要導航,應該在所有其他小部件的頂部可見。

第 6 步:在網站上啟用用戶註冊。

對於公共社交網絡,用戶註冊應向所有訪問者開放。 但是,如果網絡是私有的,您可以完全關閉註冊,或者更好的是,將過程設置為僅限邀請。

要公開註冊過程,請導航到設置 → 常規 →標記任何人都可以註冊。

BuddyPress 安裝 wordpress

第 7 步:設置首頁

最後,該過程的最後也是最重要的部分是設置您網站的首頁。 當訪問者訪問您的網站時,這是他們看到的第一個頁面。

在這個例子中,我將“活動”頁面設置為我網站的首頁。 為此,請轉到“設置”>“閱讀”。

BuddyPress 安裝 wordpress

現在單擊保存更改按鈕。 您自己的社交網站由 WordPress BuddyPress 插件提供支持,現在可供訪問者使用。

由於我選擇了“活動”頁面作為首頁,訪問者可以在訪問網站後立即看到當前的活動。 在頂部,我有 BuddyPress 菜單,其中包含通知、設置和配置文件等選項。

在右側菜單中,所有小部件都按照我添加的順序列出,在頁面的主要部分,我有實時更新的活動流。

我正在運行我的社交網絡,在我的 Cloudways 託管服務器上啟用了 Varnish,沒有任何問題。 但是,如果您遇到問題,並且問題出在特定頁面上,請繼續並從 Varnish 設置中排除這些 URL 。 如果問題仍然存在,請從 Cloudways 服務器儀表板禁用清漆或聯繫 24/7 實時聊天支持。

最後的想法

安裝 WordPress BuddyPress 是一項艱鉅的工作,這個過程可能需要時間。 有一些事情可能會出錯,我試圖提出可能損害您的 BuddyPress 體驗的最常見問題的解決方案。

我還鼓勵讀者隨時通過下面的評論部分提出他們的問題。 我很樂意回答和指導你。 快樂連接!