如何使用动态内容设计您的 WordPress 网站

如何让我的网站看起来更专业? 这是许多有抱负的网站建设者在规划项目时都会问自己的一个问题。 显而易见的答案将包括改进设计或添加许多花哨的功能。

但事实上,真正增强您的基本网站并使其成为专业的自定义网站的最有效方法之一是添加动态内容。 动态内容将为您的用户在您的网站上提供更加充实的体验。

动态内容介绍

究竟什么是动态内容?

动态内容是指根据时间、地点和用户而变化的交互式网络内容。 当用户浏览动态网站时,WordPress 将从数据库中提取正确的信息,以根据用户所在的页面显示给用户。

使用静态内容,您在前端看到的内容不会改变。 事实上,如果您想对其进行任何更改,您很可能需要开发人员的帮助。 但是,使用动态内容,网站所有者可以立即在后端编辑所有内容,而无需编码。 这意味着信息可以根据用户正在查看的内容而变化,从而提供更具交互性的体验。

举例来说,如果您在健身房网站上,您可能想查看可用的不同健身房。 当然,每个健身房都会有不同的信息,例如自己的名称、地址和设施清单。 因此,当您单击每个健身房时,您会看到与其相关的不同内容,而您在其他页面上找不到这些内容。

平衡健身房

能源俱乐部

动态内容的优势

动态内容为您的网站带来了静态内容无法提供的许多优势。

  • 更好的用户体验。 用户将能够看到适合他们的内容,例如会根据他们的行为而改变的不同优惠。
  • 改善您的 KPI。 借助动态内容,您可以通过创建定制内容来提高转化率并降低网站跳出率。
  • 流畅的导航。 与静态内容相比,动态内容通过网站提供无缝体验,因为您可以轻松找到所需的内容。
  • 易于更新。 您可以简单地在 WordPress 后端编辑您的页面,而无需聘请专家开发人员。
  • 响应屏幕尺寸。 与静态网站相比,动态网站更容易适应各种屏幕尺寸。

我们建议您通过两种方式创建动态内容。 下面我们将向您展示这两个选项,以及如何使用这两个选项创建您的网站。

1.使用工具集块和古腾堡创建动态内容

工具集

信息和下载

的推出 工具集块 提供了一种使用其块编辑器 Gutenberg 在 WordPress 上创建动态内容的新方法。

自一年前推出以来,Gutenberg 已显着改进,为您提供一种简单直观的方式来设计和实施您的网站。 最好的部分是非编码人员现在可以通过使用 Gutenberg 和集成插件轻松构建他们的想法。

这包括网站建设者可以通过工具集块使用 Gutenberg 创建的动态内容。

工具集块如何工作?

Toolset Blocks 是一个新插件,您可以在两个方面使用它:

  1. 创建自定义的高级功能,例如内容模板、存档和 意见.
  2. 支持块的动态源,使您的自定义字段和分类可显示在您的页面上。

因此,您可以使用工具集块轻松地将动态内容添加到任何帖子、页面或模板,而无需任何编码。

下面我为健身房演示网站创建了一个内容模板示例,该示例可确保每个健身房帖子都具有相同的设计,但由于动态内容而具有不同的内容。

工具集内容模板

如何使用工具集块创建具有动态内容的内容模板

让我们在我们的网站上为 Gyms 自定义帖子类型创建一个模板。

您将需要 安装工具集块 在开始之前并确保您了解使用 Gutenberg 编辑器的基础知识。

您可以使用工具集块从两个主要来源中绘制动态内容。 您可以使用来自当前帖子或自定义字段的来源。 下面我们将介绍这两个选项,以显示您何时可能需要使用它们。

显示当前帖子的动态内容

前往 工具集 > 仪表板 并点击 创建内容模板 您要为其创建内容模板的帖子类型旁边的选项。

创建内容模板

我们现在可以开始添加我们的块来创建我们的内容模板。 假设我想添加一张图片。 首先你选择 + 左上角的选项以添加块。

工具集创建块

向下滚动,直到找到 Toolset 的块列表并添加 图像块.

工具集图像块

您现在将看到一个提示您是否要使用动态源的问题。 点击 是的.

工具集图像动态源

选择图像的来源。 这决定了 WordPress 将根据您选择的选项提取哪些内容。 我想显示街区内每个健身房的特色图片,因此我将选择 特色图像数据 选项。

工具集特色图像数据

例如,如果您想更改动态内容的来源或设置图像样式,您可以在右侧边栏中进一步调整图像。

工具集图像设置

显示自定义字段中的动态内容

我们可以使用与以前相同的内容模板来创建具有来自自定义字段的动态内容的块。 这次我将添加每个健身房评分的自定义字段作为动态内容。

前往工具集块列表并添加 单场块.

工具集单字段块

在右下方的侧边栏上 场源选择 自定义字段 字段类型。

在下面 自定义字段组 下拉选择 健身房 帖子类型。 请注意,这将是您要从中提取自定义字段的任何自定义帖子类型。

在下面 自定义字段 下拉选择您要显示的自定义字段。 我选择了 评分 选项。

工具集自定义字段发布

如果您在前端的不同健身房帖子之间切换,您会看到每个帖子都显示了该健身房的正确价格,这要归功于动态内容。 请注意,我们根本不需要使用任何编码来创建动态内容。

我在我的内容模板中添加了一些其他具有动态内容的块。 看看它现在在前端的样子。

工具集健身房示例

2. 使用 Total 创建动态内容

创建动态内容的另一种同样有效的方法是使用 总主题 创建内置的动态帖子模板。

Total 提供哪些功能?

Total 是 WordPress 上最受欢迎的主题之一,它包含许多功能,您可以轻松设置这些功能,而无需下载多个插件来执行这些任务。

  • 简单的演示导入器 – 当您选择导入 Total 40 多个预建演示之一时,一键将您的空站点变成一个功能齐全的网站,其中包含内容。
  • 拖放页面构建器 – Total 与流行的 WPBakery 页面构建器集成,为您提供直观的拖放构建器,以便您轻松构建您的网站。
  • 数百个页面构建器元素 – 利用 Total 的数百个页面构建器元素来自定义您的页面。
  • 轻松定制 – 使用实时定制器设置来更改您网站上的许多元素,包括颜色、字体、宽度等等。
  • 开发人员友好 – Total 带有许多内置的钩子和过滤器,使您可以轻松地使用在线文档中的 450 多个片段来修改您的主题。

当然,您可以使用 Total 创建动态内容。 下面让我们向您展示一个示例,说明您可以通过使简单的投资组合项目动态化来实现什么。

如何使用 Total 创建动态内容模板

前往 Visual Composer > 模板 并点击 添新. 接下来为您的模板命名。

总投资组合帖子布局

首先,我将添加 邮政媒体 元素将显示您添加到帖子中的任何媒体。 对于投资组合,这可能是特色图片、画廊、视频等。

接下来,我将包括 发布内容 模块将显示添加到编辑器中帖子的任何内容。

总发布媒体

使用 Total,您可以在动态模板中包含许多帖子元素。 添加帖子标题、元数据、相关项目、标签、社交链接等。 完成后点击 发布.

我们现在需要将动态模板分配给我们的投资组合自定义帖子类型。 为此,请导航到 WordPress 定制器,然后前往 文件夹 并选择您刚刚创建的模板 动态模板(高级).

总动态模板

您现在可以看到您的媒体正在运行。 点击 保存并发布 你的动态内容应该已经准备好了。

总动态模板前端

如果您正在为客户构建网站,那么创建动态模板是一个特别好的选择。 通过使用它们,您可以创建一个模板并立即将其分配给您的所有投资组合项目。 不仅如此,如果您需要更改布局,您只需编辑模板,您的所有投资组合项目也将更新。


告诉我们您创建动态内容的经验! 您现在有两种创建动态内容的方法。 你可以下载 工具集块 或者 总主题 今天开始将您的网站从基本变为自定义。

您是否使用过任一工具向您的网站添加动态内容? 在下面的评论中让我们知道它是如何为您服务的!

  使用 Missinglettr 将帖子转换为社交媒体活动

类似文章