上海市公司网络设计:如何使用Divi的马拉松布局包将论坛添加到您的网站

2019.05.28 关键词:

添加一个论坛到您的网站是一个相当简单的过程。有一些伟大的插件,这将给你的功能,但可能是难以匹配的设计论坛与你的Divi布局。

上海市公司网络设计在本用例教程中,我将向您展示如何向您的站点添加一个既强大又漂亮的论坛。我将使用Divi的马拉松布局包与论坛插件WPForo。

我想你会对这个结果感到惊讶的。

我们开始吧。

偷窥

这里是我们将一起创建的论坛的一个偷窥。
上海市公司网络设计

本教程需要什么?

要完成本教程,您需要以下内容:

· divi主题(已安装和活动)

· 关于网页布局的马拉松(可从Divi Builder访问)

· WPForo插件

创建您的论坛

为了创建论坛,我们将使用WPForo插件。通过导航到Plugins>AddNew,您可以在WordPress仪表板中搜索插件。

上海市公司网络设计

一旦你激活插件,导航到论坛>论坛。这将使您进入“类别和论坛”页面,在该页面中可以设置新的类别和论坛,并更改它们的顺序和层次结构。默认情况下,您将看到一个名为“主类别”的蓝色类别块和一个名为“主论坛”的白色论坛块。这意味着你有一个论坛名为“主论坛”的类别“主要类别”。

让我们将主类别的名称更改为“马拉松”,方法是单击蓝色块菜单上的编辑图标。

然后按以下方式更新类别信息:

标题:马拉松
描述:这些都是我们的马拉松论坛。
论坛子弹:马拉松
类别布局:简化

发布您的更改。

回到“类别和论坛”页面,单击“编辑主论坛”。

更新如下:

跑步是一种生活方式。
描述:这是一个关于马拉松跑步生活方式的论坛。
论坛子弹:跑步是一种生活方式

发布您的更改。

让我们在马拉松类别下再创建一个论坛,方法是转到类别和论坛页面,然后单击页面顶部的AddNew按钮。

然后更新以下内容:

标题:竞赛预科
描述:本论坛讨论如何为马拉松做准备。
论坛鼻涕虫:种族准备
家长论坛:马拉松

发布您的更改。

更新论坛设置

现在我们已经创建了我们的论坛,让我们导航到论坛>设置到论坛设置。

在普通标签,您可以更新论坛基URL、论坛标题和论坛描述。

不要忘记在进入下一个选项卡之前更新您的选项。

插件有三个论坛布局(或模板)。这些内容包括简化的布局(我们正在使用的布局)、扩展的布局(对于包含大量内容的多论坛结构来说非常好),以及问答布局。由于我们使用的是简化的布局,论坛选项卡下的设置不适用。

这个论坛访问选项卡允许您为将访问您的论坛的每个用户组设置权限。默认情况下,来宾将拥有只读访问权限,注册用户将拥有标准访问权限,管理员将拥有完全访问权限。

悬停在“标准访问”上,单击“编辑”以更新权限(如果需要)。

请记住,每当用户为论坛注册时,他们的帖子将等待审核,直到您(管理员)在审核页面下批准他们。此外,如果您离开选项“可以附加文件”选中,新注册的查看器仍将无法张贴附件,直到他们成功张贴了4或5成功和批准的帖子。这是针对垃圾邮件发送者的一项有益的安全措施。

您可以跳过主题和职位选项卡目前,但这些选项可能有助于您自己的论坛稍后。

这个成员标签有一些很酷的选择。您可以在用户登录、注册和/或确认订阅后添加自定义重定向。你甚至可以自定义评级系统和徽章会员将收到通过张贴在论坛(我喜欢)。

您可以跳过电子邮件标签现在,但这将有助于设置您的确认和通知电子邮件。

这个功能选项卡拥有许多强大的选项,以定制您的论坛。你可以在你自己的时间里去看看是否有适合你的情况。前七个选项(和最后一个)允许您选择您想要显示的论坛元素。为了我们的目的,我想通过隐藏论坛统计部分和WPForo页脚来清理论坛。

下面是我们的论坛目前的样子,下面是这两个元素。

上海市公司网络设计要隐藏这些元素,请为“显示论坛统计”选择“No”,并在页面底部选择“帮助wpForo增长,显示插件信息”选项“No”。

设计你的论坛

Style选项卡是您可以通过编辑配色方案和字体大小来设计论坛的地方。您甚至可以添加您自己的自定义CSS。

首先更新以下字体大小:

论坛:27 px
专题:27 px
帖子内容:16 px

然后在输入框中添加以下自定义CSS:

01

#wpforo-wrap #wpforo-title{font-size: 46px; font-weight: 600; line-height: 1.3em; }

此CSS更改论坛标题为一个更大的字体大小与更多的空间,以配合我们的Divi马拉松布局。

您可能会注意到,您没有选择更改论坛使用的实际字体。没问题。当我们向页面添加论坛短代码时,我们可以从Divi构建器中处理这个问题。

论坛颜色样式是有点压倒性(和混乱)在乍一看,因为你不知道什么颜色分配给我们的论坛元素。若要查找此信息,请单击文档链接。

这将您发送到关于这些颜色的文档,以及哪些元素受到每种颜色的影响。这些文档很有帮助,因为它不仅列出了分配给每种颜色的元素,还为您提供了可用于自定义单个元素的目标CSS ID/Class。

若要将Divi马拉松布局的颜色与我们的默认调色板匹配,请更新以下内容:

颜色9:#ffffff
颜色11:#4866FF(这是从马拉松布局上的按钮颜色取下来的颜色)
颜色12:#4866FF
颜色14:#4866FF
颜色15:#4866FF
颜色16:#4866FF

设计您的论坛页面

一旦激活WPForo,论坛页面将自动为您创建。论坛主页可在网址:urlexample.com/Community/上找到。继续从你的页面列表中找到论坛页面,然后点击编辑它。该页的内容部分将有一个短代码。我们将使用这个短代码将论坛插入到我们布局的文本模块中。

部署DiviBuilder和VisualBuilder。然后打开底部的“设置”菜单,单击从图书馆添加图标并选择使用马拉松关于页面布局。

删除第一节中的第一行。然后用文本模块替换保留在第一部分的行中的视频模块。

在“文本模块内容”框中,输入短代码[wpforo]。

在“设计”选项卡下,更新以下内容:

文字字体:蒙特塞拉特
链接字体:蒙特塞拉特
链接字体重量:中等
标题字体:蒙特塞拉特

定制填充:3%顶部,3%右边,3%底部,3%左

框影:选择第三个选项并将阴影颜色更改为RGBA(0,0,0,0.12)。

保存设置。

转到节设置,并将自定义填充更改为默认值。然后禁用框阴影选项。

保存你的设置。

然后删除其余的行和节下面的论坛部分。

现在让我们来看看最后的结果。

要将主题添加到论坛中,请单击“论坛”页面中的某个论坛,然后单击“添加主题”按钮。

下面是一个主题页面的示例。

以下是您的论坛在移动平台上的样子:

最后思想

如今,论坛在网络上是一个很受欢迎的功能。那么,为什么不在你的马拉松网站上添加一个呢?WPForo插件具有出色的功能,通过使用DiviBuilder进行一些定制,您可以将论坛的设计与Divi的马拉松布局包相匹配。

我希望这个用例教程将帮助您创建您自己的美丽论坛为您的网站。

上海市公司网络设计和往常一样,我期待着在评论中听到你的意见。

 


关键词
最新推荐
联系电话 400-6065-301

微信咨询 寒总监