使用 WordPress 和 BuddyPress 構建社交網絡應用程序

已發表: 2018-07-12

如果您擁有 BuddyPress 網站,您可能已經在 Google Analytics(分析)中看到您的大部分網站流量來自移動設備。 現在,您知道是時候創建 BuddyPress 移動應用程序了,這樣您的用戶無論身在何處都可以輕鬆訪問您的網站。

如果您是一位經驗豐富的 WordPress 用戶,那麼您可能已經接觸過其強大的社交網絡解決方案BuddyPress

WordPress 使非技術網站所有者可以通過免費的B uddyPress 插件通過幾個簡單的步驟輕鬆設置功能齊全的社交網絡平台

它背後的開發者將其描述為一個盒子裡的社交網絡 它允許會員註冊、創建個人資料、與其他會員聯繫並分享狀態更新——就像他們在任何其他社交網絡上一樣。

此外,使用 BuddyPress 構建社交網站非常適合希望為團隊成員、客戶和朋友創建自己的社交網絡以交流和共享內容的在線企業主、小眾社區、機構和其他組織。

使用 BuddyPress,您可以獲得:

  • 與 WordPress 無縫集成的完整社交網絡解決方案。
  • 直觀且用戶友好的界面,非常易於使用。
  • 一個可通過附加組件擴展的開源平台。
  • 您自己的社交網絡平台!

繼續閱讀以了解為什麼 BuddyPress 應該為您的網站移動應用程序提供支持以及如何開始。


您知道您可以將您的 WordPress 網站轉換為原生移動應用程序嗎? 這是構建移動應用程序最快、最經濟的方式。 在 MobiLoud,我們專門為 WordPress 構建了兩種解決方案——用於博客和新聞網站的新聞以及用於電子商務、社區和任何 WordPress 網站的 Canvas。 您的所有插件和自定義代碼開箱即用,您可以為應用程序使用自己的主題。 獲取免費演示,了解我們的哪些平台最適合您的網站。


使用 BuddyPress 建立社交網絡的好處

使用 BuddyPress 建立社交網絡很容易。 安裝簡單。 配置快速直觀。 而且,就像 WordPress 一樣,它具有您想要的社交網絡的所有功能。

使用 BuddyPress 構建社交網絡網站

僅僅因為它易於使用,這是否使 BuddyPress 成為構建社交網絡網站的最佳解決方案? 以下是 BuddyPress 為您提供的一些功能:

  • 註冊用戶和成員。
  • 根據用戶的偏好與用戶共享自定義提要。
  • 向用戶發送有關其供稿和社區活動的相關通知。

並且不要忘記它為您的用戶做了什麼,他們現在可以:

  • 為自己創建更強大的用戶配置文件。
  • 管理他們的帳戶。
  • 彼此“朋友”。
  • 參加私人聊天。
  • 發布、評論、收藏/喜歡和標記他人。
  • 根據共同的興趣、位置等創建和加入子組。

此外,由於 BuddyPress 是開源軟件,因此可以使用許多與 BuddyPress 兼容的插件對其進行擴展。
廣告
BuddyPress 兼容插件
BuddyPress 還適用於任何符合標準的 WordPress 主題。

因此,如果您的網站已經存在並且您正在添加社交網絡,那麼您不必擔心放棄舊主題來尋找對 BuddyPress 友好的主題。

也就是說,有許多專門為 BuddyPress 網站設計的 WordPress 主題,因此請務必繼續閱讀以獲取建議列表。

準備好啟動您的 BuddyPress 網站發展了嗎?

在我們的可下載 PDF 中發現 3 個最重要的 BuddyPress 插件!

BuddyPress 移動應用程序的優勢

使用 BuddyPress 構建社區站點後,您現在就有機會為其構建社區應用程序。
comScore 的 2017 年美國移動應用報告顯示,總體而言,移動應用(智能手機和平板電腦)佔使用數字媒體的所有時間的 57%。

comScore - 數字媒體時間
當您只關註消費者如何在移動設備上花費時間時,就沒有競爭對手了。 在移動設備上花費的 87% 的時間發生在移動應用程序中。

comScore - 移動媒體時間

顯然,移動應用程序的便利性遠遠優於依靠移動瀏覽器訪問常用網站和服務。

智能手機用戶想要一種簡單的方式來訪問他們喜愛的內容和服務。 作為網站所有者,應用程序就提供了這樣的功能,並為您帶來了一些額外的好處。

BuddyPress 移動應用程序將提供優勢,幫助您的用戶找到、參與並繼續使用您的社區。

吸引更多目標受眾。 一份來自 2018 年的皮尤報告顯示,在過去十年中,所有年齡段的社交媒體使用量增長速度有多快。
按年齡劃分的社交媒體使用情況
也就是說,很明顯年輕用戶更傾向於社交網絡。 此外,在移動應用程序上花費最多時間的是年輕一代。

comScore - 移動平均小時數
BuddyPress 應用程序讓您有機會吸引更多目標受眾,並比您在移動網絡上更多地吸引您的用戶。

熟悉。 瀏覽網站的體驗有時會讓人感到意外。 然而,對於移動應用程序,有一個公式可以設計出有效的用戶體驗。 正是這種熟悉程度使用戶在這種環境中立即變得更加舒適。

更高的生產力。 對於為專業目的而開發的社交網絡,您為企業提供了在其自身運營中提高生產力的機會。 隨著生產力和利潤的提高,消息將會傳播開來。

一個直接的溝通渠道。 推送通知允許您與站點用戶建立直接交互,提醒他們注意站點上發生的新內容、事件和任何事情。

不斷提醒您的社區。 除了推送通知之外,在用戶的主屏幕上顯示應用程序圖標是提醒用戶登錄網站的最佳方式。

在應用商店中的存在。 人們越來越依賴應用商店來發現新的服務和社交應用。 您在那裡的存在意味著您有機會在人們實際搜索的地方找到。

簡化登錄。 許多應用程序現在利用社交媒體登錄功能(通常通過 Facebook、Twitter 或 Google)來更輕鬆、更快速地訪問內部。

原生社交分享。 您的應用可以依賴用戶安裝的應用進行社交分享,這意味著他們現在可以更輕鬆、更快捷地分享您的內容。

原生廣告。 移動應用可以集成 Admob、Google Ad Manager、Mopub 等原生移動廣告解決方案。 作為網站和應用程序發布商,這意味著您可以將您的獲利策略與特定於應用程序的解決方案集成,該解決方案有效地不受廣告攔截器的影響(還有其他獲利方式 - 請在此處查看我們的移動應用獲利完整指南)。

離線訪問。 構建一個社區應用程序來補充您的站點,最終用戶可以從他們的設備直接訪問它,並且可以離線使用它(前提是您的站點支持該功能)。

這是另一個學習機會。 您與觀眾互動的每一個數字渠道都是一種學習體驗,您可以從中獲利。 了解真正讓您的社區興奮的是什麼,這樣您就可以不斷地建立一個更好的社交網絡。

當然,移動應用程序只是其中的一部分。 因此,讓我們了解如何讓您開始使用 BuddyPress 網站,然後看看創建 BuddyPress 移動應用程序所涉及的工作。

開始使用 BuddyPress 網站

BuddyPress 插件
要開始使用 BuddyPress 網站,您首先需要從 WordPress 存儲庫安裝 BuddyPress 插件。
在 WordPress 中,導航到插件菜單。 點擊 Add New 並蒐索 BuddyPress:

激活 BuddyPress
找到 BuddyPress 插件後,安裝並激活它。

因為每個 BuddyPress 社交網站都會有所不同,所以花一些時間對其進行配置以使其符合您的確切需求非常重要。

配置 BuddyPress 設置:組件

您可以在 Settings > BuddyPress 菜單下找到 BuddyPress 插件的設置。

BuddyPress 設置菜單
配置的第一個選項卡稱為組件。

BuddyPress 組件
您可以在此處確定要向用戶提供的功能類型。 這些包括:

  • 擴展配置文件
  • 帳號設定
  • 朋友聯繫
  • 私信
  • 活動流
  • 通知
  • 用戶組
  • 網站追踪

要更改默認配置,只需選中您想要的功能或取消選中您不需要的功能。 然後點擊頁面底部的“保存設置”按鈕。

請注意,激活其中一些組件後,新菜單現在將出現在 WordPress 儀表板中。

BuddyPress 組件菜單
活動讓您知道“作者”在註冊帳戶、更新個人資料、與其他用戶加好友等方面在網站上做了什麼。

群組允許您創建用戶可以加入的新子群組,包括為每個群組配置唯一設置、添加徽標和添加用戶。 您還可以從此菜單中查看所有 BuddyPress 群組的狀態,並隨時了解哪些群組最活躍、成員最多等。

電子郵件是您根據社交網絡的活動自定義和創建新的自動消息傳遞的地方。
在“用戶”菜單下,您還會發現三個新設置:

管理註冊:您可以註冊和批准新用戶。 但是,要激活此模塊,您需要訪問“設置”>“常規”菜單。

設置常規菜單

單擊“任何人都可以註冊”以啟用此組件。

配置文件字段:使用它來自定義新註冊用戶在創建和更新他們的配置文件時可以使用哪些字段。

站點通知:如果您想在用戶登錄您的網​​站後向他們發送歡迎消息或通知,請在此處創建。

配置 BuddyPress 設置:選項

返回 BuddyPress 設置菜單。 單擊選項選項卡。
BuddyPress 選項
在此選項卡中,您將確定用戶對其帳戶和個人資料的靈活性和控製程度。 這分為四類:

  • 主要設置:處理界面選項以及刪除帳戶的能力
  • 個人資料設置:主要涉及帶有圖像的個人資料的個性化
  • 群組設置:允許用戶創建自己的群組並使用圖像對其進行個性化設置
  • 活動設置:如果您想在活動流中允許用戶參與,請選中此項

完成後保存您的設置。

配置 BuddyPress 設置:頁面

最後,讓我們談談您的 BuddyPress 社交網絡需要哪些頁面。
BuddyPress 頁面
在此選項卡中,您需要為您的社交網絡分配指定頁面。 如果您不需要它們,則無需使用所有這些。 如果是這種情況,只需為該頁面選擇“無”並保存您的更改。

另外,請注意 BuddyPress 會自動為您創建這些頁面:

  • 成員
  • 活動流
  • 用戶組
  • 登記
  • 激活

您也可以創建自定義的。 請記住通過此頁面鏈接它們。

最後但並非最不重要的一點是,您必須將這些頁面添加到您的 WordPress 網站的導航中(BuddyPress 不會為您處理這部分)。

為此,請轉到外觀 > 菜單。 找到您要添加的新社交網絡頁面,單擊每個頁面旁邊的複選框,然後選擇“添加到菜單”。 然後,您會看到它們掉入右側的導航菜單結構中。

更新導航
以您認為合適的方式組織這些,然後在完成後單擊“保存菜單”。

選擇一個相關的主題

BuddyPress 讓用戶可以在幾分鐘內通過簡單的設置啟動一個社交網站。 完成初始設置後,您需要為您的網站設置一個主題。 正如我之前提到的,BuddyPress 與所有兼容的 WordPress 主題兼容。 但是,如果您想要一個使設計社交網站更容易處理,以及稍後將其轉換為移動應用程序的主題,您需要一個針對移動設備優化的主題。

我們挑選了一些最好的 BuddyPress 主題來幫助您開始工作,特別關注它們的移動功能和設計。
好友應用
好友應用
BuddyApp 將自己定位為移動優先的社區主題。 這個獨一無二的主題採用了針對移動設備優化的設計,非常適合管理和參與任何私人社區——Intranet 或 Extranet。 BuddyApp 超快的基於 AJAX 的搜索、實時聊天和實時通知增強了用戶體驗,使其成為您社區移動應用程序的理想選擇。

克萊奧
KLEO 主題
KLEO 是一個多用途的 BuddyPress 主題,旨在將您的社交網站提升到一個新的水平。 借助其多功能模板和演示導入器,您可以非常輕鬆地設計具有社區成員所需功能的移動社交網絡網站。 作為獎勵,KLEO 主題帶有 Visual Composer 拖放頁面構建器,便於自定義。

社交

社交主題
Socialize 是專門為 BuddyPress 構建的多用途 WordPress 主題的另一個很好的例子。 此外,當您想將社區論壇添加到您的社交網絡時,Socialize 與 bbPress 集成。 在此主題中包含的用戶友好功能中,最令人興奮的是在 Visual Composer 中包含 BuddyPress 小部件。

辦公室

Woffice 主題
在為當地政府、學術界和其他本地服務組織設計內聯網和外聯網社區時,您的關注點應該少放在提供有趣的收藏/評論/交友功能上。 這需要一個功能強大的協作網絡。 Woffice 通過採用受 Material Design 啟發的設計,成功響應了幫助設計師創建私人社區的號召,同時還專注於其移動友好性。

一般來說,使用與 BuddyPress 兼容的 WordPress 主題將加快新社交網絡網站的上市時間。 但是,不要忘記花時間為它開發個人品牌。 這包括為您的社區確定一個獨特且令人難忘的品牌名稱,設計與其相匹配的自定義徽標,以及選擇能夠正確反映網絡基調和個性的配色方案。

使用 MobiLoud Canvas 構建您的移動應用程序

建立 BuddyPress 網站後,您現在可以專注於將該網站轉換為移動應用程序,供社區成員使用和互動。 在如何執行此操作方面,網站所有者和 Web 開發人員有一些選擇。

  1. 以您的 WordPress 網站為靈感,從頭開始編寫移動應用程序代碼。
  2. 聘請應用程序開發人員代表您構建它,這可能既昂貴又漫長。
  3. 快速創建一個混合移動應用程序,將您的移動網站插入應用程序(可能導致應用程序商店拒絕)。
  4. 使用值得信賴的軟件和移動應用專家將您的網站轉換為 BuddyPress 原生應用。

最後一個選項是理想的選擇。 它具有成本效益、快速並產生最高質量的結果——尤其是當您使用MobiLoud Canvas 應用程序
電子商務移動應用

什麼是 MobiLoud 帆布?

MobiLoud Canvas允許網站所有者使用適用於 iOS 和 Android 平台的本機移動應用程序擴展其網站的純在線狀態。

通過這項完整的服務,您可以使用現有的 BuddyPress 主題設置功能齊全的移動應用程序。 這可確保您在為您的網站創建移動應用程序時不會丟失您辛辛苦苦構建的設計自定義和品牌。

MobiLoud Canvas背後的團隊將負責為您配置、構建和發布您的移動應用程序。 一旦您註冊了該服務,您幾乎不需要做任何工作來將您的應用程序發佈到 Google Play Store 或 Apple App Store。 哦,不要忘記您收到的專門支持和自動更新。 它確實是一個多合一的移動應用程序解決方案。

MobiLoud Canvas通過向您的移動網站添加原生層來工作,其中包括:

  • 可自定義的本機啟動屏幕,可讓您的移動 Web 應用程序在應用程序啟動時在後台加載。
  • 頁面預加載,因此當您的應用程序啟動時,您網站的主要頁面立即可用。
  • 本機標籤欄,用於在應用程序的主要頁面之間進行即時導航。
  • 推送通知收件箱以返回您發送的所有消息,這也恰好與OneSignalFirebase集成
  • 用於推送通知的高級控制面板,因此用戶可以控制他們收到的內容。
  • 支持與推送通知集成的用戶登錄。
  • 支持地理位置以允許在您的 Web 應用程序中使用任何基於位置的功能。

以下是 MobiLoud Canvas 在競爭中成為最佳選擇的更多原因:

  • 它與 WordPress 登錄集成,這對您的用戶來說非常有用。
  • 它與 BuddyPress 集成,因此當您轉換為應用程序時,您不必擔心會丟失網站的任何功能。
  • 它也不是一些臃腫的應用程序(如 PhoneGap),它會迫使你錯過 BuddyPress 的關鍵元素。

通過為您的移動網站和移動應用程序提供最佳功能, MobiLoud Canvas使您的社交網絡在 iOS 和 Android 應用程序商店、快速導航 UI 元素、內容緩存、本地移動廣告選項、動畫和前端和-觀眾移動設備上的中心屏幕空間。

如何使用 MobiLoud Canvas 輕鬆將 BuddyPress 轉換為移動應用程序

想看看將您的 BuddyPress 社區輕鬆轉換為移動應用程序是多麼容易嗎? 跟著這些步驟:

第 1 步:安排與 MobiLoud 的一位應用專家進行免費諮詢

要開始構建您的移動應用程序,我們的團隊需要更多地了解您的業務和獨特需求。 訪問 MobiLoud,然後在適合您的時間輕鬆安排演示。
mobiloud buddypress 移動應用程序

第 2 步:為您構建您的移動應用程序!

經過諮詢電話並決定繼續進行後,我們經驗豐富的應用程序開發人員團隊將開始為您構建 BuddyPress 移動應用程序。

在短短幾天內,您將獲得對應用程序的第一個版本的訪問權限,然後您可以進一步對其進行自定義!

第 3 步:完全自定義您的應用配置

擁有應用程序的第一個版本後,您將可以訪問配置,這使您可以更改移動應用程序的外觀以及用戶的功能。

您可以更改菜單和選項卡項目、應用配色方案、通知類型等的任何內容

以下是您可以在 Canvas 配置中更改的內容的快速演練:

菜單


這與您之前遇到的導航模塊相同。 如果您犯了錯誤或想在將來對導航選項卡進行更新,請在此處進行。

顏色

MobiLoud 畫布生成器
隨心所欲地應用顏色。

推送通知

BuddyPress 推送通知

為用戶可能收到的不同類型的 BuddyPress 通知創建有針對性的消息(例如朋友活動、群組活動、新提及、收藏等)。您還可以使用它自動向他們發送新的博客文章或時事通訊警報。
為了使您的應用符合GDPR 指南,請允許用戶選擇退出消息。

登錄

登錄配置
如果你想給用戶一個登錄頁面,你必須在這裡創建它。 您可以定義向用戶顯示登錄屏幕的方式和時間。

設置

高級設置
控制您的移動應用程序的一些技術方面,因為它與緩存、代碼注入、位置支持等有關。

廣告

廣告
因為您正在創建一個原生移動應用程序,所以您不再需要擔心會阻止現場廣告工作到達用戶的廣告攔截器。 如果您想通過您的移動應用獲利,請激活此模塊。

分析

分析
如果您想通過您的移動應用獲利,請激活此模塊。 通過與一些領先的移動廣告平台(如Google Ad ManagerMoPub )的集成,您可以在提供自己的廣告資源或來自AdMobFacebook Audience Network等廣告網絡的橫幅方面擁有最大的靈活性

因為您正在創建一個原生移動應用程序,所以您不必擔心會阻止現場廣告工作到達用戶的廣告攔截器。

評分

收視率
除非此應用程序僅用於內部或專用網絡,否則收集用戶評分以用於社會證明非常重要。 您在應用商店中獲得的應用越多,其他人下載它的可能性就越大。

進階

BuddyPress 移動應用程序
高級選項卡是一個編輯器,您可以使用自定義 CSS 來調整應用程序的每個元素。 應用程序的 JSON 配置中也有一些“隱藏”設置,如果您更喜歡使用配置文件而不是 Canvas 構建器界面,則可以使用。

第 4 步:測試您的應用

在發布對應用配置的任何更改之前,您可能需要預覽您的 BuddyPress 應用! 您可以通過單擊 Canvas 配置右上角的“測試應用程序”按鈕來執行此操作。

您可以在 Canvas 配置中輕鬆測試您的應用程序,以確保它在 Android 和 iOS 上的功能和外觀都符合您的預期。

使用 mobiloud 預覽 buddypress 應用程序

第 5 步:發布您的應用

完成移動應用程序的配置後,單擊屏幕右上角的“發布”按鈕。 從那裡,您的應用程序將自動更新您所做的更改!

這是運行 BuddyApp 主題的社交網站的屏幕截圖,一旦它使用MobiLoud作為本機應用程序發布後會是什麼樣子
BuddyApp 示例
當您測試新應用程序時,您可以像用戶一樣與它進行交互,確保一切——從圖像放置到文本大小以及介於兩者之間的所有內容——都能很好地完成您想要完成的任務。

從這個示例中可以看出,應用程序的每個頁面都具有乾淨、一致的外觀。 底部的菜單很容易找到,並使用清晰的標籤來區分網絡的不同部分(同時突出顯示當前打開的選項卡)。 當您在 MobiLoud Canvas 中測試您自己的應用程序時,請務必仔細查看這些關鍵的 UX 元素。

一旦您對應用程序的結果感到滿意並且您已讓 MobiLoud 將其發佈到您選擇的應用程序商店,請務必訪問它,將其下載到您的手機,然後開始使用它。 這是發現它的新用途並從最終用戶的角度改進功能的好方法。

第 7 步:通過推送通知吸引用戶

對於傳統的 WordPress 網站,您必須想辦法吸引訪問者分享他們的聯繫信息。 然後,當他們離開您的網站時,您需要讓他們參與電子郵件營銷。

如果他們不願意填寫聯繫表格並交出電子郵件地址,就很難與這些潛在客戶、客戶或會員保持聯繫。

但是,當您在移動應用程序中構建體驗時,您將擁有直接聯繫用戶的明確優勢。 由於您的社交網絡位於他們的移動設備上,您可以在他們的移動設備上使用直接發送給他們的推送通知。

您可以使用推送通知來:

  • 讓用戶知道 BuddyPress 網絡中的活動何時發生。
  • 發送指向新內容的鏈接。
  • 提醒用戶他們沒有看到的論壇帖子。
  • 通知他們私人消息。
  • 詢問應用商店評級。
  • 和更多。

因此,推送通知對您的品牌有益,因為它們:

  • 讓用戶在您的應用中停留更長時間。
  • 增加您的應用程序的受歡迎程度,因為它非常有用和引人入勝。
  • 因為它鼓勵重複使用和增加流量,所以您可以更多地了解您的用戶,從而構建更好的體驗。

確實,推送通知與短信沒有太大區別。 您的警報會出現在他們的屏幕上——只要他們啟用了它們——這樣您就可以分享有關應用程序內正在發生的事情的快速片段。 這反過來又迫使他們重新訪問該應用程序。 當用戶定期收到您的相關更新時,它還會讓您的應用成為他們的首要關注點。 這是一個雙贏的局面。

包起來

BuddyPress 是一個強大、功能豐富的解決方案,用於構建社區和社交網絡平台,可用於任何事情,從幫助您當地的運動隊聚會,到允許遍布全球的龐大員工網絡在項目上進行協作。

借助本地移動應用程序補充社區的在線狀態,這將為用戶提供一種新的、熟悉的方式來與朋友、家人和同事聯繫,這要歸功於應用程序獨有的功能,例如在設備的主屏幕上顯示、推送通知和即時訪問到您網站的主要部分。

MobiLoud 擁有適用於所有主要 WordPress 插件的應用程序構建器,例如 WooCommerce、LearnDash、PeepSo 等等。 Canvas 是 BuddyPress 的理想選擇

如果您還沒有,一定要獲得一個演示,看看 MobiLoud Canvas 在您的支持 BuddyPress 的社交網絡上的表現如何! 然後,當您準備好時,開始使用 MobiLoud。