Join 10,000+ using BetterDocs to reduce support tickets. Get 20% OFF today with coupon

如何在Elementor中配置单个文档

BetterDocs 与您无缝集成 Elementor。您现在可以设计自己的 Elementor中的单个文档 使用Elementor主题生成器无需任何编码。为“单个文档”页面设计模板后,可以保存该模板,然后将其再次用于每个单个文档页面。

注意: Elementor主题生成器是一项仅与 Elementor专业版。所以,为了配置 Elementor中的单个文档,您必须安装Elementor的专业版。

请按照以下逐步说明进行操作,以了解如何使用BetterDocs在Elementor中设计单个文档。

步骤1:在Elementor Theme Builder中创建新的单个文档 #

导航 WordPress仪表板 →  模板→主题生成器 从WordPress仪表板。点击 '添新' 按钮,然后选择“单一文档”作为模板类型。完成后,单击“创建模板”。

Elementor中的单个文档

A pop-up window will appear showcasing BetterDocs premade ready blocks for Elementor. You can use these ready blocks to instantly create your single doc page. Or you can customize your single doc page from scratch by configuring different elements as shown in the next step.

步骤2:在Elementor中自定义单个文档 #

来自 “元素” 标签在Elementor编辑器中,您应该会看到10个新的BetterDocs元素来设计您的Single Doc页面模板。您可以将这些元素拖放到页面上的任何位置以使用它们。

Elementor中的单个文档

文件搜寻表格 #

文件搜寻表格 元素可让您将实时搜索栏添加到您的 单一文件 页。要使用此元素,只需将其拖放到页面的任何部分。

Elementor中的单个文档

元素将默认显示在页面上,如下所示。

Elementor中的单个文档

来自 '内容' 标签,您可以自定义您的 文件搜寻表格。在下面 '搜索框' 部分中,您将看到用于更改背景类型和颜色的选项。您可以为背景使用图像,纯色或渐变色。 

同样,在 “搜索字段” 部分中,您可以选择更改字段背景颜色,字段颜色,版式,填充,图标等。

Elementor中的单个文档

您还可以在结果框下方更改结果框的宽度,背景类型和边框 “搜索结果框” 部分。您还可以从以下位置更改搜索结果项目的字体和颜色 “搜索结果列表” 部分。

Elementor中的单个文档

文件标题 #

文件标题 元素动态添加您的标题 Elementor中的单个文档。来自 '内容' 标签,您可以更改标题标签,对齐方式,甚至添加链接。来自 '样式' 标签,您可以更改标题颜色,版式,混合模式,甚至可以添加文本阴影。

Elementor中的单个文档

文件内容 #

您可以拖放 文件内容 单个文档页面中任何位置的元素。您的文档内容将自动添加。然后,您可以从以下位置更改对齐方式,文本颜色和版式 '样式' 标签,如下所示。

Elementor中的单个文档

Doc Table Of Contents #

Doc Table Of Contents element gives you the flexibility to add a table of contents anywhere in your single doc page. You can configure the supported heading tags, list hierarchy and number and more from the '内容' 标签。来自 '样式' tab you can change the color, typography, alignment, margin and padding for your Doc Table Of Contents.

For more information, check out this detailed guide on how to configure BetterDocs Table Of Contents In Elementor.

Table Of Contents

文件日期 #

文件日期 元素可让您自动显示文档更新的日期。您可以从以下位置更改日期的颜色,对齐方式和版式 '样式' 标签。

Elementor中的单个文档

Doc侧边栏 #

Doc侧边栏 元素可让您为自己的工具栏创建边栏 Elementor中的单个文档 显示您创建的所有其他文档文章和类别。

来自 '内容' tab, you can choose the layout for your Doc Sidebar. Currently there are three layouts available, each with its own distinct style. The first one is available for BetterDocs free, but you will need to have BetterDocs PRO to use Layout 2 and Layout 3.

在下面 '样式' 标签,您将看到几个选项。来自 '框' 部分,您可以更改侧边栏框的间距和内边距。您还可以更改Doc边栏的标题和正文的背景类型,颜色和边框。

Elementor中的单个文档

来自 '图标' 部分中,您可以更改想要放置图标的区域的大小。您还可以更改图标本身的大小,更改其背景颜色,背景类型,边距和填充。

Elementor中的单个文档

除此之外,您还可以在Doc边栏中更改标题的字体和颜色,通过在菜单栏下的选项自定义计数,类别列表和子类别列表。 '样式' 标签。

Elementor中的单个文档

Doc反应 #

BetterDocs专业版,您可以了解到您的文档对于通过以下方式吸引访问者的网站很有用: Doc反应 元件。在下面 '样式' 标签,有几个选项可用于自定义此元素。来自 '框' 部分中,您可以更改宽度和高度,背景类型和颜色,间距和填充,甚至可以添加框阴影。

Elementor中的单个文档

来自 '标题' 部分,您可以更改颜色和版式。同样来自 '图标' 部分中,您可以更改图标的大小,图标显示的区域,背景色和图标的颜色。

Elementor中的单个文档

文件分享 #

文件分享 元素可让您为文档启用社交共享。使用此元素,站点访问者可以在不同的社交媒体平台上共享您的文档。只需将元素拖放到您的任何位置 单一文件 在Elementor中激活它。

在下面 '样式' 标签中,您将看到几个用于自定义 文件分享 元件。来自 盒子风格 标签,您将能够更改宽度和高度,背景类型和颜色,框间距和填充,边框,阴影等。

Elementor中的单个文档

您还可以更改标题名称的颜色和版式 文件分享 元素以及图标大小 '标题''图标' 部分。

Elementor中的单个文档

文件意见回馈 #

文件意见回馈 元素可让您为网站访问者添加反馈表单,如果他们想与您联系以获得进一步帮助,可以使用该表单。要激活此元素,请将其拖放到您的任何位置 单一文件 页。

接下来,配置您的内容 文件意见回馈 来自下面的元素 '内容' 标签。在这里,从 '一般' 部分中,您可以添加自定义内容和反馈表单标题。

Elementor中的单个文档

造型你的 文件意见回馈 元素,只需转到 '样式' 标签。来自 '文本' 部分中,您可以更改反馈表单的颜色和版式。同样,您可以从 '图标' 部分。

您还可以更改反馈表单的宽度和高度,标题和标签的对齐方式,颜色和版式,以及通过 '反馈表' 部分。

Elementor中的单个文档

文件导航 #

随着 文件导航 元素,您可以让网站访问者快速移至下一个文档或返回上一个文档。要激活此元素,请将其拖放到您的任何位置 单一文件 在Elementor中.

来自 '样式' 部分,您可以自定义外观 文件导航 元素,方法是更改颜色,版式以及箭头的大小和颜色。

Elementor中的单个文档

步骤3:设置条件并发布单个文档页面模板 #

成功完成上述步骤后,您可以发布您的 单一文件 您在Elementor中设计的页面模板。只需点击 '发布' 按钮,将出现一个弹出窗口,要求您设置条件。此步骤是可选的,它使您可以决定在什么条件下站点访问者可以使用“单个文档”页面。

接下来,点击 “保存并关闭”。现在,您的“单个文档”页面模板已保存在Elementor中,并且可以再次用于其他单个文档页面。

Elementor中的单个文档

最终结果 #

按照这些基本步骤,您可以创建自己的自定义 单一文件 在Elementor中 甚至立即重新使用它们。

Elementor中的单个文档

 

在...的帮助下 BetterDocs,这是您可以使用Elementor创建令人惊叹的单个文档模板并令您的网站读者敬畏的方法。

被卡住了吗?随时联系我们 支持团队.

供电 BetterDocs

发表评论

电子邮件地址不会被公开。 必填项已用*标注