如何在 WordPress 中编辑页面 – 掌握 WordPress 编辑器

要在 WordPress 中编辑页面，您不需要非常技术 - 如果您有一些文本编辑器的经验，您会发现它很简单。 将 WordPress 编辑器用于帖子和页面。

另请参阅：如何编辑页面名称 >

我在这里使用的示例在WordPress.org系统中，但 WordPress.com 在更改页面的方式方面非常相似。 这篇文章对两人有帮助。

更新。 这篇文章指的是 WordPress 经典编辑器，而不是 WordPress Blocks，即自 2018 年以来使用的 Glutenberg WordPress 编辑器。但是，这篇文章仍然对某些人有帮助。

让我们看看你会学到什么。

到本文结束时，您应该掌握如何在 WordPress 中格式化和编辑页面：

• 在管理区编辑和保存，
• 查看前端的变化，
• 并在 WordPress 编辑器中使用格式化工具。

在更新任何帖子或页面之前，请备份 WordPress 数据库。 我使用 DB Migrate，这是一个免费的备份和迁移插件。

在 WordPress 中编辑页面需要什么

• 来自 Web 开发人员的 WordPress 用户名和密码。
• 管理区域的 URL（也称为 Web 地址或可能的链接）。

获得这些后，通过在浏览器中键入或单击链接导航到您的 URL。

输入用户名和密码，然后点击登录。 您将到达 WordPress 仪表板。

在新选项卡中查看 WordPress 网站

我做的第一件事是在新的浏览器选项卡中打开网站面向公众的部分。 然后我让管理区域（后端）在一个选项卡中可见，公共空间（前端）在另一个选项卡中可见。 这样，我就可以在两者之间切换。

在新选项卡中打开 WordPress 网站前端的最简单方法是；

• 在管理区域 - 将鼠标悬停在屏幕左上角的房子图标上。
• 从下拉菜单中，右键单击“访问站点”。
• 单击“在新选项卡中打开链接”。 我在下面用红色强调了这一点。

注意。 根据您使用的浏览器，可能会有不同的词。

现在打开了两个浏览器选项卡，这意味着您可以在两者之间切换。

使用管理区域继续在一个选项卡中编辑 WordPress 页面。

另一方面，您将查看网站的前端以检查您所做的每项更改。

当您进行编辑并保存时，您可以切换到站点的前端。 按 F5 键刷新页面 - 这会提示浏览器显示更新的版本。

在 WordPress 中编辑页面内容

现在您已经设置了您的工作区域，让我们从管理区域开始。 在这里您会找到 WordPress 编辑器。

单击左侧菜单上的页面。 列出了您站点中的页面。

当您将鼠标悬停在页面名称上时，会出现更多选项。

EDIT将带您进入完整的编辑屏幕。

快速编辑将允许您从此屏幕更改标题、slug、日期、隐私、父级、订单、模板和状态。

BIN会将页面发送到垃圾箱。 该页面将不再在网站上可见。

VIEW会让你看到这个特定的页面——前端（或公共）端。

要编辑页面，请单击第一个选项“编辑”。 或者点击页面名称。

您将到达 WordPress 的“页面编辑”屏幕。

在 WordPress 教程中编辑页面

我必须首先让您注意 WordPress 中的主题和插件，有时会自定义“页面编辑”屏幕。

例如，DIVI 使用称为 DIVI Builder 的接口； Avada 的名为 Fusion Builder。

您使用的是哪个版本？

最新的 WordPress 编辑器是 Gutenberg Block Editor。 如果您的页面与下图类似，则您正在使用块 – 请访问我在块编辑器上的帖子。

如果 WordPress 编辑器与下图类似，则您使用的是经典 WordPress 编辑器。

如果您没有使用自定义构建器，我们可以开始。

WordPress 编辑器按钮图标解释

在经典编辑器中，第一个按钮图标是 TOOLBAR TOGGLE 图标，曾经被称为“厨房水槽”。 在上图中，您可以看到它被激活，因为它是倒置的。

工具栏切换图标如下所示：

此按钮图标显示或隐藏额外的格式选项。 保持激活状态。

在 WordPress 中格式化文本

与大多数 WordPress 编辑器一样，您可以突出显示文本并设置其格式。

主编辑栏从左到右分别是：

B - 使文本粗体或强烈。
I - 将突出显示的文本以斜体显示。
美国广播公司– 这将在您的文本中添加删除线，就像将其划掉一样。 方便出售的物品。

网络谈话中无序列表的按钮图标，但 WordPress 将其称为项目符号列表。 使用它来创建列表。 例如：

• 这是第一点。
• 这是第二个顺序。

每次需要新的项目符号时，在每行的末尾单击返回（或输入）。

快速提示：单击 SHIFT-ENTER 会创建一个换行符，这在项目符号列表中很有用，因为您可以下拉一行而无需创建新项目符号。

• 这是我第一点的标题。
  我在下面通过按 SHIFT-ENTER 说一点。
• 现在我有了第二点。
  关于这一点。

要中止列表，只需在最后一行后按两次返回即可。 或者再次点击该图标。 WordPress 将恢复正常段落。

您的网站设计师或主题可能已使用 CSS 来设置列表样式。 您并不总是能够在 WordPress 编辑屏幕中更改样式。

这个图标就是号码列表，网络语言叫有序列表。 以与上面的项目符号列表相同的方式使用它，除了列表将被编号。

块引号缩进文本行。 同样，主题或 Web 开发人员可能已经对这些进行了样式设置，因此您可能无法对其进行样式设置。

接下来是水平线。 使用水平线在文本块中创建中断。 主题控制样式。 上面的是默认样式——1 像素处的灰线。

在 WordPress 中对齐段落

段落和标题的布局通常在样式表中设置，使这些对齐按钮的行为有点不稳定。

我倾向于让样式表管理我的段落，但如果我添加图像，我会在 WordPress 编辑器中对齐它。

单击一行文本，然后单击对齐工具 - 对齐应用于整个段落。

通常，下一段将遵循上一段的对齐方式。 通常，当使用换行符而不是“段落”标签时会发生这种情况。 有一个简单的修复方法。

• 将光标放在第一段的末尾。
• 现在按 DELETE（退格键）将第二段拉起来。
• 按 ENTER 完成一个段落并开始一个新的段落。
• 两个可以分开对齐。

在 WordPress 中创建和编辑链接

链接图标——文本和图像都可以链接到页面、帖子或外部网站。

要在 WordPress 中链接文本，请务必先突出显示文本。

快速提示：双击一个单词以突出显示整个单词。 按住 shift 并单击第二个单词以突出显示它。

现在单击您的链接图标。

如果您要链接到网站上的页面/帖子，请开始输入标题。
注意。 输入页面的标题，而不是 slug。

编辑 WordPress 页面标题

在列表中找到页面后，点击字段末尾的蓝色“返回”箭头以应用它。

要更多地自定义链接，请在单击应用之前单击字段末尾的齿轮图标。

齿轮图标会打开一个包含链接选项的框 - 选择要链接的页面。

不推荐，但链接可以打开一个新窗口（或选项卡）。 只需在链接选项屏幕中选中“在新标签中打开链接”即可。 谷歌惩罚打开不同窗口的链接——用户必须能够做出决定。

快速提示：在最新版本的 WordPress 中，您甚至不必在链接文本时按下链接图标。 将链接复制到剪贴板，突出显示文本并按 control-v 粘贴链接。

在 WordPress 中链接图像是一个类似的过程。

选择图像，然后单击链接图标。 按照上述步骤操作。

如何在 WordPress 中编辑链接

要编辑链接，请按照类似的步骤操作。

突出显示文本或选择图像。 要么使用相同的图标并将链接更改为新的。 或单击出现的铅笔图标。

如何删除WordPress中的链接

此图标完成删除链接。 只需单击文本链接上的任意位置或选择图像，然后点击此按钮。

阅读更多图标是我从未使用过的图标。 WordPress 允许您将文本放入 READ MORE 标签中，将其隐藏在页面上，直到用户点击阅读更多内容。 该文本仍可供搜索引擎抓取，但 Google 不喜欢隐藏的内容。

WordPress 中的段落和标题

在工具栏中，您将看到一个下拉菜单。

要格式化行，请单击行或段落中的文本，然后使用下拉菜单选择段落、标题 1 或标题 2。

主题设置标题和段落的样式，使网站设计保持一致。

为标题使用正确的标签，设计将继续贯穿整个网站。

什么是SEO写作？

WordPress 中的更多格式化工具

使用此图标为 WordPress 内容中的文本加下划线，使其脱颖而出或发表声明。

只需突出显示文本并单击下划线图标。

文本对齐工具，将创建一个对齐的段落。 调整字母和单词之间的间距，使文本与右边距和左边距齐平。 也称为完全对齐或完全对齐，非常适合列中的文本。

作为 WordPress 网页设计师，我建议您谨慎使用此图标。 该按钮更改文本的颜色。 我见过客户写出明亮、多彩的句子来吸引注意力。 看起来不太好。 保持文字统一。

为什么 WordPress 中有“粘贴为文本”图标？ 从网站或 Word 文档复制的文本也带有该格式。 将其粘贴到 WordPress 页面，然后粘贴格式。 由于代码处于无用的位置，页面最终看起来很糟糕。

所以下次复制和粘贴时，复制； 然后将光标放在适当的位置并单击“粘贴为文本”工具以添加没有格式的文本。 然后在 WordPress 中对其进行格式化。

如果您在页面上到处都是文本，则通常是格式问题。 如果您知道自己在做什么并有备份，请使用“清除格式”工具删除所有格式，将文本剥离回来，以便您现在可以自己设置格式。

下一个图标，希腊欧米茄打开下面的字符映射，使您能够添加特殊字符，例如锐角、严重和抑扬格。 如果您要创建多语言页面，则很有用。

这些是缩进图标。 使用它们，您可以增加或减少段落或标题的缩进。

最后，撤消/重做图标。 左边的那个是用来撤销的，真的很有用。 此图像中的灰色较深，因为我可以进行撤消操作。 重做按钮被禁用——此时我无法“重做”。 要重做，您必须先撤消某些操作。

保存 WordPress 页面

当您对 WordPress 页面或帖子进行重大更改时，请单击“更新”按钮以保存页面。 这会更新面向公众的页面。 在前端查看更改以检查您的工作时，请始终刷新您的页面。

WordPress 中的自动保存和修订

WordPress 经常自动保存页面草稿。

可以使用修订链接调用页面的修订。 它可以在 POST 设置中找到。 如果帖子设置被关闭，点击齿轮，右上角打开它们。 然后点击顶部的页面选项卡（或发布选项卡，取决于您正在编辑的内容）。

• 单击“修订”链接以查看在文档的整个生命周期内存储的草稿和修订。
• 您将到达“比较修订”屏幕。
• 此屏幕顶部有一个时间轴栏，代表页面的生命周期。 滑块越靠左，页面的修订版本越旧。
• WordPress 突出显示所做的更改，将最新的帖子与您在时间轴上选择的帖子进行比较。
• 要检索最新版本，将滑块一直向右移动。

在 WordPress 中编辑永久链接

永久链接（也称为 slug）在 WordPress 中创建网页的 URL。 编辑永久链接时，页面链接可能会损坏，因此请谨慎编辑。

如果您要更改和编辑永久链接，我建议您使用重定向插件，如重定向。

快速提示：如果您犯了错误并更改了永久链接，但忘记了原始 URL – 使用 Google 搜索搜索该页面。 将公司名称添加到搜索中，您可能会找到列出的原始 URL。 将永久链接更改回原始名称。

最后一句话

我希望你喜欢这篇文章。 如果您不了解正在使用的内容，WordPress 可能会令人沮丧。 我相信这些说明以及我博客上的其他 WordPress 教程都会对您有所帮助。