WordPress divi主题

Divi 概述和评论的期刊博客工具包

by | May 12, 2022 | Divi主题使用教程 | 0 comments

5分钟生成10篇英文软文article forge软件试用

Divi 的 Journal Blog Kit 是 Divi Soup 的第三方布局,具有子主题等功能。 布局本身是由 Divi 构建的,包括一个滑块、类别和一个带有悬停效果的博客提要,以创建一个优雅的博客页面。 它还具有样式化的侧边栏和您添加到子主题的默认自定义博客文章设计。 通过导入或简单的复制和粘贴将新功能添加到您的子主题中。

google广告开户

博客工具包包括三种不同的博客和存档页面布局。 您可以通过将包含的 CSS 粘贴到主题选项或子主题 CSS 编辑器中来更改全角、网格或内联布局。 存档、类别、标签、作者和搜索结果页面遵循与博客页面相同的布局。 它还包括 Font Awesome 集成。

博客工具包随附所有文件和有关如何使用它的说明。 在本文中,我将安装 Journal Blog Kit 并了解它的易用性并了解它的功能。

为 Divi 安装 Journal Blog Kit

解压下载的文件。 在里面,您会发现几个文件,包括用于博客页面布局和定制器设置的 JSON 文件、自述文件、CSS、PHP、JS 和小部件文件(这些是您可以在子主题中找到的文件类型) .

我建议按照说明查看如何安装文件,因为它将手动完成。 幸运的是,说明书写得很好,过程也不难。 您需要使用子主题(即使它是空白的)。 如果您将 PHP 文件添加到父主题,则在主题更新时将覆盖 PHP 文件。

这是一个布局并手动安装文件的优点是它适用于您当前的子主题。 您无需更换子主题即可添加这些新功能。

Divi 文档的日志博客工具包

下载文件中提供了文档链接。 单击该文件将转到博客工具包支持页面,您可以在其中找到搜索功能、安装说明、自定义说明和支持链接。 自定义说明显示如何更改颜色、布局中的列数和摘录长度。

WordPress divi主题

单击安装说明并按照步骤操作。 这将包括将代码复制和粘贴到某些位置、通过 FTP 上传文件以及通过插件导入文件。 每个步骤都很详细。 完成这些步骤需要几分钟。

Divi 博客页面的期刊博客工具包

博客工具包包含作为 JSON 文件的博客页面布局。 此布局应导入页面本身而不是 Divi 库。 该页面本身使用了一个帖子滑块、六个号召性用语模块,以及一个带有博客和侧边栏的行。 这将根据您使用的 CSS 以不同方式显示。 让我们看看每个布局的特点和布局。

Divi 滑块和类别的日志博客工具包

帖子滑块将垂直点导航放置在左侧,并在右侧显示摘录。 摘录使文本居中并具有较低的不透明度,因此滑块的特色图像显示出来。 它还包括一个查看帖子按钮。 当它滑动时,图像淡入,摘录从底部向上滑动。

号召性用语模块用作指向特定类别存档页面的链接。 将鼠标悬停在模块上会将按钮的颜色从带有白色文本的黑色背景更改为带有黑色文本的白色背景并添加黑色边框。 我喜欢大胆的黄色。 这是一种向页面添加类别导航的有趣方式。

颜色来自导入定制器样式。 您不必使用它,您可以轻松更改颜色。 如果您想访问您的原始定制器样式,您需要先将其导出。

Divi 全角布局的日志博客工具包

这是使用全角 CSS 的博客布局。 特色图像在悬停时放大。 它为摘录的第一个单词添加了一个首字下沉。 类别和首字下沉样式为黄色。 阅读更多按钮的样式与布局相匹配。

fiverr建站WordPress程序员

Divi 网格布局的日志博客工具包

网格布局在类别下的一行中显示两个帖子。 它包括与全宽布局相同的样式,例如特色图像的悬停缩放、黄色类别和首字下沉以及按钮样式。

Divi 内联布局的日志博客工具包

内联 CSS 显示博客文章,左侧是图像,右侧是文本。 它包括其他布局的样式和功能。 在此示例中,我在列表底部截取了一个屏幕截图,以显示样式化的旧条目按钮。 这个相同的按钮出现在所有布局中。

Divi 侧边栏的日志博客工具包

独立站选品工具

如果您导入小部件设置,它会创建一个带有多个样式小部件的侧边栏。 侧边栏包括一个带有标题、照片和描述的关于我的部分,以及用于搜索、类别、档案、标签和最近帖子的部分。 每个部分的样式都与布局相匹配。 我喜欢标题两边的黄线。 类别和档案是下拉框。 标签是样式化的链接。

Divi 个人帖子布局的期刊博客工具包

如果您通过 FTP 将帖子文件上传到主题文件,则使用 WordPress 而不是 Divi 构建器创建的各个博客帖子也会被样式化,并且添加了许多新功能。 功能包括帖子上方的类别、标题、日期、评论数量和标签。 该帖子有一个风格的首字下沉。

帖子后面是样式化的作者框、帖子导航、相关帖子和样式化的评论框。 评论是级联的,并包含一个样式图标,以表明回复是对另一评论的回应。 各个部分包括带有标题的样式黄线。

Divi Price 的期刊博客工具包

高质量外链购买

Divi 的期刊博客工具包售价为 49.00 英镑。 它包括使用它所需的所有文件和说明。

Divi 期刊博客工具包

Divi 的 Journal Blog Kit 为您的博客页面和帖子添加了许多样式功能。 我喜欢它为博客文章设置样式,而不必使用 Divi 构建器构建它们。 我也很高兴看到一个只关注博客的工具包。 博客并不总是得到足够的关注。

这些文件必须手动安装,但我认为这是一个很好的练习,因为它显示了某些类型的文件的去向,并为您提供了一些有关 WordPress 工作原理的信息。 添加文件实际上比听起来容易。 我添加任何代码都没有问题。

我将 CSS 添加到其中一个布局的子主题文件中,然后删除了该代码并将 CSS 添加到其他布局的主题选项中。 两者都按预期工作。 CSS、JS、PHP 和所有导入的文件在第一次尝试时运行良好。 要返回您的原始设计或其他设计,只需更改您的子主题并删除 CSS。

在布局中包含子主题样式功能很有趣。 我喜欢这个,因为它可以与任何子主题或布局一起使用。 如果您有兴趣为 Divi 添加一些新的博客功能,我强烈建议您查看 Journal Blog Kit。

JasperAI 10000字免费额度试用

我们希望收到你的来信。 您是否尝试过 Divi 的日记博客工具包? 在下面的评论中让我们知道您对此的看法。

特色图片来自 M.Stasy / shutterstock.com

5分钟生成10篇英文软文article forge软件试用
tiktok
WordPress divi主题