分类: 学习

  • 古腾堡编辑器教程:如何使用WordPress分隔符区块

    如何使用WordPress分隔符区块

    您在网站上安排和显示内容的方式会显着影响您的参与度和转化率。为了增强用户体验 (UX)并使您的页面和文章更易于使用,拆分大块文本是一个明智的主意。有多种方法可以做到这一点,但最简单的选择是使用WordPress分隔符区块。

    在这篇文章中,我们将向您介绍如何将分隔符区块添加到您的WordPress文章或页面。我们将解释它提供的每个设置和选项,为您提供有效使用它的技巧,并回答一些常见问题。

    如何将分隔符区块添加至文章或页面

    在您的内容中添加任何WordPress区块是一个快速而简单的过程。首先,导航到要插入分隔符的页面或文章。

    单击添加区块按钮 (1),然后在文本字段 (2) 中搜索“分隔符”。这将是第一个选项 (3):

    添加分隔符区块

    您还可以通过在任何段落块的编辑器中键入“/separator”来插入此区块。当您按Enter键时,将自动插入区块。

    分隔符区块设置和选项

    每个WordPress区块都有其各自的设置和控件。例如,分隔符区块提供了几种直接在编辑器中配置它的方法。

    将区块插入文章后,将出现一个工具栏菜单:

    分隔符区块设置和选项

    让我们来看看每个选项的含义:

    1. 转换允许您将区块转换为组合或栏目。
    2. 对齐方式可用于将线的对齐方式更改为左对齐、居中对齐或左对齐
    3. 更多选项提供了一些额外的设置

    更多选项菜单下,您可以复制块并在其前后插入另一个元素。

    在屏幕的右侧,您可以找到其他块设置。例如,在样式部分下,您可以选择默认样式或创建粗线或虚线:

    分隔符区块样式设置

    您还可以在下拉菜单中设置默认样式

    颜色部分下,您可以更改分隔线的颜色:

    分隔符区块颜色设置

    您可以从调色板中包含的一种预设颜色中进行选择。但是,如果您想应用自定义颜色,您也可以单击自定义颜色链接。

    如果您想添加自己的CSS,可以通过单击“高级”选项卡来实现。然后您可以在文本字段中输入您喜欢的任何内容。

    有效使用分隔符区块的提示和最佳实践

    分隔符区块是一个相对简单的和直接的WordPress的功能。一旦您弄清楚如何将其插入文章中,您就应该能够轻松使用和自定义它。

    但是,我们确实有一些建议,您可能需要考虑更有效地使用此元素。例如,记住谨慎使用分隔符很重要。

    如果您有一篇冗长的博客文章,最佳做法是最多每隔几段添加一行。过于频繁地使用它们可能会分散注意力,而不是无缝分解文本的一种方式。

    此外,如果您计划在您的站点中经常使用分隔符并希望保持统一的样式,您可能需要将分隔符添加到您的可重用区块中。这样,您就不必经常应用所需的样式和颜色。相反,您可以简单地从保存的集合中插入它。

    关于分隔符区块的常见问题

    到目前为止,您应该对WordPress分隔符区块以及如何使用它有一个深入的了解。但是,让我们回顾一下有关此区块的一些最常见问题,以确保我们已涵盖所有基本信息。

    如何调用WordPress分隔符区块?

    您可以通过导航到任何文章或页面在WordPress中找到此区块。接下来,在要添加线条的文本区块之间单击,然后选择加号图标。

    在搜索字段中,输入“分隔符”,然后单击第一个选项。或者,您可以通过在段落块中键入“/separator”,然后按 Enter键来找到它。

    分隔区块和空格区块有什么区别?

    如果您是块编辑器的新手,您可能想知道分隔符区块和空格区块之间有什么区别。这两个功能都可用于在内容区块之间添加空间。

    但是,空格区块只是添加了白色或负空间。分隔符区块,则主要是增加了一个可见的线。

    在哪里使用WordPress分隔符区块?

    您可以在WordPress中可以访问区块编辑器的任何位置插入此元素。因此,您可以在页面和文章中使用它,也可以在编辑WordPress小工具时使用它

    小结

    为了让您的网站内容和博客文章美观且易于使用,最好将大块文本分解为更小、更易消化的文本。有几种不同的方法可以解决这个问题。但是,最简单的选择之一是使用分隔符区块。

    这个WordPress区块将在内容区块之间添加一条极简线条。它还提供各种样式和颜色选项,让您可以将其与当前的主题和品牌无缝集成。您可以将其插入到您的任何WordPress文章和页面中,以使您的内容看起来更好、更易于阅读。

  • 古腾堡编辑器教程:如何使用WordPress更多区块

    如何使用WordPress更多区块

    保持网站页面上的内容简洁和有条理很重要,尤其是在您的主页上。幸运的是,WordPress更多区块可让您向访问者展示您的帖子以及全文链接。知道如何正确使用它可以帮助您获得更干净、更有效的WordPress页面。

    在这篇文章中,我们将解释如何将此区块添加到您的WordPress文章中。然后我们将讨论它的每个设置和选项、有效使用它的技巧和最佳实践,以及一些常见问题。

    如何在WordPress文章中添加更多区块

    向您的WordPress内容添加区块既快速又简单。首先,导航到要插入更多区块的文章。请注意,您只能将此元素添加到您的文章中。不幸的是,它不适用于您的WordPress页面。

    此外,请务必注意,您需要在希望读者看到的摘要文本之后插入此区块。例如,也许您想在第一段之后切断文章。如果是这种情况,您可以在第一段和第二段之间插入此区块。

    为此,请单击“添加区块”图标 (1),在搜索字段 (2) 中键入“更多”,然后选择第一个选项 (3):

    如何添加更多区块

    或者,您可以直接在WordPress编辑器的段落区块中输入“/more” 。然后按 Enter,块将自动插入到文章中。

    您可能已经知道每个WordPress区块都有自己独特的一组控件和设置。

    更多区块设置和选项

    将此区块插入文章后,顶部会出现一个工具栏。它只有两个图标。第一个是更改区块类型或样式:

    更多区块设置和选项

    此选项可让您更改去块的样式。您可以使用它来创建栏目或组。

    第二个图标通向区块的选项:

    更多区块选项内容

    在这里,您会发现可以采取的各种其他操作。例如,您可以复制该区块,在其前后插入另一个元素,或者将其添加到您的可重用区块中。

    您还可以编辑默认文本。为此,您可以单击文本,然后将其更改为您想要的任何内容:

    更多区块样式展示

    右侧边栏中还有一个附加设置。如果它不可见,您可以通过单击右上角的齿轮图标访问此设置面板。然后选择区块选项卡。

    更多区块设置项

    有一个选项可以隐藏完整内容页面上的摘要。如果您打开此开关,您的访问者在单击“阅读更多”后将无法看到摘要。

    有效使用更多区块的提示和最佳实践

    既然您了解了此区块及其各种设置的工作原理,您可能想知道如何使用它。有几个因素可以帮助您有效地利用它。

    首先,请记住您可以更改显示的文本。默认情况下,该区块使用“阅读更多”作为链接文本。但是,您可以根据需要对其进行编辑,以匹配您网站的风格和基调。一些例子包括:

    • 继续
    • 阅读全文
    • 下一页

    此外,我们建议您对您选择包含在“阅读更多”链接上方的摘要保持战略性。由于您无法展示全文,因此确保您提取或撰写引人入胜的内容非常重要,以吸引访问者的注意力。这样做可以极大地激励读者实际点击链接,从而提高您的参与度和转化率。

    更多区块功能的目的是提供一种简单而有效的方式来截断您的博客条目。但是,此元素可用于多种情况。许多WordPress用户将其严格应用于博客存档页面或主页。

    但是,还有一些其他情况可以派上用场。例如,如果您有一个FAQ页面,这个块可以让您轻松地为每个问题添加一个简洁的答案,以及一个指向详细解释的链接。

    更多区块的常见问题解答

    在这一点上,您应该几乎了解有关此 WordPress 元素的所有信息,包括它是什么以及如何使用它。在我们开始之前,让我们通过回答有关此块的一些最常见问题来回顾一下关键信息。

    在哪里找到更多区块?

    您可以通过导航到您网站上的任何文章来找到此区块。然后,在您希望显示“阅读更多”链接的摘要段落之后,单击加号图标(“添加区块”按钮)。您可以在文本字段中搜索区块。

    或者,您可以通过在段落块中键入“/more”来找到它。然后按 Enter自动将此元素插入文章中。

    这个区块有什么作用?

    简而言之,此元素为您提供了一种简单易用的方式来呈现文章的预览或摘要,而实际上不必包含全文。相反,您可以在内容预告之后插入区块以及“阅读更多”链接。您还可以自定义链接文本以说出您想要的任何内容,例如“阅读全文”。

    应该在哪里添加这个去块?

    您可以将此区块添加到您的任何WordPress文章中。不幸的是,您目前无法将其插入您的页面。同样重要的是要提到某些主题可能不支持此元素。如果您无法找到它,您可以尝试切换到默认主题以查看您当前的主题是否有问题。

    小结

    创建主页和存档页面时,您可能希望包含指向许多不同文章的链接。然而,为了吸引访问者实际点击并阅读完整的文章,插入每篇文章的简短摘录以吸引他们的注意力是有帮助的。

    正如我们在这篇文章中所讨论的,“更多”区块是一项有用的功能,您可以使用它为用户提供全文文章的预览。您可以将其添加到任何WordPress文章中,并根据需要自定义默认文本。

  • 古腾堡编辑器教程:如何使用WordPress媒体和文本区块教程

    如何使用WordPress媒体和文本区块教程

    WordPress使您能够分别添加段落区块图片区块。但是,借助媒体和文本区块,您也可以并排放置两种类型的元素。如果您知道如何导航其设置,它甚至包括多种布局供您选择。

    在本教程中,我们将向您展示如何将这个媒体和文本多功能区块添加到文章和页面。我们将介绍配置选项,并讨论充分利用此元素的提示和技巧。

    如何将媒体和文本区块添加到文章或页面

    在媒体和文本区块,您可以添加书面内容,视频和图像文件通过使用多个布局并排。要使用它,请打开您要编辑的文章或页面。单击加号并选择媒体和文本 选项:

    将媒体和文本区块添加到文章或页面

    默认情况下, 媒体和文本区块将使用将图像或视频文件放在左侧并将写入的内容放在右侧的布局。您可以单击“上传” 或“媒体库” 选项来选择文件:

    上传媒体至文本和媒体区块

    放置图像或视频文件后,您可以移动到区块的内容… 一侧并开始编写。以下是添加一些内容后的外观示例:

    文本和媒体区块编辑器显示预览

    请注意,区块的每个部分都有单独的格式菜单。默认情况下,WordPress会在您的媒体文件旁边放置一个段落元素。但是,您可以将其替换为其他基于文本的元素:

    媒体和文本区块设置选项

    在多种类型的书写元素之间进行选择的能力使媒体和文本区块成为一个令人难以置信的多功能选项。在下一节中,我们将向您展示如何配置其设置。

    媒体和文本区块设置和选项

    使用媒体和文本区块时,您可以使用两组配置选项。一个是格式化工具栏,为您使用的每个区块提供自定义选项。第二个是设置菜单,具有更全面的样式调整。让我们从格式工具栏开始。

    工具栏设置

    如果您将鼠标悬停在媒体和文本区块的图像或视频部分上,您将看到一个格式菜单,其中包含以下选项:

    1. 将区块转换为另一种类型的元素
    2. 通过从两个选项中进行选择来更改区块的布局
    3. 在区块内添加指向媒体文件的链接
    4. 用不同的选项替换媒体文件

    这是一个快速备忘单,显示了每个选项在格式工具栏中的位置:

    媒体和文本区块工具栏设置

    如您所见, 媒体和文本区块使您可以在多个布局选项之间进行选择。每种情况下的主要区别在于视频或图像的位置:

    媒体和文本区块布局

    与图片区块不同,媒体和文本元素的格式工具栏不包括用于编辑图像的选项。但是,我们将在一分钟内向您展示如何进一步调整您的图片。

    现在,让我们转向媒体和文本区块的写入部分。默认情况下,它将使用段落元素,但您可以将其更改为区块编辑器支持的任何其他基于文本的选项。

    您选择的基于文本的区块将更改您将鼠标悬停在其上时出现的格式选项。在这里您可以看到与段落区块相对应的设置:

    媒体和文本区块段落元素

    如果您想详细了解每种文本元素的不同格式选项,我们建议您查看我们的WP教程。我们有最重要的区块编辑器元素的完整指南,向您展示如何添加和配置单个区块。

    其他选项

    接下来,在选择媒体和文本区块的同时单击编辑主菜单右上角的齿轮图标。在那里,您可以访问带有其他配置选项的侧边栏:

    媒体和文本区块其他选项

    让我们来看看每个设置所涵盖的内容:

    1. 样式:这使您可以为区块添加边框。请记住,边界的格式将取决于您的主题设置。
    2. 颜色:这使您可以更改区块及其背景中的文本和链接颜色。
    3. 媒体和文本设置:您可以在图像文件中添加替代文本并在此处调整其大小。此部分还包括用于为移动显示调整区块和裁剪图像的选项。

    以下是区块的颜色选项的快速浏览:

    媒体和文本区块颜色设置

    继续,如果您在“媒体和文本”设置 选项卡中启用“在移动设备上堆叠显示” 选项,当访问者从移动设备查看您的网站时,它会折叠区块。这是它的外观:

    在移动设备上堆叠显示媒体和文本区块内容

    这涵盖了您需要了解的有关更改媒体和文本区块的格式和设置的所有信息。现在是时候讨论这个元素的实际应用了。

    有效使用媒体和文本区块的技巧和最佳实践

    在媒体和文本区块是直接使用,并且可以完美集成到大多数文章和页面。本质上,您正在处理两个分组区块和两个布局选择。

    您可以使用列复制区块的外观和样式以并排添加图像和段落区块。但是,当存在媒体和文本功能时,几乎没有理由选择这种方法。

    由于这是一个如此简单的区块,我们唯一的建议是格式化元素的写入部分以与您选择的媒体文件完美匹配。例如,您可能不想在单个单词的段落或小列表旁边放一张大照片。您会希望这两个元素看起来平衡。请记住,您可以在区块内调整图像大小。

    最后,请记住,您使用媒体和文本区块添加的任何图像仍可用于搜索引擎优化 (SEO) 目的。这意味着您仍然应该考虑遵循基本的图像搜索引擎优化指南。

    关于媒体和文本区块的常见问题

    尽管使用媒体和文本区块相对简单,但您可能仍然对这个特定元素有一些疑问。考虑到这一点,让我们回顾一下有关此功能的一些最常见问题。

    什么时候应该使用媒体和文本区块?

    在媒体和文本区块可以展示旁边写内容的图像或视频的最佳方式。请记住,区块编辑器允许您在多种类型的基于文本的元素之间进行选择。

    可以将这个区块的媒体和文本部分分开吗?

    您可以将媒体和文本区块转换为栏目。这样做会将两个元素分成单独的区块,但保留原始布局。

    可以更改媒体和文本区块的字体设置吗?

    在媒体和文本区块您不可以更改字体设置。但是,您可以更改文本和任何包含的超链接的颜色。如果要访问更高级的字体相关配置,则需要将区块转换为栏目。

    小结

    在媒体和文本区块可能成为WordPress的您最常用的元素之一。图像和文本完美地搭配在一起,此区块使您可以将它们并排放置,并采用适合任何主题和页面的简单布局。

    使用此 功能时,请记住您不必坚持使用简单的段落。默认情况下,该区块会在您的图像或视频文件旁边添加一个段落元素。但是,您可以将其替换为区块编辑器库中的其他基于文本的选项(例如列表或标题)。

  • 古腾堡编辑器教程:如何使用WordPress组区块

    如何使用WordPress组区块

    使用区块编辑器将单个元素添加到您的文章或页面很简单。但是,如果您打算在整个网站中使用类似的区块,则将它们放在一起并将它们保存为模板是有意义的。一旦你掌握了组区块,这样做就变得简单了。

    在这篇文章中,我们将谈论哪些组区块原理,以及如何将它添加到您的文章和网页。我们还将向您展示如何配置其设置,并讨论有关分组元素的一些提示和最佳实践。

    如何将组区块添加至文章或页面

    添加此区块很简单,但需要的过程与您将用于其他区块的过程不同。首先,打开您要处理的文章或页面,选择添加新区块,然后选择“组” 选项:

    将组区块添加至文章或页面

    放置此区块时,将出现一个新部分,包括添加多个元素的选项。请注意,现在有两个用于添加区块的按钮。如果您使用第一个,您将在集合中添加一个项目。第二个按钮将在组区块之后 添加新模块:

    添加组区块操作

    您可以在组区块中插入多个任何类型的元素。在我们的示例中,我们添加了三个表块。乍一看,可能不清楚该组中包含哪些元素。为避免混淆,您可以单击块编辑器主菜单中的列表视图 按钮:

    组区块表格管理

     

    这是将组区块添加到文章和页面的第一种方法。另一种方法是在组中添加您想要的所有区块,然后在编辑器中选择它们。如果您选择多个元素,块编辑器将为您提供链接它们的选项:

    转化为组区块

    一旦您的块准备就绪,请记住您可以将特定分组保存为模板或可重复使用的区块。我们将在下一节中向您展示如何做到这一点。

    组区块设置和选项

    由于组区块可以包含多个不同的元素,因此您可能会看到多个格式菜单。本节将向您展示如何使用此区块的可自定义选项和常规设置。

    工具栏设置

    如果将多个表格放在一起,则可以选择每个表格区块并访问其格式设置和选项:

    组区块工具栏设置

    如果您选择整个组区块,您可以查看不同的、更直接的格式菜单。以下是它包含的选项:

    1. 将区块转换为栏目
    2. 使用拖放功能移动区块,或向上或向下移动元素的位置
    3. 修改区块的宽度
    4. 其他选项,包括分解集合或将其保存为可重复使用的区块

    让我们看看在组区块的格式菜单中在哪里可以找到每个设置 :

    组区块工具栏功能说明

    这里的大多数选项都相对简单。您可能会花更多时间调整集合中各个区块的格式。这里的两个突出设置是将组区块保存为可重用元素 (1) 或将其分解 (2) 的选项:

    组区块更多选项

    如果您选择取消组,则块将分成单独的元素。将添加到可重复使用的区块选项将让您保存独特的分组和它的设置,这样你就可以在其他的文章或网页重用它:

    创建可重用区块

    保存块后,当您向任何文章或页面添加新元素时,它会显示在“可重用” 选项卡下:

    可重用区块列表

    您可以将可重复使用的区块添加到WordPress中的任何页面或文章。但是,您可能需要更改元素的一些样式设置以使其适合。

    其他选项

    每个WordPress区块都带有各种设置,您可以通过单击区块编辑器主菜单右上角的齿轮图标来访问这些设置。

    组区块是改变你的设定(1)风格的街区,提供设置,修改它的颜色(2),和边框与内部元件(3)之间添加填充物:

    组区块设置

    组区块,您可以两种风格之间进行选择:有边框或者无边框。如果您选择“边框” 选项,它将在内部组件周围添加一个边框。但是,设置菜单不允许您更改边缘的样式或颜色:

    组区块边框设置

    继续,您可以为文本、背景和区块内的链接设置新颜色。但是,请记住,每个内部元素的单独设置将覆盖这些全局选项:

    组区块颜色设置

    然后,您可以单击“间距” 选项卡来更改区块边框与其内部元素之间的填充。为此,您需要以像素为单位指定距离:

    组区块边框距离设置

    一旦您对区块的配置和样式感到满意,您就可以转到该文章或页面中的其他元素。

    有效使用组区块的提示和最佳实践

    您可以使用组区块来链接您想要的任何元素。但是,我们建议您仅在有令人信服的理由时才将项目分组。使用此 块的一些重要原因包括:

    1. 自定义一组具有相似设置的区块。
    2. 在文章或页面布局中移动选定的区块,同时将它们保持在一起
    3. 保存一组区块以便稍后在另一个文章或页面上重用它们。

    如果您改变了将一组区块链接在一起的想法,请记住,您始终可以将它们分开,并且不会影响它们的单独设置。一旦您熟悉了区块编辑器,您就可以创建华丽而复杂的元素,您可以在整个网站中重复使用这些元素。

    关于组区块的常见问题

    到目前为止,您几乎了解了有关WordPress组区块的所有信息。最后,我们汇总了有关此元素的最常见问题的集合,以确保您不会遗漏任何关键细节。

    我可以将任何WordPress区块组合在一起吗?

    使用组区块,您可以链接任何WordPress的区块。因此,您可以使用它来组合包含多个元素的复杂设计。

    我可以编辑组内的单个区块吗?

    区块编辑器使您可以访问包含您正在处理的整个组区块的“全局”选项 。此外,您仍然可以访问集合中每个元素的格式设置和样式设置。

    组区块与可重用元素相同吗?

    您可以将大多数块保存为区块编辑器中的可重用元素。但是,组区块使您能够将整组区块组件保存为单个可重复使用的项目。

    小结

    组区块的WordPress的区块编辑器中最有趣的功能之一。它使您可以将它们链接在一起并同时自定义它们,而不是单独处理区块。

    您可以将组区块保存为可重复使用的元素,您可以将这些元素添加到整个站点中,如果要使用单个组件,则可以拆分等等。考虑到WordPress区块编辑器使您能够对任何类型和数量的区块进行分组,因此您几乎无法使用此功能。

  • 古腾堡编辑器教程:如何使用WordPress封面区块

    如何使用WordPress封面区块

    WordPress封面区块很有趣。它允许您在背景中放置图像、视频或纯色,并将内容区块添加到前景。这意味着您可以将区块放置在其他块上。它比大多数块有更多的选择。了解如何使用封面区块可以极大地增强您网站的设计。

    在本教程中,我们将了解封面区块的功能并查看其设置和选项。我们还将看到有关如何使用它的一些最佳实践以及常见问题解答。

    如何将封面区块添加至文章或页面

    如何将封面区块添加至文章或页面

    要将封面区块添加到您的页面和文章,请选择您的内容中或页面左上角的区块图标,输入区块的名称,然后选择它。

    添加WordPress封面区块快捷方式

    您也可以输入/cover并按 Enter 键或选择区块。

    封面区块上传媒体

    然后,您的内容中将有一个封面区块,您可以在其中添加图像或视频等媒体,或使用颜色作为背景,并将文本置于前景中。从媒体文件夹或颜色中选择内容后,文本选项会出现在前景中。

    封面区块编辑器示例

    我从我的媒体库中添加了一张图片,并在图片上添加了一个标题。标题是一个段落区块。您可以将其更改为其他类型的区块、嵌入视频等。

    封面区块与其他区块组合

    您还可以通过按 Enter 键添加多个区块。像往常一样从区块中选择。

    无图封面区块

    您还可以从一种预选的背景颜色中进行选择。

    封面区块背景颜色

    该颜色可用作图像的叠加层。

    封面区块设置和选项

    封面区块设置和选项

    封面区块有两个带有设置和选项的区域。第一个是封面区块工具栏。第二个是右侧栏中的封面区块选项。

    封面区块工具栏

    封面区块工具栏

    单击封面区块中的任意位置可打开其工具栏。

    更改封面区块类型或样式

    更改封面区块类型或样式

    第一个设置更改栏目,让您分组、更改图像,以及从默认样式或边框中选择样式。悬停显示预览。我将鼠标悬停在图像上。图像删除您在叠加层中的内容区块。

    拖动或移动

    拖动或移动封面区块

    抓住拖动工具(6 个点)将块拖动到您想要的任何位置。移动工具允许单击箭头向上移动区块或内容中的文本。

    对齐方式

    封面区块对齐方式

    对齐选项包括左、中、右、宽幅和全幅。左右包裹区块和它下面的段落。

    宽幅封面区块示例

    这是全幅图像。这可用于创建标题、划分部分等。

    更改内容位置

    更改封面区块内容位置

    这将选择内容位置。它打开一个带点的 3×3 网格。选择一个点会将内容移动到图像中的那个位置。

    切换全屏

    全屏显示封面区块

    这会将图像设置为其全屏,而不是调整其大小。

    应用双色调滤镜

    封面区块应用双色调滤镜

    从预先选择的选项中选择双色调。一种适用于阴影,另一种适用于高光。

    封面区块双色调设置

    在滑块上选择一种颜色进行调整。

    封面区块颜色阴影设置

    在滑块下选择一种颜色以选择预选的颜色。

    代替

    WordPress封面区块代替

    这将打开媒体选项,以便您可以上传或从库中选择其他图像。

    更多选项

    封面区块更多选项

    更多选项包括:

    • 隐藏更多设置 – 隐藏右侧边栏。
    • 复制– 复制封面区块,以便您可以将其粘贴到页面或文章中的任何位置。
    • 创建副本– 创建封面区块的副本并将其放置在原件下方。
    • 在区块前插入– 在封面去块上方为另一个区块添加空间。
    • 在区块后插入– 在封面区块下方为另一个区块添加空间。
    • 移动到– 让您通过使用箭头键向上或向下移动蓝线来移动区块。按回车键,你的方块就会移动到蓝线的位置。
    • 添加至可重用区块– 将区块添加到您的可重用区块中,以便您可以在任何页面或文章中使用它。
    • 组合– 将区块添加到组中,以便您可以将它们作为一个单元进行调整。
    • 删除区块– 删除区块。

    封面区块内容

    封面区块内容

    选择内容会打开另一组仅用于内容的工具。默认是一个段落区块,包括工具栏和侧边栏设置的所有标准选项。您可以对其进行转换或添加任何区块。这为您提供了许多内容选择。

    选择封面

    封面区块选择封面

    这将关闭内容工具栏并打开封面区块工具栏。

    封面区块调整大小

    封面区块调整大小

    通过拖动图像底部的圆圈来调整图像大小。

    封面区块设置

    封面区块设置

    封面区块设置位于右侧边栏中。单击区块或齿轮以显示侧边栏。如果您选择块内容中的区块,则会显示其侧边栏设置。

    样式设置

    封面区块样式设置

    显示带或不带边框的区块。您还可以设置默认值以显示边框。它包括一个预览,因此您可以在选择它之前查看它的外观。

    间距

    封面区块间距设置

    为所有侧面或特定侧面增加空间。单独选择每一面或将它们链接在一起以一次调整它们。

    媒体设置

    封面区块媒体设置

    选择区块内显示的图像部分。您可以选择一个固定的背景(视差),如果背景对于该区域来说太小,则可以重复该背景,并通过移动一个圆圈或指定左侧和顶部位置来指定焦点。您也可以从这里清除媒体。只有焦点选择器可用于视频。

    封面区块样式设置

    此示例显示固定背景。当文本滚动时,图像保持原位,从而产生视差效果。

    封面区块视差效果

    这是重复的背景。它非常适合用小图像创建有趣的图案。

    分辨率

    封面区块分辨率设置

    通过在字段中输入高度以像素为单位指定高度。这与图像底部的拖动工具相同。

    覆盖

    封面区块覆盖设置

    封面区块有很多覆盖选项。选择一种预制颜色并选择其不透明度。从纯色或渐变中选择。您将实时看到变化。如果您选择显示颜色而不是图像,您可以在此处更改颜色。此示例显示纯色。

    封面区块纯色或渐变色覆盖

    您还可以选择自定义颜色。这将打开一个颜色选择器,您可以在其中使用窗口中的颜色、使用滑块选择色阶或输入十六进制、RGB或HSL代码。

    封面区块覆盖颜色设置

    渐变选项可让您选择将显示的两种颜色。在线性或径向之间进行选择。您还可以设置颜色的不透明度。我在这个例子中选择了径向。

    高级

    封面区块高级设置

  • WordPress网站维护清单(20项站长必需做的事项)

    WordPress网站维护清单

    您的网站现在可能正在顺利运行。但是,不能保证它会永远在这个最佳水平上运行。与车辆类似,您的网站需要持续工作才能保持最佳状态。这就是为什么我们要整理这个完整的WordPress网站维护清单。

    在这篇教程中,我们将讨论为什么维护是高性能、安全和盈利的在线业务的关键。然后,我们将分享您今年需要完成的多达20项维护任务。我们根据您需要完成任务的频率来组织任务,以保持网站的整洁和跨度:

    为什么网站维护很重要

    如果您忽视重要的维护任务,那么后果可能是灾难性的。2021年前六个月,Wordfence Web应用程序防火墙阻止了超过40亿次恶意请求。随着人们积极尝试闯入 WordPress 网站,即使是很小的安全失误也可能使您的网站面临严重风险。

    不过,WordPress维护不仅仅是 发现大问题。

    随着时间的推移,小问题会逐渐降低您网站的性能搜索引擎排名。通过及早查明和解决这些小错误,您可以减少它们对您网站的负面影响。

    维护还涉及评估站点的各个方面。这使您处于有利地位,可以发现优化内容和推动更多转化的机会。通过这种方式,您可以让您的网站保持领先地位。

    每周任务维护

    让我们从定期维护任务开始。以下是我们建议您每周执行的五件事。

    1. 查看您的指标

    大多数成功的网站都会记录一系列数据。这包括跟踪访问者的行为方式、您的最佳流量来源以及带来最多转化的内容。

    通过定期分析您的指标,您可以查明需要解决的问题。在这里,速度就是一切。为了保持竞争力,每周查看这些数据会有所帮助。

    查看您的指标

    孤立地看待时,您可能很难正确评估自己的表现。如果是这种情况,您可能还需要查看竞争对手的指标。

    2. 备份您的网站

    创建定期备份是待办事项列表中最重要的项目之一。如果您落后了,那么您可能会丢失所有最近的工作——甚至您的整个网站。

    虽然您可以手动创建备份,但一些托管服务提供商可以为您执行这项重要的维护任务。例如,在宝塔面板,你也可以创建自动备份任务。

    如果您需要按需备份,您还可以通过单击创建站点的副本。我们将您的所有备份存储在一个中央位置,并提供简单的一键式恢复,以增加便利性。

    3. 适度评论

    生动的评论部分鼓励访问者与您的网站进行互动。但是,评论部分可能有阴暗面。攻击者可能会试图诱使您以垃圾评论的形式发布恶意内容。

    一些评论也可能包含不相关或令人反感的内容。这可能会在您的网站上表现不佳。出于这个原因,您可能需要使用评论审核插件,例如Akismet Anti-Spam

    适度评论

    您还可以使用WordPress的默认设置将所有提交保留在批准队列中。访问者希望他们的评论在合理的时间范围内出现在您的网站上。如果您保留评论以供审核,那么每周至少检查一次此队列是明智之举。

    4. 更新主题和插件

    根据研究,86%的被黑WordPress网站包含过时的插件或主题,甚至是过时的WordPress版本。这是有道理的,因为更新通常包含对已知漏洞或新安全功能的修复。

    为了让坏人远离,定期检查WordPress仪表板是否有任何可用更新是明智之举。

    更新主题和插件

    虽然我们将此任务包含在我们的维护清单中,但您可能需要考虑为您的主题和插件启用自动更新以增加安全性。假设您运行的是 WordPress 5.6 或更高版本,您还可以在仪表盘>更新菜单中为WordPress核心启用自动更新。

    5. 扫描恶意软件

    WordPress 作为一个安全平台享有盛誉,但没有任何软件是完美的。为了让您的网站保持最佳状态,检查恶意软件很重要。

    你也可以通过安装最佳WordPress安全插件推荐清单中的任意插件来实现WordPress网站恶意软件扫描,比如WordFenceSucuri都是非常不错的WordPress安全插件。

    每月任务维护

    通过监控您网站的速度和搜索引擎性能,您可以在竞争中领先一步。考虑到这一点,这里是您每月的网站维护清单。

    6. 测试您网站的速度

    您网站的性能对其成功有巨大的影响。研究表明, 40%的人会放弃加载时间超过三秒的网站。即使访问者 留下来,一个缓慢的网站也不大可能给潜在客户留下深刻印象。

    页面速度也会影响您的SEO,尤其是在Core Web Vitals项目启动后。

    您可以使用Google PageSpeed InsightsGTmetrix等工具测试您网站的速度。

    GTmetrix

    如果您担心自己的Core Web Vitals性能,Google还创建了专门的报告工具。这会根据特定的Core Web Vitals指标评估您的网站。

    7. 创建新内容

    定期发布有趣的相关内容 是一种久经考验的方法,可以将一次性访问者转化为忠实的回头客。内容还可以将您定位为您所在行业的专家,这对转换非常有用。

    这不仅是人 谁读您的文章和网页。搜索引擎还将使用此内容来了解​​您的网站是关于什么的。因此,通过定期发布博客文章和文章等材料,您可以最大限度地提高出现在相关搜索引擎结果中的机会。

    为确保您在搜索引擎优化 (SEO) 游戏中获胜,您可能需要考虑与经验丰富的SEO团队合作。我们的关键词插件关键词挖掘在线工具,都可以帮助你完成站点关键字策略。

    8. 改善您网站的SEO

    谷歌在美国每一个月都高达400-600亿的搜索,SEO是一个维护任务,你可以不容忽视。作为一个成熟的网站,您很可能已经确定了要为其排名的关键字。但是,关键字流行度会随着时间的推移而变化,因此有助于检查您是否需要调整您的方法。

    您可以使用Semrush的关键字概述或关键字魔术工具等工具查看当前的搜索量。

    改善您网站的SEO

    对关键字策略进行任何必要的更改后,您需要检查网站的每个部分,以确保它有助于您对这些字词进行排名。这绝非易事!

    关于WordPress SEO优化,强烈推荐大家认真阅读“WordPress SEO终极指南”,并结合自身情况逐个执行。

    此外,借助SEO工具SEO插件是少不了的事情。我们提供的搜索自动推送管理插件蜘蛛分析插件热门关键词插件Smart SEO Tool插件,目的都是为了帮助站长们获得更好的搜索引擎排名。

    季度任务维护

    让我们来看看一些经常被忽视的网站元素。以下是每个季度要执行的七项任务。

    9. 更改密码

    强大而复杂的密码对于防止未经授权访问您的网站至关重要。创建密码时,必须遵循所有最新的最佳实践,例如使用双因子身份验证

    即使您遵守规则,每季度更改密码仍然是明智之举。然后,即使您的密码确实被泄露,它也会最大限度地减少黑客留在您被黑账户中的时间。

    10.检查并修复损坏的链接

    链接断开的原因有很多。例如,您可能会错误地删除页面或实施重定向。

    它们可能很常见,但这些URL对用户体验 (UX) 和您的SEO来说是灾难性的。当搜索引擎机器人遇到损坏的URL时,它们会抓取该链接以验证它是否已损坏。这浪费了宝贵的爬网预算。

    您可以使用SemrushSmart SEO Tool插件无效链接检测插件等工具扫描损坏的URL 。

    检查并修复损坏的链接

    Semrush将扫描您的网站并在“已抓取页面”部分显示任何损坏的 URL。

    有时,您可以通过手动调整URL来修复损坏的链接。或者,您可以使用诸如Redirection之类的插件。

    11. 删除不必要的插件和主题

    每个主题或插件都会向您的网站添加代码,这是黑客可以利用的潜在漏洞。事实上,主题和插件占WordPress漏洞的96%

    定期检查您网站上安装的主题和插件并删除不再需要的任何主题和插件是个好主意。

    您可能想简单地禁用相关软件,以防万一您需要在以后重新激活它。但是,黑客可能仍然能够访问已停用的代码,因此删除始终是最安全的选择。

    删除不必要的插件和主题

    您可以通过删除不再需要的任何图像、视频或音频文件来进一步减少攻击面。为此,请使用安全文件传输协议 (SFTP) 客户端连接到您的站点,然后前往wp-content目录以找到并删除那些不必要的文件。

    12. 优化你的数据库

    WordPress将您的所有数据和内容存储在数据库中。数据库越大,服务器从表中检索信息所需的时间就越长。

    通过优化数据库,您可以减少服务器负载并提高页面加载时间。您可以使用phpMyAdmin优化您的数据库。

    优化你的数据库

    在phpMyAdmin中,导航到Databases。然后,您可以选择要优化的数据库。

    你可以通过“最佳WordPress数据库插件[WP数据库备份、优化及迁移]”,选择适合自己的数据管理插件进行数据库相关管理工作。

    13. 测试您网站的表单

    许多网站使用表单来捕获潜在客户并推动转化。一些表单还提供核心功能,包括登录表单。

    测试您网站的表单

    由于它们非常重要,因此检查您的表单是否正常运行是明智之举。我们建议查看整个提交过程,包括确保您正确记录用户输入。我们也整理当前最为热门的表单插件清单

    14. 测试您的结账流程

    如果您通过网站接受付款,那么结帐流程就是您业务的核心。如果此过程存在问题,那么您可能会错过无数的销售机会。在最坏的情况下,您的系统可能会完全崩溃,这将使您的收入为零。

    考虑到这一点,我们建议验证您的结帐是否按预期工作。大多数支付解决方案都有专门的测试模式,包括流行的WooCommerce平台

    在测试期间,寻找任何改进采购流程的机会是明智之举。复杂的付款流程可能会阻止客户越过终点线。事实上, 如果他们被迫创建一个帐户,34%的购物者会放弃他们的购物车

    如果您可以将付款流程简化为审核的一部分,那么您的底线可能会产生奇迹。

    15. 检查您的社交媒体链接

    社交媒体是一种强大的工具,可以覆盖更广泛的受众并保留现有受众。通过经常在社交平台上发帖,您可以让您的公司始终处于关注者心目中的最前沿,并确保他们长期保持参与。许多网站都有突出的社交媒体按钮,包括关注您的帐户和分享您的内容的链接。

    检查您的社交媒体链接

    但是,在处理第三方工具时,他们总是有可能改变处理您的请求的方式。他们甚至可能实施影响您网站社交内容的技术变革。

    如果您的社交URL被破坏,那么您可能会错过无数粉丝和分享。因此,重要的是要不时检查它们以确保它们正常工作。

    年度任务维护

    您不必一年多次执行这些任务。但是,我们建议每年留出时间执行它们。

    16. 安排用户测试

    在这里,您可以通过 在现实生活中的用户身上进行测试来评估您的网站的直观程度。当您第一次设计网站时,您可能至少进行了一轮可用性测试。

    然而,人们与网站互动的方式有随着时间的推移而发展的趋势。新技术创新、设备或浏览器更新可以极大地改变您的典型互联网用户与您的网站的交互方式。

    为确保您继续提供良好的体验,我们建议安排年度可用性测试。

    17. 查看您的域名和托管续订

    选择域名是您可以做出的最重要的决定之一。一个好的域名将成为您品牌推广不可或缺的一部分。

    现在,想象一下失去您在线身份的这一重要部分。如果您的续订进度落后,那么您可能有一天会尝试访问您的网站,却发现您的域已过期。因此,检查您的域和托管更新状态是明智之举。

    查看您的域名和托管续订

    即使您激活了自动续订,我们仍然建议您手动验证所有设置是否正确,尤其是您的付款信息。如果您的信用卡已过期,续订将失败,您可能无法访问您的域或虚拟主机。

    18. 更新您的Header、页脚和法律政策

    您的页眉和页脚是主要的数字资产。通常,您将使用这些元素来显示有用的信息,例如您的联系方式或营业时间。如果此信息已过时,则您可能会失去转化。

    更新您的Header、页脚和法律政策

    如果对操作进行任何重大更改,则必须立即更新页眉和页脚。然而,执行年度检查只是为了确保没有任何变化从裂缝中溜走永远不会有什么坏处。

    页眉和页脚也会出现在您的网站上。这使它们非常适合将您最重要的页面放在观众的指尖。

    在查看这些元素时,请考虑删除任何不再相关的链接。可能还有一些新内容值得在页眉或页脚中占据首位。

    大多数网站都有各种法律政策,包括隐私政策和版权信息。法律会随着时间的推移而发展,因此始终值得验证您是否符合最新法规。

    19. 查看您的“关于”页面

    引人注目的“关于”页面可以让客户相信您是一家值得与之开展业务的公司。它还可以让人们了解您作为个人的身份。

    查看您的“关于”页面

    尽管它很重要,但仍有太多公司写下他们的“关于”页面,然后再也不访问它。为确保此页面始终代表您的公司,值得进行年度审查。

    查看您的“关于”页面-2

    您可以寻找机会增加令人兴奋的发展,例如一个主要的新客户。您还可以更新任何过时的信息,例如更改员工的简历以反映他们的新职位。

    20. 进行内容审核

    向访问者发布引人入胜的相关内容表明您的网站是活跃的,并且您是该领域的专家。此内容还可以帮助您提高搜索引擎排名。

    为确保您从此内容中获得最大价值,我们建议您进行年度内容审核。您可以在此处对网站的所有内容进行编目并评估其性能。

    通过这种方式,您可以确定吸引最大流量并带来最多转化的主题和格式。相反,您可以查明似乎不会引起目标受众共鸣的内容。这是您可以用来完善您的内容策略的宝贵信息。

  • 如何使用Amazon SES发送WordPress电子邮件

    提高WordPress电子邮件可靠性的一种简单方法是使用Amazon Simple Email Service或Amazon SES。在本教程中,我们将逐步向您展示如何使用Amazon SES从您的WordPress站点发送电子邮件。

    使用Amazon SES发送WordPress电子邮件

    为什么以及何时需要Amazon SES来处理WordPress电子邮件

    我们经常听到用户无法从他们的WordPress网站发送电子邮件。这是一个问题,因为您依靠电子邮件来保持您的网站顺利运行。

    例如,您的站点依靠电子邮件来重置丢失的密码,或者在新用户注册或有人填写您的联系表格时发送通知。

    默认情况下,WordPress使用PHPmail(国内大部分云服务都禁用了此功能)发送电子邮件。但是,此功能并不总是按预期工作。这通常是因为WordPress服务器托管公司阻止它以防止滥用和垃圾邮件。

    此外,流行电子邮件服务提供商的垃圾邮件过滤器会检查收到的电子邮件以验证发件人。默认的WordPress电子邮件未通过此检查,有时甚至可能无法进入垃圾邮件文件夹。

    SMTP(简单邮件传输协议)是发送电子邮件的行业标准。与PHP mail功能不同,SMTP使用正确的身份验证,这增加了您的电子邮件成功发送的机会。

    Amazon SES是一种专为企业电子邮件设计的SMTP服务。这是一个很好的解决方案,可以仅向您和您的团队发送WordPress通知电子邮件,也可以向大型邮件列表发送电子邮件通讯。

    该服务第一年免费。之后,您可能需要按使用量付费,具体取决于您发送的电子邮件数量和其他因素。您可以在Amazon SES定价页面上了解费用。

    在本教程中,我们将向您展示如何使用WP Mail SMTP插件从您的WordPress网站向Amazon SES服务发送电子邮件。

    编者注:我们认为Amazon SES对于初学者来说有点复杂。这就是为什么我们通常建议用户使用SMTP.com或Sendinblue(国内的站长可以考虑使用QQ企业邮箱或者163企业邮箱),它们都可以与WP Mail SMTP插件一起使用。

    配置您的亚马逊AWS账户

    首先,您需要通过访问Amazon Web Services网站来注册一个免费帐户。虽然帐户是免费的,但您需要在设置帐户时输入信用卡详细信息。

    注册亚马逊AWS账户

    创建AWS账户后,您需要设置一个用户。这将为您提供稍后需要的访问密钥。

    为此,您需要打开Amazon Web Services用户页面。在此页面中,您需要单击“Add users”按钮。

    配置AWS用户

    接下来,您需要设置一个新用户。在User name字段中,您可以添加任何您喜欢的名称,但我们建议您使用yourdomain_wpmailsmtp格式。

    如果您为其他网站创建其他用户,这将在未来有所帮助。您一目了然地知道每个用户所在的网站,以及它被WP Mail SMTP插件使用。

    配置AWS用户-2

    您还需要选择AWS凭证类型(AWS credential type)。您应该勾选“Access key – Programmatic access”旁边的复选框。

    完成后,您可以单击屏幕底部的“Next: Permissions”按钮。

    您现在将看到“Set permissions”屏幕。您需要单击第三个选项“Attach existing policies directly”。

    AWS凭证

    然后您应该在搜索栏中键入“AmazonSESFullAccess”以过滤列表。现在只应列出一项政策。确保勾选该策略左侧的复选框。

    之后,单击屏幕底部的“Next: Tags”按钮。我们不需要更改“Add tags”页面上的任何设置,因此只需单击“Next: Review”按钮,您就会进入“Review”页面。

    在那里,您可以看到您为此用户选择的所有详细信息。如果一切看起来都正确,那么只需单击“Create user”按钮。

    AWS用户详细信息

    您现在将看到一条消息,表明您已成功创建用户。您还将看到您的用户的Access Key ID和Secret Access Key。

    在本教程的稍后部分,您将需要这些文件,因此您应该将它们复制到一个安全的位置,或者直接下载CSV文件。或者,只需保持此浏览器窗口打开,以便稍后返回。

    Access Key ID和Secret Access Key

    将Amazon Web Services切换到生产模式

    默认情况下,您的Amazon SES账户将在沙盒模式下运行。这种有限模式只允许您向经过验证的电子邮件地址发送电子邮件,旨在阻止垃圾邮件发送者滥用系统。

    如果您想向任何人发送电子邮件,则必须提出从Sandbox沙盒模式切换到Production生产模式的请求。第一步是访问AWS Support页面以创建新案例

    首先,您需要以刚刚设置的用户身份登录。进入“Create case”页面后,您需要单击第二个选项“Service limit increase”。

    创建AWS case

    接下来,您需要填写案例详细信息。亚马逊将使用您的回答来确保您不会发送垃圾邮件。

    您应该将限制类型保留为“SES Service Limits”并选择“Transactional”作为邮件类型。在Website URL字段中,您应该输入您网站的地址。

    SES服务限制

    下一部分标记为“Describe, in detail, how you will only send to recipients who have specifically requested your mail”。在这里,您应该分享一些有关电子邮件发送过程的详细信息。

    例如,您可以说您只向站点管理员发送站点通知,或者只向在您的站点上填写表单的人发送邮件。

    Amazon SES发送电子邮件描述

    然后,您会被要求“Describe, in detail, the process that you will follow when you receive bounce and complaint notifications”。例如,您可以解释WP Mail SMTP中的“Desired Daily Sending Quota”设置会将所有退回通知发送到指定的电子邮件地址。

    当被问及您是否会遵守AWS服务条款时,您应该回答“Yes”。

    接下来,您应该向下滚动到“Requests”部分。首先选择与您设置AWS账户时相同的区域。这将是离您站点服务器所在位置最近的区域。

    对于限制字段,您应该从下拉菜单中选择“Desired Daily Sending Quota”。之后,在“New limit value”下,您应该输入您预计一天内发送的最大电子邮件数量的估计值。

    Amazon SES发送电子邮件预估

    该页面的最后一部分是“Use Case Description”。在这里,您应该分享您拥有的网站类型的详细信息以及您将发送电子邮件的原因。

    确保包含将发送的电子邮件类型,例如表单提交确认、购买收据或邮件订阅。此处更详细的回复可能会给您的申请更大的成功机会。

    亚马逊服务Case描述

    完成申请后,请继续并单击“Submit”按钮。您将收到来自Amazon Web Services的两封电子邮件,确认已创建新案例。

    您应该会在一个工作日内收到亚马逊的决定。但与此同时,您可以继续本教程。

    在WordPress网站上安装WP Mail SMTP

    WP Mail SMTP是WordPress最好的SMTP插件。您需要购买Pro计划或更高版本才能使用Amazon SMTP。这也使您可以获得由他们的一位专家设置的高级支持和white glove。

    如果您想让WP Mail SMTP支持团队为您设置此功能,您可以按照他们的指南了解如何请求为SMTP设置white glove,而不是按照以下步骤操作。

    首先,您需要在您的网站上安装并激活WP Mail SMTP。

    安装WP Mail SMTP

    激活后,WP Mail SMTP安装向导将自动启动。您需要单击“Let’s Get Started”按钮。

    WP Mail SMTP安装向导

    接下来,您将看到支持的电子邮件服务列表。在这里,您需要选择Amazon SES,然后单击“Save and Continue”按钮。

    Amazon SES电子邮件服务

    您将看到一条消息,说明Amazon SES是技术高级用户的不错选择。您应该单击“I Understand, Continue”按钮以关闭该消息。

    之后,系统会要求您配置邮件程序设置。您需要使用您之前在创建Amazon AWS账户时复制的信息填写Access Key ID,Secret Access Key和区域字段。

    Access Key ID,Secret Access Key和区域信息

    现在您需要向下滚动到 SES 身份部分。您可以在此处选择验证您的域或电子邮件地址。

    验证您的域

    按域验证的好处是它会验证使用该域的任何电子邮件地址。验证电子邮件地址更容易,但您必须单独验证每个要使用的电子邮件地址。

    要在Amazon SES上验证您的域名,您需要确保选择了验证域选项。之后,您应该输入您在注册Amazon AWS时使用的域名。

    SES域名验证

    输入域名后,您需要单击“Verify Domain”按钮。您将获得一个名称和值,以添加到您域的DNS设置中的新TXT记录。

    DNS设置TXT记录

    有关如何为您站点的DNS设置创建TXT记录的说明,请参阅我们的DNS指南

    成功验证域后,您应该返回站点的WP Mail SMTP设置,然后刷新页面。现在将显示任何经过验证的域。

    您现在可以跳过下面的“Verify Email Address”部分并继续设置发件人姓名和电子邮件”。

    验证您的电子邮件

    如果您只计划在WP Mail SMTP中使用单个电子邮件地址,那么验证您的电子邮件地址是一个不错的选择。

    首先,您需要单击“Verify Email Address”选项,然后您应该在提供的字段中键入您计划使用的电子邮件地址。

    验证您的电子邮件

    输入电子邮件地址后,您需要单击“Verify Email button”按钮。您将看到一条通知,要求您检查电子邮件收件箱以获取确认电子邮件。

    这封电子邮件将从亚马逊网络服务发送,并包含一个验证链接。您必须在24小时内单击此链接以验证此电子邮件地址。

    亚马逊验证通知邮件

    成功验证电子邮件后,您可以返回站点的 WP Mail SMTP 设置并刷新页面。应显示任何经过验证的电子邮件地址。

    设置发件人姓名和电子邮件

    现在您应该向下滚动到页面的最后一部分,您可以在其中输入“From”姓名和电子邮件地址。

    您需要在From Name字段中输入一个名称。这是与您发送的电子邮件关联的名称,默认情况下将设置为您站点的名称。

    您可以将其更改为任何名称,例如您的公司名称或个人名称。您还可以选中Force From Name选项以在站点范围内应用此设置。

    设置发件人姓名和电子邮件

    您可以在“From Email”字段中输入任何经过验证的电子邮件地址。为获得最佳效果,我们建议您使用包含您网站域的企业电子邮件地址,例如 example@yourwebsite.com。

    我们建议您选中标有“Force From Email”的框。这意味着您将在WordPress网站上自动使用相同的外发电子邮件地址。

    此选项将为您省去在整个站点中编辑电子邮件设置的麻烦,并降低您的电子邮件进入垃圾邮件的可能性。

    完成输入设置后,您可以单击“Save and Continue”按钮。

    启用WP Mail SMTP功能

    最后,系统会询问您希望启用哪些电子邮件功能。默认情况下,启用前三个选项。这些是改进的电子邮件送达率、电子邮件错误跟踪和每周电子邮件摘要。

    启用WP Mail SMTP功能

    如果您愿意,也可以启用详细的电子邮件日志。做出选择后,您应该单击“Save and Continue”按钮。

    输入WP Mail SMTP许可证密钥

    最后,您需要输入您的WP Mail SMTP许可证密钥。当您注册您的WP Mail SMTP Pro帐户时,您会通过电子邮件收到此密钥。

    您还可以通过单击WP Mail SMTP网站上的帐户页面中的“View License Key, Details, and Downloads”来找到您的许可证密钥。

    WP Mail SMTP许可证密钥

    输入许可证密钥后,您应该单击“Verify License Key”按钮。您应该会看到一条成功消息。只需单击“OK ”确认该消息,然后单击“Continue”按钮。

    WP Mail SMTP许可证密钥验证成功

    WP Mail SMTP现在将检查您的邮件程序配置。如果一切都按预期工作,那么您将看到一个带有消息“Congrats, you’ve successfully set up WP Mail SMTP!”的屏幕。

    如果出现问题,您将看到一条消息,内容为“Whoops, looks like things aren’t configured properly”。您需要单击“Start Troubleshooting”按钮来修复错误。

    WP Mail SMTP错误修复

    发送测试电子邮件

    完成故障排除后,您可能希望再发送一封测试电子邮件,以确保一切正常。

    您需要导航到WP Mail SMTP » Tools ,然后单击“Email Test”选项卡。默认情况下,测试电子邮件将发送到您网站的管理员电子邮件地址,但您可以更改此设置。接下来,单击“Send Email”。

    发送测试电子邮件

    如果一切都设置正确,那么您应该会看到成功!信息。

    测试邮件发送成功

    希望本教程能帮助您了解如何使用Amazon SES发送WordPress电子邮件。

  • 如何将WordPress网站从旧域名迁移至新域名

    有时候我们可能因为某些原因(旧域名卖掉、被污染、被墙掉等等),需要将WordPress网站移至新域名。更改您网站的域名会可能影响网站SEO排名,因此这是一个需要非常小心的过程。

    虽然您在将网站迁移到新域时无法避免暂时的SEO波动,但您绝对可以将影响降到最低,并迅速恢复搜索流量和排名。在本教程中,我们将介绍如何SEO影响最小化的情况下将WordPress移至新域名的方法。

    如何将WordPress网站迁移至新域名

    以下是我们将介绍的5个步骤,以帮助您将WordPress网站迁移到新域名:

    1. 为WordPress网站创建一个Duplicator包
    2. 为新域名创建数据库
    3. 在新域名上解压WordPress
    4. 设置永久301重定向
    5. 将更改通知Google

    更改域之前需要了解的内容

    在开始之前,您应该了解一些事项。

    转移到新域名的过程会暂时影响您的搜索引擎排名,因为Google和其他搜索引擎需要适应变化。

    是的,这也会暂时影响您的搜索流量。请记住,这是正常现象,所有切换到新域名的网站都会发生这种情况。

    但是,您可以按照本指南显着降低SEO影响。我们会告诉你正确的方式移动你的WordPress网站到一个新的域名,建立适当的301个重定向,并通知搜索引擎。

    请注意,本指南不适用于将WordPress站点移至新主机。这仅用于切换域名。虽然该过程类似,但此过程还涉及一些额外的步骤。这些额外的步骤将帮助您保护您的SEO排名和流量。

    预备步骤:您需要开始做什么

    在本指南中,我们假设您在oldsite.com上设置了WordPress网站,并且您正在尝试将其迁移到newsite.com。

    我们还假设您已经拥有一个WordPress托管帐户,并且您熟悉您的网络托管控制面板。

    您还需要知道如何使用FileZilla等FTP客户端,或如何使用托管帐户仪表板下可用的文件管理器应用程序编辑文件。

    一旦你准备好这些东西,你就可以开始这个过程了!

    步骤1:为WordPress网站创建一个Duplicator包

    您需要做的第一件事是创建WordPress网站的完整备份。我们将使用此备份创建您网站的副本,以便您可以正确设置从旧域到新域的重定向。

    虽然有许多WordPress备份插件可用,但本教程我们将使用Duplicator,这是一个免费的备份和迁移插件。

    让我们首先在您的旧域名上安装和激活Duplicator插件。

    激活后,该插件将在您的WordPress管理后台中添加一个Duplicator菜单项。您需要单击Duplicator菜单,然后单击“Create New”按钮以创建新包或WordPress站点的副本。

    创建一个Duplicator包

    之后,系统会要求您单击“Next ”按钮继续。

    Duplicator现在将运行网站Duplicator向导。首先,它将运行一些测试以查看是否一切正常。如果插件发现问题,您将看到带有说明的警告。

    如果所有项目都标记为“Good”,则单击“Build”按钮。

    Duplicator向导

    该插件现在将开始为您的网站文件创建duplicator包。此过程可能需要几分钟时间,具体取决于您网站的大小。

    完成后,您将看到安装程序和存档包的下载选项。您需要单击“One-click download”链接将这两个文件下载到您的计算机。

    下载Duplicator备份

    存档文件是WordPress文件的完整副本。它包括您的WordPress主题、固定链接设置、插件、上传以及由WordPress插件创建的任何其他文件。

    安装程序脚本是一个PHP文件,它将通过解压缩存档文件来自动化和运行WordPress迁移。

    步骤2:为您的新域名创建数据库

    在将:WordPress站点移动到新域之前,您需要一个新的SQL数据库来解压新域名上的WordPress。

    如果您已经创建了数据库,则可以跳过此步骤。

    要创建数据库,您需要访问您的主机帐户的cPanel仪表板,向下滚动到“Databases”部分,然后单击“MySQL Databases”图标。

    创建数据库

    注意:您的主机控制面板可能与屏幕截图略有不同。但是,您仍然应该能够找到带有创建新数据库选项的数据库部分。

    只需为您的数据库提供一个名称,然后单击“Create Database”按钮。

    cPanel现在将为您创建一个新数据库。之后,您需要向下滚动到MySQL Users部分。

    接下来,为您的新用户提供用户名和密码,然后单击“Create a user”按钮。确保在安全的地方记下用户名和密码。

    新数据库用户密码

    您刚刚创建的新用户仍然无权处理数据库。让我们改变它。

    向下滚动到“Add User to Database”部分。首先从“User”字段旁边的下拉菜单中选择您创建的数据库用户。然后选择您刚刚创建的新数据库并单击“Add”按钮。

    添加数据库用户

    您的数据库现在已准备好用于将WordPress移动到新域名。确保记下数据库名称、用户名和密码。您将在下一步中需要此信息。

    注:如果你使用MySQL的phpadmin创建数据库,上述的过程有所不同,但大体的操作类似,即为新域名创建一个数据库,以便于将旧数据导入。

    步骤3:在您的新域名上解压:WordPress

    现在您需要将您之前下载的Duplicator文件上传到您的新域名。

    Duplicator软件包也包含您的WordPress安装。这意味着您无需在新域上安装WordPress。

    首先,使用FTP客户端连接到您的域名。连接后,请确保您网站的根目录完全为空。

    之后,您可以将存档和安装程序文件上传到根目录(通常是public_html)。

    解压:WordPress备份

    两个文件都上传完成后,您现在就可以解压WordPress。

    打开一个新的浏览器选项卡并转到以下URL:

    http://example.com/installer.php

    不要忘记用您的新域名替换example.com。这将启动Duplicator迁移向导。

    安装WordPress备份

    安装程序将查找存档文件。您需要选中条款复选框,然后单击下一步按钮继续。

    现在,安装程序将要求您配置WordPress数据库信息。

    您的主机可能是本地主机。之后,您将输入在前面步骤中为新域名创建的数据库的详细信息。

    安装备份网站数据库

    完成后,单击下一步按钮继续。

    Duplicator现在会将您的WordPress数据库备份从存档中解压到您的新数据库中。

    接下来,它会要求您更新站点URL或路径。您不必更改任何内容,因为它会自动检测您域名的新URL及其路径。

    如果没有,那么您可以将URL更改为您的新域名。之后,单击下一步按钮继续。

    更新网站数据

    Duplicator现在将完成迁移。

    您可以单击“Admin Login”按钮以使用新域名进入您网站的WordPress管理后台。

    WordPress备份安装测试

    步骤 4:设置永久301重定向

    下一步是将到达您的旧域名的用户指向新域。这是通过设置301重定向来完成的。

    301重定向对于SEO和用户体验非常重要。添加它们将允许您自动将用户和搜索引擎重定向到您的新域名。

    换句话说,每当有人登陆您旧域上的帖子或页面时,他们将被自动重定向到您新域上的相同帖子或页面,而不是看到404错误

    为了保持重定向,您需要保持旧的WordPress安装处于活动状态,以便它可以继续重定向到您刚刚创建的新安装。

    有两种方法可以设置重定向。第一种方法很简单,只需点击几下。第二种方法需要您手动编辑文件。

    方法 1. 使用All in One SEO设置301重定向

    对于这种方法,我们将使用All in One SEO(AIOSEO)。它是市场上最受欢迎的WordPress SEO插件之一,可让您轻松优化 WordPress 网站以进行 SEO。

    首先,您需要在旧域上安装并激活All in One SEO插件。

    注意:您至少需要插件的Pro版本才能访问重定向管理器插件。您还可以在新的WordPress网站上设置AIOSEO,以进一步提高您的搜索引擎排名和流量。

    在旧域上激活后,您需要访问All in One SEO » Redirects页面,然后单击激活重定向按钮。

    All in One SEO插件301重定向

    接下来,您需要切换到“Full Site Redirect”选项卡并打开“Relocate Site”开关。之后,您需要在“Relocate to domain”选项旁边输入您的新域名。

    整站301重定向设置

    不要忘记单击“Save Changes”按钮来存储您的设置。

    方法 2. 手动设置重定向到新域

    此方法要求您编辑旧域名上的WordPress网站的.htaccess 文件。

    首先,您需要使用FTP连接到旧站点并编辑.htaccess文件

    这将与您的wp-includes或wp-admin文件夹位于同一目录中。打开.htaccess 文件并在最顶部粘贴以下代码行:

    #Options +FollowSymLinks
    RewriteEngine on
    RewriteRule ^(.*)$ http://www.newsite.com/$1 [R=301,L]
    #Options +FollowSymLinks
    RewriteEngine on
    RewriteRule ^(.*)$ http://www.newsite.com/$1 [R=301,L]
    #Options +FollowSymLinks 
    RewriteEngine on 
    RewriteRule ^(.*)$ http://www.newsite.com/$1 [R=301,L]

    注意:将上面代码中的newsite.com替换为您的新域名。

    应用这些更改后,请访问您的旧域名。它应该会自动将您重定向到新域名。

    如果没有,则表示重定向设置不正确,并且您的服务器可能不支持重定向规则。您需要联系您的网络托管公司的支持团队以启用RewriteEngine。

    步骤 5:将您的新域名通知Google

    现在您已将WordPress移至新域名并设置了重定向,是时候通知Google您的地址更改了。这将帮助Google快速找到您的新网站域并开始在搜索结果中显示它。

    首先,您需要确保您的新域名和旧域名都作为两个不同的属性添加到Google Search Console。

    接下来,您需要在Google Search Console帐户仪表板中选择旧域名作为活动属性。

    Google Search Console

    之后,单击左栏中的“Settings”菜单,然后单击“Change of Address”工具。

    Google Search Console域名地址更改

    现在,您需要在“Update Google”部分下选择您的新域,然后单击“Validate & Update”按钮。

    Google Search Console域名变更验证更新

    就是这样,Google现在将验证您的旧域名是否正在重定向到新域名并保存您的更改。

    在下一个屏幕上,Google Search Console将向您显示提交地址更改请求的分步向导。

    注:你也可以在百度搜索资源平台,进入搜索服务-站点优化与维护-网站改版,将旧站点名指向新站点名,来通知百度搜索引擎完成搜索引擎结果中的URL地址变更。在此操作前,务必做好全站的旧域名301跳转至新域名设置。

    通知您的用户有关新域名的信息

    虽然301重定向完成了它们的工作,但公开宣布迁移总是好的。

    您只需在新网站上写一篇博文并在您的社交媒体帐户上分享即可。

    如果您有电子邮件通讯或推送通知订阅者,那么您也应该向他们发送通知。

    这在很多方面都有帮助。

    首先,您的用户在阅读新域后更有可能记住它。

    其次,您可以要求您的用户让您知道他们是否看到任何错误。您无法单独在各种不同类型的浏览器或系统环境中测试您的站点。有一双新的眼睛看着它总是有帮助的。

    我们希望本教程能帮助您将WordPress网站移至新域名。

  • 如何设置WordPress文章待审核邮件通知

    当作者提交文章至WordPress网站进行审核时,如果配合电子邮件通知,体验就更佳了。

    在WordPress博客中管理多个作者可能会很忙。如果你有一个多作者博客,那么你可能会发现知道作家何时提交文章供评论是有帮助的。

    在本教程中,我们将向您展示如何获得在WordPress中等待审核的文章的电子邮件通知。

    如何设置WordPress文章待审核邮件通知

    为什么要在WordPress中获取待审文章的邮件通知?

    当你第一次开始你的WordPress博客,你可能会做一切自己。您会为您的内容提出所有想法,编写和校对文章,并在文章完成后发布它们。

    随着博客的增长,您可能会让其他作者参与到为您的博客撰稿中。那可以是更多的工作!

    您需要与他们合作,并让他们走上正轨。在规划和安排内容时,您必须更加慎重。在发布之前,您必须查看每篇文章。

    有很多方法可以改进编辑过程。真正有帮助的一件事是在文章等待审核时收到通知。

    如果没有这些通知,您必须不断访问博客的仪表盘,以检查每个文章的进度。

    您可以为WordPress上的所有文章更改设置电子邮件通知,但使用繁忙的多作者博客,这可能是太多的电子邮件。

    幸运的是,有一个优秀的插件,使设置更具体的通知容易。

    PublishPress是多作者WordPress博客的最佳插件。当WordPress更改文章状态时,它会发送电子邮件通知,同时添加大量其他功能。

    如何获得WordPress文章等待审核的电子邮件通知

    您需要做的第一件事是安装和激活PublishPress插件。

    注意:付费版本的PublishPress拥有更高级的功能,但我们将使用这个教程中的免费版本。

    激活后,将”发布新闻”部分添加到 WordPress 仪表板中。要创建新通知,您需要访问PublishPress » Notifications页面。

    新建邮件通知

    在此页面上,您将看到默认通知。当内容发布并在帖子中添加编辑评论时,这些电子邮件会发送给网站管理员。

    要创建新的自定义通知,您需要单击”Add New”按钮。继续在标题部分键入”文章待审核”。

    新建文章待审通知

    现在,我们将把注意力转向Workflow Settings。在这里,您可以选择何时发送通知、将收到通知的用户以及哪些类型的内容。

    我们希望在文章状态更改为”Pending review”时发送通知。因此,您需要选中”When the content is moved to a new status”复选框。

    完成后,请从New status下拉菜单中选择”Pending review”。

    设置邮件通知任务

    接下来,您需要让PublishPress 知道您要发送通知的内容类型。因此,单击Post type复选框,从下拉菜单中选择”Posts”。

    设置文章类型

    如果您还希望发送其他类型的内容的通知,则您还需要检查”Pages”。

    接下来,您需要做的是让插件知道该通知谁。如果您是唯一应该收到通知的人,则只需勾选Site Administrator框即可。

    如果你有几个编辑,那么它就复杂了一点。

    虽然您可以单独选择需要通知的每个用户,但通知每个用户角色更简单。

    要通知所有编辑器,请勾选“Roles“复选框,并从下拉菜单中选择”Editor”。

    设置通知用户角色

    您可能还希望查看”Users who selected Notify me for the content”,因为他们会期待收到通知。

    注意:默认情况下,内容的作者和编辑内容的每个人也会收到通知。您可以在PublishPress的设置中更改此设置。

    现在是时候撰写将要发送的电子邮件的内容了。虽然每次基本内容都是相同的,但具体信息(如文章标题和作者)会随着每封电子邮件而更改。

    PublishPress提供许多短代码,将自动填写每个文章的正确信息。您将在屏幕右侧的帮助框中查看可用的短代码列表。

    设置通知邮件模板

    以下是我们将在电子邮件中使用的短代码:

    [psppno_post title]填写文章标题
    [psppno_post display_name]填写文章作者
    [psppno_post permalink]填写文章固定链接

    首先,您需要复制下面的行并将其粘贴到主题文本框中。

    “[psppno_post title]” 待审核中

    然后,您需要复制下面的两段,并将其粘贴到身体文本框中。

    此通知是为了让您知道“[psppno_post title]”的内容待审核中。该文章由[psppno_post display_name]撰写。

    文章URL是[psppno_post permalink]

    通知邮件模板

    最后一步是单击“Publish”按钮。这将保存和激活通知工作流程。

    邮件通知发布

    现在,每当文章准备好审核时,您和您的编辑都会立即收到通知。

    如何确保您的电子邮件交付

    不幸的是,许多用户谁开始与WordPress博客变得沮丧的电子邮件没有到达。

    这可能是因为您的WordPress托管服务器没有正确配置以使用PHP mail()功能。也可能是因为WordPress发送的电子邮件经常被Gmail等电子邮件提供商识别为垃圾邮件。

    无论哪种方式,这不是好消息,如果你依靠电子邮件的通知。

    这就是WP Mail SMTP可以提供帮助的地方。这是一个WordPress插件,确保您的电子邮件可靠地交付。

    WP Mail SMTP插件

    我们希望本文帮助您学习如何设置电子邮件通知作者或者管理员文章等待审核的状态。

  • 深入了解最新的WordPress古腾堡编辑器(2021)

    深入了解最新的WordPress古腾堡编辑器(2021)-1

    当WordPress区块编辑器或古腾堡于2018年12月推出时,我们不知道会发生什么。当然,我们有足够的时间来玩它的测试版,但我们无法预测实际发布的顺利程度,或者用户和开发人员会多么热衷于接受新编辑器。

    但经过三年的发展,我们已经看到古腾堡编辑在两年多的时间里经历了巨大的发展。它已从最小可行产品 (MVP) 发布转变为更成熟的项目,该项目越来越接近为WordPress创建统一的完整站点编辑体验的目标。

    考虑到这些变化,我们重新审视了古腾堡编辑器,带您了解它的新面孔,包括它接下来的发展方向。

    1. 什么是古腾堡区块编辑器?
    2. 古腾堡与流行替代品的优缺点
    3. 如何使用WordPress古腾堡区块编辑器
    4. 10个提高工作效率的古腾堡技巧
    5. 深入研究更高级的区块编辑器概念
    6. 使用插件扩展区块编辑器
    7. WordPress古腾堡编辑器和完整站点编辑

    什么是古腾堡区块编辑器?

    Gutenberg,也称为“WordPress区块编辑器”或“WordPress编辑器”,是2018年12月6日发布的WordPress 5.0中引入的WordPress内容编辑器。

    如果您还没有听说过这个词,它是所有WordPress网站都会使用默认编辑器,除非您明确禁用它。它看起来像这样:

    WordPress古腾堡编辑器

    WordPress古腾堡编辑器

    WordPress古腾堡编辑器与之前的WordPress编辑器(现在称为“经典编辑器”或“TinyMCE编辑器”)之间的最大区别是一种新的基于区块的内容创建方法。

    使用Gutenberg,您内容中的每个元素都是一个区块,可以轻松操作内容。每个段落都是一个区块,每个图像都是一个区块,每个按钮都是一个区块——你懂的!

    第三方开发人员还可以创建自定义区块,这有助于结束WordPress与短代码的关系。假设您要嵌入联系表单。无需像过去那样添加短代码(例如`[your-form-shortcode]`),现在只需放入表单插件区块即可。

    除此之外,您还可以使用区块来创建更复杂的布局,例如设置多列设计或将区块分组以创建一个有凝聚力的部分。随着我们深入向您展示如何使用区块编辑器,您将更好地了解如何使用块来改进您创建内容的方式。

    古腾堡不仅仅是一个内容编辑器

    需要了解的一件重要事情是,Gutenberg项目的目标不仅仅是一个内容编辑器。

    2021年7月,Gutenberg仍然只是一个内容编辑器(大多数情况下)。但是Gutenberg的长期目标是将其推向称为Full Site Editing的领域。

    Full Site Editing的理念是您可以使用Gutenberg编辑器设计100%的网站。例如,您不仅可以使用WordPress主题附带的标题选项,还可以使用Gutenberg区编辑器设计自定义标题。

    这种类型的功能目前尚不可用,但它是在路上,我们也有一些项目“概念证明”,我们会给你看一下近这篇文章的结尾。

    现在我们已经能够使用WordPress区块编辑器两年多了,我们对古腾堡与其他解决方案的一些优缺点有了很好的了解。在WordPress上创建内容有两种主要选择:

    • TinyMCE编辑器:这是在WordPress 5.0之前使用的经典编辑器。
    • 页面构建器插件这些是为WordPress添加视觉、拖放设计的第三方插件。

    一般来说,经典的TinyMCE编辑器提供更精简的类似字处理器的体验,而页面构建器提供更灵活的视觉拖放设计体验。

    如果我们根据它们的设计灵活性对所有三个编辑器进行排序,它会是这样的:

    Classic TinyMCE编辑器(最不灵活)< Gutenberg < 页面构建器(最灵活)

    现在,让我们谈谈古腾堡块编辑器与替代品的一些优缺点。

    古腾堡与经典编辑器:优点和缺点

    让我们首先比较Gutenberg与经典的TinyMCE编辑器。

    优点

    • 古腾堡提供了更视觉化的设计背景
    • 您不需要使用短代码来嵌入内容——您将获得一个统一的区块系统

    缺点

    • 有些人发现用古腾堡写作有点笨拙,因为每个段落都是一个单独的区块。对于长文章,操作文本可能很困难。您可能更喜欢在另一个编辑器中书写并在完成后将文本粘贴到Gutenberg中。
    • 虽然Gutenberg的性能有了显着提高,但它仍然会滞后于大量文章,而经典编辑器不太可能发生这种情况。

    如果您认为经典TinyMCE编辑器更适合您的需求,您可以完全禁用Gutenberg编辑器。

    古腾堡与页面构建器:优点和缺点

    现在,让我们来看看Gutenberg如何与第三方页面构建器插件相抗衡。

    优点

    • Gutenberg是一项核心功能,这意味着您不必担心兼容性问题。
    • 因为它是一个核心功能,所以所有开发人员都可以将Gutenberg支持构建到他们的插件中,从而提高兼容性。
    • Gutenberg输出更干净、更轻量级的代码。在所有条件相同的情况下,使用Gutenberg构建的设计通常比使用页面构建器构建的相同设计加载速度更快。

    缺点

    • 古腾堡不像页面构建器那样提供适当的视觉编辑。它比经典编辑器更易于访问,但仍然不像页面构建器那样100%无缝。
    • 页面构建器仍然为您提供更灵活的设计和布局选项。
    • 大多数页面构建器提供更加流畅和灵活的拖放移动。

    关于比较的想法

    对于大多数用户来说,古腾堡在灵活性方面达到了最佳点。大多数人不需要为其内容提供页面构建器的灵活性,尤其是博客文章。但同时,快速设置多列设计或插入按钮也不错,经典编辑器并不容易。因此,考虑到这一点,让我们进入如何开始使用古腾堡。

    如何使用WordPress古腾堡区块编辑器

    现在您对Gutenberg区块编辑器有所了解,让我们深入研究如何使用它来开始创建内容。我们将首先介绍界面,然后逐步开发更高级的方法来使用编辑器和改进您的工作流程。

    古腾堡区块编辑器界面

    当您打开编辑器时,它将隐藏WordPress仪表盘侧边栏并为您提供全屏体验:

    WordPress古腾堡区块编辑器界面

    WordPress古腾堡区块编辑器界面

    编辑器分为三个主要部分:

    • 内容:您的内容占据了大部分屏幕。您将看到网站前端的视觉预览。这不是100%准确,但您应该对最终设计有一个很好的了解。
    • 顶部工具栏:顶部的工具栏可帮助您插入新区块、撤消/重做以及访问其他重要设置
    • 侧边栏:侧边栏包含两个选项卡。 “文章”选项卡让您可以配置文章级别的设置,例如其类别、标签、特色图片等。“区块”选项卡显示您选择的区块的设置——稍后会详细介绍。

    要创建更加身临其境的写作体验,您可以通过单击右上角的“齿轮”图标隐藏侧边栏。要恢复侧边栏,您需要做的就是再次单击“齿轮”图标:

    单击“齿轮”图标将显示/隐藏侧栏

    单击“齿轮”图标将显示/隐藏侧栏

    您的编辑器可能看起来略有不同,因为主题开发人员可以选择将他们的样式添加到编辑器中以创建更具视觉效果的体验。根据您的主题,您可能会看到不同的字体或颜色。

    例如,如果您使用新的2021默认主题,编辑器界面如下所示:

    2021主题将其样式应用于区块编辑器的示例

    2021主题将其样式应用于区块编辑器的示例

    添加区块

    要将常规段落文本添加到您的文章中,您只需单击并键入即可。每次按 Enter 键时,编辑器都会自动创建一个新的段落区块。

    对于其他类型的内容,您需要插入一个新区块。您将使用块作为图像、按钮、视频嵌入等。

    要添加新区块,您可以单击界面中的“加号”图标之一。它是左上角的主要区块插入器图标,但您还会在界面内看到其他图标,用于打开较小的区块插入器界面:

    “加号”图标可让您插入新区块

    “加号”图标可让您插入新区块

    首先,将鼠标光标放在要插入新区块的位置。例如,要在按钮下方添加新区块,您可以单击按钮下方,然后单击+图标。

    您应该会看到一个侧面板,其中显示了所有可用的区块,分为不同的类别。您可以搜索特定块或仅从列表中选择一个选项。当您将鼠标悬停在一个区块上时,您将看到其功能的描述和预览。

    要插入区块,您只需单击它。例如,要插入常规图像,您只需单击图片区块

    单击要插入的区块类型

    单击要插入的区块类型

    然后,您可以按照提示上传或从媒体库中选择现有图像。

    基本格式选项

    要为您的区块进行基本格式选择,您将获得一个浮动工具栏,当您单击任何区块时会出现该工具栏。如果您要格式化常规文本,您可以在此处:

    • 添加粗体或斜体
    • 插入链接
    • 更改路线
    • 添加格式,如内联代码、删除线和订阅

    浮动工具栏允许您进行基本的格式选择

    浮动工具栏允许您进行基本的格式选择

    例如,假设您想在您的内容中插入一个链接。您将首先选择要链接的特定文本 – 在我们的示例中,即“对于其他类型的内容”。然后,您可以单击工具栏上的链接图标打开链接插入选项:

    在WordPress古腾堡区块编辑器中插入链接

    在WordPress古腾堡区块编辑器中插入链接

    配置高级区块设置

    您插入的所有区块都在侧栏中带有附加设置。一些块可能会给你一些设置,而另一些区块会给你几个选项来控制设计、布局、功能等。

    要打开区块的设置,请在编辑器中单击块以选择它。然后,转到边栏中的“区块”选项卡以查看其设置。

    下面,您可以看到按钮区块的设置,这是更灵活的区块之一。你可以改变颜色,使它更宽,等等。

    当您更改区块的设置时,您会立即看到这些更改反映在编辑器中。

    您可以在边栏中访问区块的设置

    您可以在边栏中访问区块的设置

    同样,每个区块都将具有该区块独有的设置。例如,如果您打开常规段落文本的设置,您只会获得一些基本的排版和颜色选项。在下面,您可以看到我们能够应用颜色背景来突出显示某些文本:

    常规段落文本的区块设置

    常规段落文本的区块设置

    重新排列区块

    除了仅使用复制和粘贴(您可以像任何其他编辑器一样对文本执行此操作)之外,Gutenberg还为您提供了两种重新排列块的主要方法。

    首先,如果您想将一个区块向上或向下移动几个位置,您可以使用浮动工具栏上的向上或向下箭头。

    对于广泛的移动,您可以使用拖放。要拖放区块,您需要单击箭头左侧的“六个点”图标。

    在该图标上单击并按住鼠标后,您可以将区块拖动到页面上的任何位置:

    您可以使用箭头或拖放来重新排列区块

    您可以使用箭头或拖放来重新排列区块

    对于非文本内容,复制和粘贴可能很棘手。在这篇文章的稍后部分,我们将向您展示如何在保留其样式的同时复制和粘贴整个区块。

    嵌入来自其他来源的内容

    Gutenberg带有专用区块,用于嵌入来自第三方来源(如 YouTube、Vimeo、Soundcloud 等)的内容。您可以在区块插入器的“嵌入”部分找到所有这些选项。

    例如,要嵌入YouTube视频,您只需:

    1. 添加专用的YouTube嵌入区块。
    2. 粘贴视频的直接URL。
    3. 单击嵌入

    在Gutenberg中嵌入YouTube视频

    在Gutenberg中嵌入YouTube视频

    然后,您应该会在编辑器中看到嵌入视频的预览。

    创建多列或分组布局

    正如我们之前提到的,块编辑器相对于旧版TinyMCE编辑器的显着优势之一是您可以创建更复杂的布局,而无需依赖自定义代码或短代码。区块编辑器带有两个默认块来帮助您执行此操作:

    • 栏目:创建多列布局。
    • 组:将多个区块分组。例如,您可以使用它为显示在多个区块后面的整个部分设置背景颜色。

    这两个块的工作原理都是“嵌套”块,这意味着您将一个或多个区块放在另一个区块中。

    我们将向您展示一个使用栏目区块的示例,但相同的基本原则适用于组区块。

    假设您要创建一个两列布局,其中左侧的列有一些常规段落文本,右侧的列有一个按钮。

    首先,您将使用区块插入器添加栏目区块。这将显示一个提示,您可以在其中选择您喜欢的布局:

    选择栏目结构和列宽比

    选择栏目结构和列宽比

    我们将为此示例选择两列 50/50 布局。有了它,你会看到两个大小相等的盒子,里面有+图标。要插入内容,您可以单击那个+图标打开块插入器界面:

    如何向栏目区块添加内容

    如何向栏目区块添加内容

    将第一个区块添加到列后,您可以点击+图标插入其他区块。或者,您可以将一个区块从列结构外部拖放到列中。

    10个提高工作效率的古腾堡技巧

    现在您已经对古腾堡的工作原理有了基本的了解,让我们回顾一些有助于您更有效地使用区块编辑器的有价值的提示和技巧。

    1.使用/ (正斜杠)快速插入区块

    如果您需要插入很多区块,手动打开区块插入器可能会有点乏味。值得庆幸的是,一旦您开始学习需要使用的常用区块的名称,就有一种仅使用键盘/(正斜杠)即可更快地插入区块的方法。

    如果您按“Enter”开始一个新的段落区块,您可以通过键入一个正斜杠来快速插入一个区块,后跟要插入的区块的名称。

    当您开始输入时,您将看到与您的查询匹配的所有区块的列表。然后,您可以使用键盘箭头导航块并按“Enter”键选择要插入的区块。

    以下是使用快速插入添加图像区块的示例:

    如何使用正斜杠快速插入区块

    如何使用正斜杠快速插入区块

    2. 通过从桌面拖动图像来插入图像

    如果您要插入许多图像,区块编辑器包含另一个省时功能,让您无需在上传图像之前添加图像区块。

    相反,您可以直接将图像文件从桌面拖动到您想要将其添加到文章的位置。当您将图像文件拖到您网站的内容上时,您会看到一条蓝线标记图像的显示位置。

    发布文件后,WordPress将自动上传它并在适当的位置插入图像区块:

    您可以通过从桌面拖动文件来插入图像

    您可以通过从桌面拖动文件来插入图像

    3. 使用一些Markdown格式

    如果你是Markdown语法创建内容的粉丝,你会很高兴地知道,区块编辑器不支持某些用途有限,Markdown-主要是做标题。

    例如,如果您想插入带有H3标签的标题块,您可以键入三个主题标签 (`###`),然后按空格键。编辑器会自动将其转换为H3,然后您可以继续输入标题:

    区块编辑器支持标题的基本Markdown语法

    区块编辑器支持标题的基本Markdown语法

    假设您想要更高级的Markdown支持。在这种情况下,你可以安装一个像EditorsKit这样的免费插件,它也可以让你使用Markdown来加粗、斜体和删除线——我们稍后会在这篇文章中详细讨论Gutenberg插件。

    4. 将格式工具栏固定在编辑器的顶部

    如果您不喜欢格式化工具如何“浮动”在块上方,块编辑器包含一项功能,可让您将其固定在顶部工具栏下方:

    您可以将格式工具栏固定到顶部

    您可以将格式工具栏固定到顶部

    5. 复制区块及其所有设置

    区块编辑器允许您像在任何编辑器中一样复制和粘贴文本 – “ Ctrl + C ”或右键单击并选择Copy

    但是,您不能使用此方法复制和粘贴整个区块,同时保留其设置。相反,您需要:

    1. 选择区块。
    2. 单击区块工具栏上的三点图标。
    3. 选择复制

    如何复制区块及其所有设置

    如何复制区块及其所有设置

    以这种方式复制区块后,您可以像往常一样粘贴它——即“ Ctrl + V ”或右键单击并选择粘贴

    6.使用区块列表视图快速选择正确的区块

    对于大多数区块,您只需单击编辑器即可选择区块。但是,如果您开始使用“嵌套”区块,例如在列或组块中插入区块,这可能会变得棘手。

    编辑器包括一个列表视图选项,您可以从顶部工具栏打开它来解决这个问题。列表视图将显示每个区块,包括缩进的嵌套区块。

    您可以通过在列表中单击一个区块来选择它,当您将鼠标悬停在列表中时,编辑器也会突出显示该区块。

    在下面的示例中,您可以看到:

    • 主要的父列区块
    • 每列的嵌套区块
    • 一列内的嵌套组区块
    • 组区块内的嵌套标题区块

    要选择主父块,您只需打开列表视图并从列表中选择它:

    打开列表视图可帮助您导航嵌套区块

    打开列表视图可帮助您导航嵌套区块

    7. 打开代码编辑器(对于单个区块或完整的文章)

    Gutenberg区块编辑器的优点之一是它允许您配置许多样式和布局选项,而无需求助于代码。但是,在某些情况下,您仍可能希望为更高级的用户直接访问代码。

    为了帮助您做到这一点,Gutenberg编辑器提供了几个不同的选项。

    首先,您可以编辑单个区块的代码,这对于插入CSS类等细微调整很有用。为此,请从区块的工具栏中打开下拉菜单,然后选择Edit as HTML(作为HTML编辑)

    如何将单个区块作为HTML编辑

    如何将单个区块作为HTML编辑

    选择此选项会将视觉预览转换为该区块的代码编辑器,而不会影响其他区块的视觉预览:

    单个区块的HTML编辑器

    单个区块的HTML编辑器

    其次,编辑器包含一个HTML自定义区块,您可以使用它来嵌入完整的HTML片段。您所做的就是添加区块并粘贴到您的代码中。

    最后,您还可以通过使用在右上角的下拉菜单或键盘快捷方式:Ctrl Shift Alt M打开整个文档的完整代码编辑器。

    请记住,当您打开完整的代码编辑器时,您还会看到来 Gutenberg的区块格式标记,因此导航可能有点棘手:

    完整的代码编辑器,包括区块标记

    完整的代码编辑器,包括区块标记

    8. 学习键盘快捷键

    区块编辑器包含许多键盘快捷键,可让您执行常见操作。花时间学习它们是值得的,因为它们会让你更有效率,并让你免于重复点击鼠标。

    以下是一些最常见的快捷方式——如果您使用的是 Mac,您需要将“Ctrl”切换为“Command (⌘)”:

    • 打开区块列表视图 – Shift + Alt + O
    • 保存更改 — Ctrl + S
    • 撤消上次更改 — Ctrl + Z
    • 重做上次撤消 – Ctrl + Shift + Z
    • 复制选定的区块 — Ctrl + Shift + D
    • 删除选定的区块 — Shift + Alt + Z
    • 在所选区块之前插入一个新区块 — Ctrl + Alt + T
    • 在所选区块之后插入一个新区块 — Ctrl + Alt + Y

    您还可以在编辑器中打开所有键盘快捷键的完整备忘单。为此,您可以使用键盘快捷键 — Shift + Alt + H — 或单击编辑器右上角的“三个垂直点”菜单图标 ( ),然后从下拉列表中选择键盘快捷键。

    9. 通过隐藏区块整理你的界面

    默认情况下,区块编辑器会添加许多区块,但您可能不会全部使用它们。为了帮助您整理界面,编辑器包含一个名为区块管理的功能,可让您禁用和隐藏您不使用的区块: