使用 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。