WordPress divi主题

使用 Divi 主题生成器的侧边栏指南

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

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

侧边栏可以成为任何网站的重要资产。 Divi 通过使开发人员能够使用 Divi Theme Builder 为帖子或页面模板设计完全自定义的侧边栏,从而促进了侧边栏的创建。 一旦 Divi 用户选择了具有所需侧边栏区域的列结构,他们就可以选择使用 WordPress 小部件区域、Divi 模块或两者的组合来使用 Divi 模块构建侧边栏内容,或两者兼而有之!

google广告开户

在这篇文章中,我们将为您提供有关如何在 Divi Theme Builder 中使用侧边栏的快速指南。 我们将介绍如何为您的模板正确创建侧边栏区域,以及如何使用内容填充侧边栏。 这将允许您在新的 Divi 模板上合并现有的侧边栏,并为整个网站的任意数量的模板构建新的侧边栏。

让我们开始吧!

订阅我们的 Youtube 频道

快速了解在 Divi 模板中使用侧边栏

您可以使用 Divi Theme Builder 为您网站上的任何帖子或页面模板添加侧边栏。 该过程与使用 Divi Builder 为特定页面布局创建侧边栏相同。 唯一的区别是添加到模板的侧边栏将显示在分配给模板的所有帖子或页面上。 这使您可以全局控制整个网站的侧边栏。

WordPress 侧边栏与 Divi 侧边栏

WordPress 侧边栏是 Divi 主题的默认模板内置的那些。 这些侧边栏将显示页面或帖子的布局包含侧边栏并且不使用 Divi Builder 来设计页面。

Divi 侧边栏是在 Divi Builder 中创建的,可以使用 Divi 模块填充内容,包括通过侧边栏模块的 WordPress 小部件。

WordPress divi主题

如何为您的模板创建侧边栏区域

为您的模板创建侧边栏的过程非常简单。

首先,您需要将自定义主体添加到您正在构建的模板中。

然后,您将需要使用部分和行和列结构构建页面模板结构。

例如,您可以在部分顶部使用一列行来显示模板的页面标题。

然后在标题行下,添加另一行,其结构包含一列,您可以将其指定为模板的侧边栏。

fiverr建站WordPress程序员

或者,如果您想利用指定的侧边栏区域能够添加多行来构建主体内容,您可以创建一个专业部分。

不同的专业部分列结构具有指定的侧边栏区域,由模态中的橙色表示。

独立站选品工具

是否要使用专业部分或常规部分来创建模板的侧边栏区域取决于您。 如果您使用专业版块,则侧边栏区域经过专门设计,可以像传统的侧边栏​​结构一样填充该部分的整个区域。 这意味着可以使用多行构建相对侧(非侧边栏侧),这对于常规部分是不可能的。 如果您使用常规部分,您将受益于使用更多内置设置设置侧边栏列的样式。 因此,对于简单的模板,尤其是使用博客模块显示模板内容的模板,我会使用常规部分并为您的主体内容(博客模块)指定一列,并为您指定的侧边栏区域指定一列。

高质量外链购买

如何将侧边栏内容添加到您的模板

将侧边栏内容添加到模板有两种主要方法。 第一个是将 WordPress 小部件区域添加到 Divi 模板。 第二种是直接在模板布局编辑器中将 Divi 模块和动态内容添加到侧边栏。 但是,如果您愿意,您可以通过在一个侧边栏中添加多个小部件区域和 Divi 模块来创建两者的组合。

添加 WordPress 小部件区域

默认情况下,WordPress(和 Divi)已经使用小部件区域来填充侧边栏。 可以通过转到 WordPress 仪表板并导航到外观 > 小部件来找到小部件区域。 在那里,您将看到已经填充了小部件的默认侧边栏小部件区域。

然后,您可以将小部件添加到要显示为侧边栏内容的侧边栏小部件区域。 您将能够在 Divi 模板中显示整个小部件区域。

使用侧边栏模块显示和设置小部件区域的样式

使用模板布局编辑器编辑模板的自定义正文区域时,您可以将侧边栏模块添加到指定的侧边栏列。

JasperAI 10000字免费额度试用

在侧边栏设置模式中,选择要显示的小部件区域。

然后,您可以使用侧边栏设置来设置小部件区域的样式以匹配您的模板设计。

WordPress备份工具updrafplus

将 WordPress 小部件区域用于侧边栏内容的好处

将 WordPress 小部件区域用于侧边栏内容有一些好处。 以下是一些我想到的:

    • 您可以在新的 Divi 模板上使用现有的 WordPress 侧边栏(不是用 Divi 构建的)。 因此,如果您有一个使用默认侧边栏的博客,则在 Divi Theme Builder 中创建新模板时,您不必担心从头开始重建侧边栏。
    • 使用 Theme Builder 显示双 WordPress 侧边栏。 借助 Divi 可用于常规和专业部分的多种布局选项,您可以指定多个列以包含侧边栏。 您甚至可以为每个侧边栏创建额外的小部件区域,并使用侧边栏模块添加这些区域。
    • 您可以使用 Divi Theme Builder 设置 WordPress 侧边栏/小部件区域的样式。 如果您不想依赖外部 CSS 来设置默认 WordPress 菜单的样式,您可以使用滑块模块将其添加到模板布局中,并使用滑块模块设置来设置小部件区域的样式。
    • 使用小部件将内容添加到 Divi 模块不可用的侧边栏。 有时,您可以使用小部件将内容添加到侧边栏,这是使用 Divi 模块无法做到的。 如果您使用提供自定义小部件的第三方插件,则尤其如此。

添加 Divi 模块作为侧边栏内容

当然,您不仅限于使用侧边栏模块来显示侧边栏内容。 您可以使用 Divi 模块的全部功能来创建您想要的任何类型的内容。 只需转到指定的侧边栏并添加一个新模块。

然后您可以使用 Divi 的内置设置来设计这些元素以匹配模板的设计。

由于侧边栏内容被添加到模板中,您将希望利用动态内容。 例如,对于帖子模板,您可能希望在侧边栏中包含一个带有最近帖子的博客模块。

在模板侧栏中将 WordPress 小部件区域与 Divi 模块相结合

您还可以将小部件区域(及其所有小部件)与 Divi 模块结合起来,为您的侧边栏内容提供更自定义的布局。 除了 Divi 模块之外,这将使您可以自由使用您喜欢的任何内置 WordPress 小部件。

使用多个模板将不同的侧边栏分配给不同的模板

Divi Theme Builder 允许您为不同的模板创建不同的侧边栏。 这有助于为用户提供特定于页面或帖子的内容。

例如,您可以在“所有帖子”模板上创建一个侧边栏,其中包含与您的博客相关的内容。

然后为“所有产品”模板创建一个侧边栏,其中包含与您的商店特别相关的内容。

最后的想法

希望本快速指南可以帮助您了解如何使用 Divi 主题生成器为模板构建侧边栏。 请记住,您可以使用 WordPress 小部件区域以及 Divi 模块来创建侧边栏内容。 主题生成器允许您为整个站点的不同页面或帖子创建内容感知侧边栏。

您为 Divi 模板创建侧边栏的经验如何?

我期待在评论中收到您的来信。

干杯!

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