如何使用 Divi 模板化您的 WordPress 帖子

已发表: 2022-11-04

如果您想为您的 WordPress 帖子添加一些结构,那么模板是一个很好的方法。 Divi 是一个流行的 WordPress 主题,带有内置的模板系统。 在本文中,我们将向您展示如何使用 Divi 模板化您的 WordPress 帖子。 首先,您需要在 WordPress 中创建一个新页面并选择“Divi Page Builder”模板。 这将为您提供一个空白画布。 接下来,您需要在页面中添加几个部分。 对于每个部分,您可以从各种预先构建的布局中进行选择或创建自己的布局。 设置好部分后,您可以开始向其中添加内容。 您可以使用 Divi Builder 添加文本、图像、视频等。 一旦您对您的帖子感到满意,您就可以将其发布到您的 WordPress 网站。 这里的所有都是它的! 使用 Divi,您可以轻松地模板化您的 WordPress 帖子以添加结构和样式。

在本文中,我们将向您展示如何使用 Divi 的 Theme Builder 来设计博客文章模板。 博客文章模板是用于所有(或部分)博客文章的网站范围的模板。 使用Divi Theme Builder ,您可以轻松创建数百个视觉上吸引人的设计(并在整个模板中更改静态和动态内容的组合)。 博客帖子模板是具有动态内容的预先设计的模板,因此任何新的或现有的帖子都将自动继承其布局和设计。 使用 Divi Theme Builder 的内置动态内容功能,可以使用博客文章模板创建博客。 在开始处理项目之前,您必须首先了解要使用哪些模块以及如何将动态内容合并到模板中。 博客文章模板是使用 Divi Theme Builder 创建的。

通过导航到 WordPress 并选择 Divi、Theme Builder,您可以创建一个新模板。 通过单击添加自定义正文按钮,您可以为帖子模板的正文创建一个新区域。 如果您选择从头开始构建选项,您将能够开始创建自己的软件的过程。 在简介设置中,单击动态内容图标,然后单击标题输入框。 帖子作者动态内容元素可以添加到标题内容。 以下是修改设计设置的说明。 将评论计数添加到 Blurb 模块作为动态内容功能。

作为动态内容,您可以将 Post Author Profile 图片作为模块的图片。 帖子内容模块包含帖子的主要内容。 可以以与任何其他模块相同的方式更新发布内容模块的设置。 这个特性是必不可少的,因为它决定了应用到哪个类别。 这将能够从帖子模板中提取同一类别中的所有以前的帖子。 评论将添加到此博客文章模板的最后部分。 评论模块可以位于单列行的评论字段中。

如果您想保存对布局或主题生成器的更改,请更新其设计设置。 在设计帖子模板时,请记住所有可用的绝佳选项。 如您所见,我希望本教程是使用 Divi Builder 创建自己的博客文章模板时的一个好起点。 了解帖子模板的结构以及可用的各种工具至关重要。 虽然漂亮的模板可以让博主专注于内容创建,但它也允许模板为博主完成所有工作。

如何在 Divi 中显示博客文章?

图片提供:优雅主题.com

在 Divi 中显示博客文章的一种方法是创建博客页面模板。 这可以通过创建一个新页面并从页面属性菜单中选择博客页面模板来完成。 应用模板后,博客文章将显示在页面的主要内容区域中。

可以在Divi Builder 模块中找到博客,该模块旨在显示博客文章。 可以设置博客模块的样式,使其在添加到页面时更有趣。 Divi Builder 的博客模块提供了有限数量的样式选项。 例如,如果您希望博客文章显示为列表,则必须禁用该模块。 从博客设置面板的设计块中选择全宽选项。 CSS ID 将在 Classes 块下可见。 使用 left-blog-image CSS 类字段复制左侧博客的 CSS id。 您可以根据需要更改上面的代码。


如果我使用 Divi,我需要古腾堡编辑器吗?

图片来源:brandelemental.com

如果您使用 Divi 主题,则不需要 Gutenberg 编辑器。 Divi 是一个 WordPress 主题,其中包括一个页面构建器工具,允许您创建自定义页面和帖子,而无需使用代码。

WordPress 5.0 为平台引入了一个全新的块编辑器(又名 Gutenberg)。 我们新的 Divi Builder Experience不仅改善了设计体验,还包括新功能。 在本教程中,您将了解 WordPress 选项、成功集成新 Divi Builder 体验所需的步骤以及如何在您的 WordPress 网站中使用它。 您可以通过 WordPress 仪表板访问 Divi 菜单中的主题选项。 可以通过转到 Builder Options 选项卡并选择 Advanced 选项卡来启用经典 (WordPress) 编辑器。 接下来,从可用的三个选项中选择您希望如何开始设计页面。 前端按钮上的构建取代了传统使用的可视化构建器按钮。

在前端,它将使用 Divi Builder 来创建视觉上引人注目的设计体验。 新的 Divi Builder 在其后端包括其所有功能和 Visual Builder。 通过选择构建器顶部的视图模式,可以在后端激活视觉构建器体验。 当您在 Divi 的最新版本中编辑页面时,返回Classic Divi Builder非常简单。 Divi Builder 现在拥有以前仅在 Visual Builder 中可用的所有强大新功能。 您必须确保也在后端启用了 Classic Divi Builder。 此外,必须更新 WordPress 5.0,以及 Divi 的兼容性修复。

可以使用 WordPress 后端上的新 Divi Builder 从页面编辑器切换回Classic Divi 页面构建器。 两者都可以同时使用,但必须确定首选哪一个。 很快,您将能够在 Gutenberg 中使用您最喜欢的 Divi 模块或在 Divi Builder 中注册 Gutenberg 块。

一起使用 Divi 和 Gutenberg

我应该使用古腾堡编辑器吗? 你如何使用迪维?
同时使用 Gutenberg 和 Divi 作为编辑器不再需要使用哪个编辑器。 Divi 和 Elementor 都是用户友好的,并提供了广泛的设计选项。 如果您更喜欢它的工作方式但想要更大的灵活性,Elementor 可能是 Gutenberg 的一个很好的替代品。 Divi 将允许您选择最优化的选项和设计选项。
您如何使用古腾堡编辑器?
安装并激活后,转到设置并在“允许用户切换编辑器”选项上单击是。 在经典和古腾堡之间进行选择后,您可以在它们之间切换。

Divi 博客文章模板

图片来源:diviextended.com

您可以通过多种不同的方式创建博客文章模板。 一种方法是简单地在 WordPress 主题文件夹中创建一个新文件,并将其命名为“blog-post.php”。 然后,您可以将现有 WordPress 主题的“single.php”文件中的代码复制并粘贴到这个新文件中。 这将为您提供一个可以使用的基本模板。 创建博客文章模板的另一种方法是使用 WordPress Customizer 之类的插件。 此插件允许您创建新模板文件,然后在创建新帖子时从下拉菜单中选择它。 创建模板后,您可以开始向其中添加自己的代码,以根据自己的喜好对其进行自定义。 例如,您可能希望将特色图片添加到您的博客文章模板中。 为此,您需要将以下代码添加到您的模板文件中: 此代码将检查当前帖子是否具有特色图像集。 如果是这样,它将在帖子顶部显示特色图片。 您还可以将其他代码添加到模板中以进一步自定义它。 例如,您可能希望在博客文章模板中添加“阅读更多”链接。 php the_content('阅读全文'); ? > 此代码将显示您帖子的全部内容,然后是“阅读更多”链接。 自定义博客文章模板有无限的可能性。 这些只是您可以做的几个例子。 试验一下,看看你能想出什么!

作为本周 Divi 设计计划的一部分,我们将赠送一个免费的博客文章模板。 您可以前往 WordPress 网站后端的 Divi Theme Builder 下载模板。 当您上传新模板时,模板中会出现一个名为 All Posts 的新正文区域。 在开始修改模板的元素之前,您应该首先打开它。 这个博客文章模板充满了动态元素,一旦您安装它,这些元素就会与您的博客文章一起使用。 要在您的设计中包含电子邮件选项模块,您必须链接一个电子邮件帐户。 轻松将您自己的内容添加到侧边栏,例如文本、按钮的链接 URL 和选择加入的电子邮件地址。

Divi:最强大的博客解决方案

Divi 是一个强大的博客平台,对于那些寻求博客解决方案的人来说是一个绝佳的选择。 您可以选择使用强大的博客模块在各种页面上显示您的内容。 档案功能允许您将帖子添加到特定页面并将它们显示在单个帖子或多个帖子中。 此外,Divi 具有多种附加功能,使其成为出色的博客平台。

Divi Single Post 布局

Divi Builder 的可视化编辑器使您能够快速创建可以拖放的单个帖子。 无需与任何一行 HTML 或 CSS 交互。 无论您是为整个网站创建单个帖子布局,还是根据标签或类别等标准创建某些帖子/页面,都会显示它。