2024 年如何使用 WordPress 制作新页面(简单指南)

已发表: 2024-08-02

WordPress 允许您以多种方式添加新页面。 我们将介绍几种不同的方法,其中两种可以为您节省大量时间。 我们还将向您展示如何使用块编辑器和 Divi 制作新页面。 这两种可视化构建器都比传统的 WordPress 更容易构建新页面。

长话短说

  • 有一种简单的方法可以通过仪表板添加新页面。 然后,使用块编辑器调整页面设置并使用预构建的模式构建页面。
  • 但如果您不想从头开始构建,您可以使用 Divi 在两分钟内创建多个页面和网站模板(整个网站)。 您还可以使用预制的 Divi 布局创建新页面。

在 WordPress 中创建新页面很容易,并且是您应该学习做的第一件事之一。 在这篇文章中。 将向您展示如何做到这一点,包括快速设计新页面并准备发布的一些最佳方法。

目录
  • 1如何在 WordPress 中添加新页面
  • 2如何使用预制设计元素构建页面
    • 2.1使用预制模式构建 WordPress 页面
    • 2.2使用 Divi 自动生成页面、模板或整个网站
    • 2.3使用 Divi 的预制布局构建 WordPress 页面
  • 3使用 Divi AI 构建页面布局
  • 4尝试 Divi Quick Sites 即时创建页面

如何在 WordPress 中添加新页面

在 WordPress 中添加新页面只需点击几下。 您可以立即创建一个新页面并为其指定标题和 URL slug。 需要更长的时间的是手动构建页面。 在本文后面,我们将向您展示一些在页面设计上取得领先的方法。

首先,将鼠标悬停在边栏中 WordPress 仪表板的“页面”上,然后选择“添加新页面”。 您也可以在单击“页面”和顶部附近的“添加新页面”按钮后执行此操作。

制作新的 WordPress 页面 - 步骤 1

WordPress 块编辑器将打开并显示一个空白页面。 一旦了解了基础知识,使用块编辑器就很容易了。 在开始添加内容块来构建页面内容之前,请花一些时间来设置页面设​​置。 查看几项内容,包括添加标题、更改 URL slug、选择作者以及设置特色图像、评论部分、页面摘录和其他属性的首选项。

WP 块编辑器页面 UI 元素和功能概述

以下是一些可帮助您设置 WordPress 页面设置的资源。

  • 如何设置特色图像
  • 如何在 Divi 中使用摘录
  • 如何打开或关闭评论

编辑完页面的元字段和设置后,将其保存为草稿。

现在,您已准备好开始设计页面。

如果您使用 Divi,系统会询问您是否要使用 Divi 的可视化构建器或默认编辑器构建页面(如果您不使用 Divi,则仅显示块编辑器)。

为您的页面命名,然后切换到块编辑器

如果您使用 Divi 主题进行构建,请选择“使用 Divi Builder”

如何使用预制设计元素构建页面

使用预制的设计元素和页面布局可以帮助 WordPress 用户快速启动和运行他们的页面。 您可以使用专业的预先设计的模板、布局或内容部分来构建页面,以快速启动设计过程,同时保留在进行过程中自定义内容的能力。

使用预制模式构建 WordPress 页面

如果您使用块编辑器,则可以访问称为模式的预制内容块(基本上是页面内容的部分)的集合。 您可以在多个地方找到为您的网站预先构建的模式。 第一个已经在您的 WordPress 网站上- 每次安装 WordPress 时都会加载核心块模式。 另一个可以在 WordPress.com 和 WordPress.org 等模式目录中找到。 最后,一些插件会加载更多模式选项供您使用。

分步指南

我们将从找到我们喜欢的模式开始。 您可以浏览网站上已有的核心块模式,或者在其他地方寻找更独特(且较少使用)的模式。 如果您使用的是块主题,您可能可以访问主题中加载的更多模式。

第 1 步:寻找模式

要查找默认模式或为块主题构建的模式,请导航到您的页面,单击“块插入器” ,将选项卡从“块”切换到“模式” ,找到要插入的模式类别,然后查看可用模式。 找到后,单击它即可将其添加到页面中。

如何加载默认块模式 - 步骤 1-4

如果默认模式不够,您可以搜索一些公开共享模式的存储库。 我们将在 WordPress.com 上查找可用的东西。 通过模式类别或搜索关键字来搜索模式。 当您找到您喜欢的图案时,单击它并找到“复制图案”按钮。

使用模式创建页面模板 - 步骤 1-2

第 2 步:将模式添加到模板或页面

找到您想要使用该模式的页面或模板。 在此示例中,我们要从模板中删除“帖子”部分,并将其替换为我们更喜欢的模式。

使用图案创建页面模板 - 步骤 3-4

接下来,我们需要将预制图案粘贴到复制的图案中。 单击编辑器中要插入图案的位置,然后按 Ctrl + V 粘贴图案。

使用图案创建页面模板 - 步骤 5

您应该看到图案立即应用到页面,并且现在可以使用图案中找到的所有正常块设置对其进行编辑。

创建带有图案的页面模板 - 步骤 6

找到您喜欢的模式比您想象的要困难一些。 我们将看看 Divi,它提供数百个免费模板包和更一致的布局查找体验。 此外,如果您渴望更多选择,市场上还提供大量第三方布局包。

使用 Divi 自动生成页面、模板或整个网站

在向您展示如何使用 Divi 将各个页面模板加载到页面上之前,我们想向您展示 Divi Quick Sites 如何在 2 分钟内构建您网站的所有页面和主题构建器模板。 这是创建整个网站的最快方法,因为它同时构建多个页面。 如果您使用 Divi AI,它甚至会为您编写页面内容,因此您拥有可靠的文本初稿以及每个页面的完全定制设计。

这非常简单 - Quick Sites 使用入门网站或 AI 为您创建整个网站。

分步指南

以下是如何选择起始站点并立即获得所需的一切。

第 1 步:打开 Divi 快速站点

在管理仪表板中,将鼠标悬停在 Divi 上并单击“仪表板”。 单击 Divi Quick Sites 下的“生成新站点”。

使用快速站点立即创建整个页面站点 - 步骤 1-2

您将有两种选择:1) 使用预制起始站点或 2) 使用 AI 生成您的站点。 入门网站是完全预先设计的网站。 这包括预先设计的页面和主题生成器模板。 您可以排除某些您知道不需要的页面,或者让它为您想要的其他页面创建占位符。 主题生成器模板涵盖您的博客存档页面、页眉、页脚和 404 页面。

使用快速站点立即创建整个页面站点 - 步骤 3

第 2 步:选择起始站点

有多个入门网站可供选择。 您可以预览其中任何一个,当您找到所需的内容时,单击您喜欢的集合上的“开始”。

使用快速站点立即创建整个页面站点 - 步骤 4-5

第三步:添加站点信息

系统会要求您提供 Divi 将在您的整个网站中使用的一些信息。 为其提供您的网站名称、网站口号和徽标。 另外,请说明您想要在网站上使用哪些页面,并包括其他没有完整构建的页面(以免您稍后创建它们)。 如果您选择需要商店页面,Divi 将为您加载 WooCommerce。 由于它是一个依赖项,因此您需要自己手动安装它——这可以节省您的步骤。

使用快速站点立即创建整个页面站点 - 步骤 6-11

只需要一点点。 但最终,您将拥有许多使用预制设计创建的新页面——这是一个完美的起点。

使用快速站点立即创建整个页面站点 - 步骤 12

完成后,您将看到一份有关为您完成的工作的报告。 在此示例中,Divi Quick Sites 创建了七 (7) 个页面和五 (5) 个主题模板。 我原本需要花费几个小时的时间,而 Divi Quick Site 只需几分钟即可完成。

使用快速站点立即创建整个页面站点 - 步骤 13-15

在各个页面上使用我们的免费布局包中的 Divi 布局的现有方法仍然是一种选择。 接下来我们将介绍这一点。

使用 Divi 的预制布局构建 WordPress 页面

除了 Divi 的 Starter Sites 及其 AI 网站构建器之外,Divi 还提供庞大的预构建模板库(称为布局),涵盖众多行业。 这些布局为专业外观的页面提供了快速起点,而无需从空白屏幕进行设计。 以下是如何为您的新页面使用 Divi 的预制布局。

分步指南

要使用预制的 Divi 布局在 WordPress 中构建新页面,您只需要一个安装了 Divi 主题的 WordPress 网站。

第1步:访问Divi图书馆

在 WordPress 仪表板中,导航至页面 >添加新页面

使用模板 Divi 构建新页面 - 步骤 1-2

在这里,您可以创建一个新页面,在 Divi Builder 中打开它,然后选择从布局构建页面。

使用模板 Divi 构建新页面 - 步骤 3-4

第 2 步:应用模板

在 Divi Builder 中,单击选择预制布局

使用模板 Divi 构建新页面 - 步骤 5

浏览布局库或搜索特定的布局包。 从该包中选择一个页面并使用此布局

使用模板 Divi 构建新页面 - 步骤 6-8

如果您在其他页面上使用此布局包中的其他设计,则可以选择导入预设以保持一致的设计。 您还可以编辑这些全局预设以满足您的需求(这是根据您的需求和品牌定制模板的好方法)。

使用模板 Divi 构建新页面 - 步骤 9

第 4 步:自定义模板

  • 单击任何模块可编辑其内容(文本、图像等)
  • 使用每个模块的设置面板自定义样式、颜色和字体
  • 根据需要添加、删除或重新排列部分和模块
  • 利用 Divi 的响应式控件确保页面在所有设备上看起来都不错

使用模板 Divi 构建新页面 - 步骤 10

使用 Divi AI 构建页面布局

当然,使用 Divi AI 的网站构建器是创建与您的品牌完美匹配的页面的更简单方法。 Divi AI 不仅可以使用 AI 生成整个网站,还可以动态生成页面布局甚至部分。 每个页面都包含令人惊叹的设计、可用的文本内容、品牌图像(来自 AI 或 Unsplash)以及其他设计元素。 此外,您仍然可以使用 Divi AI 和 Divi Builder 中的无数设计选项对 AI 生成的内容进行自定义。 通过这种自定义,您永远不必担心其他人是否使用相同的布局。

获取迪维AI

尝试 Divi Quick Sites 即时创建页面

刚接触 WordPress? 您将享受到使用 Divi 制作整个网站是多么简单。 Divi Quick Sites 使用 Starter Sites 或自定义 AI 构建(如果您仍然拥有 Divi AI 积分或有效的 Divi AI 订阅)构建您的所有网页和模板(包括 WooCommerce 网站的网页和模板)。

每个人都可以免费尝试 Divi AI,以生成最多 4 个 AI 网站(假设积分尚未用于其他 Divi AI 功能)。 获得 Divi AI 会员资格,可无限使用部分、文本、图像、代码、布局,现在还可以生成网站