Divi 插件亮点 – Divi 自定义博客模块

Divi 的博客模块允许进行各种自定义。 除了其标准调整，例如布局、字体样式、边框、覆盖、内容等，您还可以使用 CSS 进一步调整。 如果您想更改外观并添加一些功能而无需自己编写代码，该怎么办？ 一个名为 Divi 自定义博客模块的第三方插件可能正是您所需要的。

Divi 自定义博客模块（现在称为 DTS 博客模块 Pro）向 Divi Builder 添加了一个新模块，该模块提供了新的样式和功能，包括社交媒体标签、元和类别的背景颜色等。 它适用于全宽和网格布局。 添加您自己的 CSS 以进一步自定义它。 它添加了 12 个新的定制器选项，因此您可以实时调整颜色。 它还包括三个可放置在侧边栏中的新小部件。

在本文中，我们来看看 Divi 自定义博客模块插件，看看它可以做什么。 我创建了一些示例博客文章，以便我们了解它是如何工作的。 博客文章的图片来自 Unsplash.com。

安装和设置

就像任何高级插件一样上传和激活插件。 激活后，您会在仪表板中找到一个名为 Divi 自定义模块的新菜单项。

此菜单允许您选择可以添加到博客片段的其他项目。

DCM 选项允许您启用或禁用博客片段上显示的社交媒体和电子邮件图标。

DCM 选项 – 自定义元允许您启用或禁用作者、日期和评论的自定义元字段。

我已经在我的示例中包含了所有这些选项。

创建博客布局

我创建了一个页面来显示我的示例博客文章并放置了模块。 请注意，现在有两个博客模块——原始的 Divi 模块（简称为博客）和一个名为自定义的新模块——博客。 选择自定义 - 博客。

您习惯的所有博客功能都在这里，包括布局、帖子编号、类别、元、分页、偏移、特色图像、图像叠加、字体样式、边框、图标等。您可以设置博客布局和以与具有相同控制级别的标准 Divi 博客模块相同的方式设计它。

为了帮助我们了解添加的功能，我首先要展示标准博客模块。 我选择了一个网格布局，并将其他所有内容保留为默认值。 它包括特色图片、作者​​姓名、日期、类别、评论数量和文章片段。 它很干净，看起来很棒。

这是使用具有相同设置的 Divi 自定义博客模块的博客布局。 它将类别名称移动到左上角，将帖子名称居中并将其放置在一个彩色框中，添加我在仪表板菜单中选择的社交共享按钮，并将元信息移动到帖子片段下。

这是一个更近的视图。 将鼠标悬停在社交图标上会交换图标颜色和背景颜色——所以图标现在是白色的，而其背景颜色是社交网络的品牌颜色。 在本例中，我将鼠标悬停在 Google+ 图标上。 单击该按钮会将您带到可以共享文章的社交网络（就像任何社交共享按钮一样）。

这是仅显示最新帖子的常规主页（不使用 Divi Builder）。 它使用带有背景图像的垂直导航、标准 WordPress 帖子和侧栏中的常规 WordPress 小部件。 我想展示这个以进行比较。

以下是 Divi 自定义模块处于活动状态的正常 WordPress 帖子布局。 即使此页面不是使用 Divi Builder 构建的，它仍然使用 Divi 自定义博客模块以全宽布局显示帖子，其中包含所有相同的附加内容。

帖子垂直堆叠，图像在左侧，标题没有样式背景，社交关注按钮和片段。 类别在左上角，元信息在底部，就像使用模块一样。

三个新小部件

该插件还添加了三个新的小部件：

DCM-关于- 名称、标题、职位、图像、描述和社交网络。

Divichild 最新帖子- 标题、帖子数量、类别。

Divichild 热门帖子- 标题、帖子数量、类别。

与 Divi 自定义博客模块一样，小部件可以使用主题定制器进行样式设置。

这是放置在标准 WordPress 主页上的小部件的外观。 小部件用模块的颜色包裹。 在网格中查看时，关于小部件使用与模块类似的布局设计。

主题定制器

当然，字体和颜色可以根据您的喜好进行修改，您可以像标准博客模块一样添加带有图标的覆盖层。 我们可以使用 Theme Customizer 进行更多自定义。

新的自定义添加到主题定制器，称为 Divi 自定义博客布局。 您可以在此处调整模块和小部件的标签、背景、字体、图标和链接的颜色。 您可以单独或一起调整小部件。

在这个例子中，我调整了背景、图标和字体颜色。 您可以实时查看所有调整。

下面是我在主题定制器中所做的所有调整的全宽博客模块。 这个使用全宽布局。 调整包括类别标签颜色、元模块背景和字体颜色、帖子标题背景、关于小部件背景和社交图标颜色以及所有小部件标题颜色。

这个使用网格布局。 两种博客卡片样式看起来都很棒。

执照

该许可证允许您和您的客户在无限的网站上使用该插件，只要您愿意。 Divi 自定义博客模块非常易于使用，不需要文档。 如果您可以使用 Divi 模块和主题定制器，则可以使用此第三方插件。

• 这是一个高级插件。 点击此链接购买：Divi 自定义博客模块

最后的想法

所有附加元素都使帖子片段焕然一新，但这不仅仅是视觉上的。 添加的内容实际上很有用。 当然，您可以调整颜色和字体，使其与您的品牌或主题完美契合。

我特别喜欢添加到每个帖子的社交分享按钮和带有社交关注按钮的关于小部件。 最新帖子和热门帖子小部件增加了更多耀斑，让您可以匹配样式或单独设置样式。

Divi 自定义博客模块很简单，但在模块和小部件之间添加了相当多的自定义功能，使任何博客看起来都很棒。 如果您想为博客页面或侧边栏添加一些新功能，这个插件值得一看。

我们想听听您的意见！ 您是否尝试过 Divi 自定义博客模块？ 请在评论中告诉我们您的体验。

精选图片来自 hanss/shutterstock.com