文章列表区块

文章列表区块

文章列表块允许您插入最近文章的列表。选择此块实际上会将查询循环块的预自定义版本插入到您的内容中,这就是它在设置侧栏中显示 「查询循环」 的原因。虽然您可以将此块添加到正常的页面或文章内容中,但使用完整站点编辑器将其添加到主题模板中会更有用。

首次插入文章列表块时,系统会提示您从预制模式中进行选择或从空白开始。

文章列表块

如果您选择从预制图案开始,单击 「选择」按钮将显示一个弹窗,您可以在其中选择用于显示内容的布局图案。只需滚动浏览可用的布局模式列表,然后单击您喜欢的布局即可选择它。您还可以使用弹窗顶部的搜索字段来搜索您喜欢的布局。

单击您喜欢的布局后,适当的块将被插入到您的内容中。然后,您还可以访问块工具栏和设置侧栏中的更多选项。

文章列表块

您还可以在首次插入文章列表块后单击开始空白按钮。然后,您将看到一系列可供选择的布局变体。只需单击相应的图标即可选择一个。然后,适当的块将被插入到您的内容中。

文章列表块

确认文章列表块使用的布局后,您可以使用块工具栏上的显示设置( ) 图标来更改每页显示的文章数、设置要跳过的文章数 (如果有)查询循环块显示设置,并限制分页中显示的文章数量

设置侧栏中的选项还允许您调整为检索文章而执行的 WordPress 查询。您可以选择文章类型 (例如,如果您使用的是 WooCommerce,则显示文章、页面,甚至产品) 。您还可以选择显示文章的顺序 (例如,最新的在前、最旧的在前、按字母顺序) 、选择是否包含 「粘性」 文章,还可以添加过滤器,例如类别、标签、作者或关键字。

值得注意的是,文章列表块 (同样,查询循环块) 将在主查询循环块中插入多个块。在能够调整查询循环的所有设置之前,您需要选择最外面的查询循环块。选择此块将显示块工具栏和设置侧栏中的所有查询设置。如果您发现很难选择查询循环块,请尝试使用页面底部显示的块面包屑来选择该块。只要您选择了一个块,面包屑就会出现,并将列出当前所选块的所有父块。您还可以使用编辑器顶部工具栏中的列表视图图标 ( ),帮助您选择所需的确切块。区块编辑器工具栏 - 列表视图

文章列表块

网站标语区块

网站标语区块

网站标语块允许您添加或更新网站的标语。虽然您可以将此块添加到正常的页面或文章内容中,但使用完整站点编辑器将其添加到主题模板中会更有用。

网站标语用几句话描述了您的网站的内容。标语有时会显示在您的网站标题中,靠近您的徽标,但这完全取决于您的主题。标语有时也用于 SEO 目的,可以显示在搜索结果或浏览器选项卡上。还可以在 「设置」>「常规」页面上更改标语

添加阻止后,「设置」 侧栏中会提供更多选项。您可以更改文本和背景颜色,还可以更改各种版式设置,例如字体大小、外观、装饰、行高、字母大小写和字母间距。「尺寸」面板还允许您指定块周围的填充。

网站标语块

登录/退出区块

登录/退出区块

登录/退出块允许您在站点上显示登录或注销链接。如果您正在查看该网站并且当前已注销,您将看到一个登录链接。同样,如果您当前已登录,您将看到一个注销链接。

您还可以选择使用设置侧栏中的将登录显示为表单开关来显示内联登录表单,而不是登录链接。您还可以选择允许用户在登录后使用 「重定向到当前 URL」开关重定向回同一页面。

登录/退出阻止

添加 HTML 链接

添加 HTML 链接

HTML 链接允许您的网站访客轻松浏览您的网站。当您希望允许人们从您的网站下载文件 (例如 PDF 或其他文档) 以查看图像甚至只是链接到其他网站时,也可以使用它们。HTML 链接经常会显示有下划线,以将其与其他文本区分开来,但这可能会根据您当前使用的主题而有所不同。

也可以看看:

经典区块

经典区块

经典允许您使用传统的 TinyMCE 界面将文本内容添加到您的站点。使用经典块而不是段落块的好处之一是您可以在同一个块中输入多个文本段落。与段落块不同,经典块还提供有用的 「粘贴为文本」 图标。这允许您从任何格式化文本中删除所有格式,例如从 Word 文档或其他网站复制的内容。与经典编辑器中之前的 TinyMCE 界面一样,经典块还提供了一个有用的 「特殊字符」 图标,用于插入版权 (?) 、注册 (?) 或商标 (?) 符号、 en (–) 和 em ( —) 破折号和其他有用的字符。

区块编辑器现在更改了它在 WordPress 编辑页面中的显示方式。除此之外,您网站上的插件还会影响编辑器在编辑页面中的显示方式。虽然您在编辑内容时实际上不会注意到差异,但不幸的副作用是它会影响经典块现在的行为方式。受此更改影响的唯一块将是经典块。您使用的所有其他单独块不会改变它们的行为。

以前,要在经典块中编辑内容,您只需单击该块,将鼠标插入文本,然后开始编辑。根据您网站的配置方式,您可能会发现您仍然可以以相同的方式编辑经典块内容。

经典块

展望未来,您可能还会发现无法再直接在经典块中单击和编辑文本。相反,您现在需要单击经典块工具栏上的编辑链接。这将显示一个弹窗,其中包含经典编辑器中的内容,您可以使用它进行编辑。编辑内容后,只需单击「保存」按钮即可将内容保存回块中。请务必注意,此弹窗上的「保存」按钮不会保存整个页面,它只是更新块本身内的更改。

经典块

将现有内容转换为区块

将现有内容转换为区块

如果您有现有的 WordPress 网站并且刚刚开始使用新的区块编辑器,那么您很可能拥有使用经典编辑器创建的现有内容。当您在新的区块编辑器中编辑该页面或文章时,所有内容都将显示在经典块中。

转换现有内容

您可以自由地在此经典块中编辑内容,然后只需保存更改,您的页面就会与之前的显示完全一样。如果您希望使用新的区块编辑器功能,您可以轻松地将这些内容转换为块。单击块后,将出现块工具栏。单击转换为块选项,将此经典块中的内容转换为单个块。

单击「转换为块」选项后,您的内容将显示在各自的块中。您的文本段落现在将位于段落块中,引号将位于引号块中,图像将位于图像块中,依此类推。如果您对所有内容均已正确转换感到满意,请单击页面顶部的「更新」 按钮以保存更改。

转换现有内容

查询循环区块

查询循环区块

查询循环块允许您插入文章列表。如果您使用的是 WooCommerce,这可能是页面、文章甚至产品的列表。虽然您可以将此块添加到正常的页面或文章内容中,但使用完整站点编辑器将其添加到主题模板中会更有用。

首次插入查询循环块时,系统会提示您从预制模式中进行选择或从空白开始。

查询循环块

如果您选择从预制图案开始,单击 「选择」按钮将显示一个弹窗,您可以在其中选择用于显示内容的布局图案。只需滚动浏览可用的布局模式列表,然后单击您喜欢的布局即可选择它。您还可以使用弹窗顶部的搜索字段来搜索您喜欢的布局。

单击您喜欢的布局后,适当的块将被插入到您的内容中。然后,您还可以访问块工具栏和设置侧栏中的更多选项。

查询循环块

您还可以在首次插入查询循环块后单击「开始」 空白按钮。然后,您将看到一系列可供选择的布局变体。只需单击相应的图标即可选择一个。然后,适当的块将被插入到您的内容中。

查询循环块

确认用于查询循环块的布局后,您可以使用块工具栏上的显示设置( 查询循环块显示设置) 图标来更改每页显示的文章数、设置要跳过的文章数 (如果有),并限制分页中显示的文章数量。

设置侧栏中的选项还允许您调整为检索文章而执行的 WordPress 查询。您可以选择文章类型 (例如,如果您使用的是 WooCommerce,则显示文章、页面,甚至产品) 。您还可以选择显示文章的顺序 (例如,最新的在前、最旧的在前、按字母顺序) 、选择是否包含 「粘性」 文章,还可以添加过滤器,例如类别、标签、作者或关键字。

如果您打开从模板继承查询开关,则此块将仅继承当前模板的全局查询,例如存档或搜索模板。

值得注意的是,查询循环块 (同样,文章列表块) 将在主查询循环块中插入多个块。在能够调整查询循环的所有设置之前,您需要选择最外面的查询循环块。选择此块将显示块工具栏和设置侧栏中的所有查询设置。如果您发现很难选择查询循环块,请尝试使用页面底部显示的块面包屑来选择该块。只要您选择了一个块,面包屑就会出现,并将列出当前所选块的所有父块。您还可以使用编辑器顶部工具栏中的列表视图图标 ( ),帮助您选择所需的确切块。区块编辑器工具栏 - 列表视图

查询循环块

 

编辑或删除图像

编辑或删除图像

有多种选项可用于调整插入图像的布局。

单击已插入页面或文章中的图像后,图像上方将出现一个小工具栏。通过选择对齐按钮 ( ) 之一,对齐图像您可以更改插入图像的对齐方式。单击编辑按钮 ( 编辑图像) 可以编辑图像属性。单击「删除」按钮 ( 删除图像) 将从您的内容中删除该图像。它只会从您的页面或文章中删除图像,而不会从您的媒体库中删除图像。

当您单击页面或文章中的图像以及上面提到的对齐、编辑和删除图标时,图像还会显示 「调整大小手柄」 。这些是您在图像边缘看到的小方块。要调整图像大小,只需单击并拖动角调整大小手柄之一即可。

与任何图像编辑软件一样,如果您尝试放大小图像,它往往会变得相当像素化。最好插入大图像,然后调整大小。

编辑或删除图像

单击「编辑」按钮 ( ) 后,将出现以下弹窗。

编辑或删除图像

图像详细信息弹窗允许您编辑各种图像和链接属性:

  • 标题– 显示在图像下方作为简短说明。如何显示将取决于当时使用的 WordPress 主题。您还可以在标题中包含基本 HTML
  • 替代文本 – 当浏览器无法呈现图像时显示。视障用户的屏幕阅读器也使用它,因此使用图像描述填写此字段非常重要。在某种程度上,它也在您的网站搜索引擎优化 (SEO) 中发挥着作用。由于搜索引擎无法 「读取」 图像,因此它们依赖于替代文本
  • 对齐– 允许您选择图像的对齐方式。它们可以左对齐、居中对齐或右对齐。将对齐设置为 「无」 将删除其他对齐设置。这如何影响您内容中的图像将取决于当前使用的主题
  • 尺寸- 从下拉列表中选择特定尺寸或选择 「自定义尺寸」,然后在出现的输入字段中输入宽度和高度 (以像素为单位)
  • 链接到– 从下拉列表中选择您想要将图像链接到的位置。您可以通过选择 「附件页面」 来选择链接到图像附件页面,也可以通过选择「媒体文件」来链接到全尺寸图像您还可以通过选择 「自定义 URL」链接到任何 URL 当您执行此操作时,将出现一个新字段,允许您输入自定义 URL 。您还可以通过选择 「无」来选择不链接到任何内容
  • 图像标题属性– 当鼠标鼠标悬停在浏览器中的图像上时显示为工具提示
  • 图像 CSS 类 – 默认情况下,WordPress 将为您的图像分配多个 CSS 类。如果由于某种原因,您想将其他 CSS 类分配给您的图像,那么您可以将它们添加到此输入字段中
  • Link Rel – 描述从当前文档到指定链接的关系。有关 rel HTML 属性的更多信息可以在 Wikipedia上找到
  • 链接CSS 类– 如果需要在 HTML 链接上设置特定的 CSS 类,则可以将其添加到此输入字段中

单击编辑原始按钮可以对上传的图像执行一些简单的操作。您可以旋转和翻转图像,也可以将其缩放和裁剪为不同的尺寸。

如果您想完全替换图像,请单击「替换」按钮,您将看到媒体库,您可以在其中选择新图像。

更新图像属性后,单击「更新」按钮保存更改。或者,单击弹窗右上角的小 「x」 以关闭弹窗而不保存任何更改。

 

设置特色图像

设置特色图像

某些主题允许您为页面和文章指定特色图像。特色图像通常称为文章/页面缩略图,通常是代表特定页面或文章的某种图像。这些图像的显示方式完全取决于当前使用的主题。

如果您的主题允许您设置特色图像,则当您编辑页面或文章时,将显示以下特色图像面板。如果无法设置特色图像,则不会显示此面板。

设置特色图像

设置特色图像与将图像添加到页面或文章中非常相似。单击「设置特色图像」链接后,将显示一个弹窗,该窗口看起来与您向页面/文章添加图像时显示的窗口类似。您可以上传一张新图像作为您的特色图像,也可以简单地从之前上传的图像中进行选择。

默认情况下,您将看到之前上传的图像的列表。如果您想上传新图像,可以单击弹窗顶部的 「上传文件」 选项卡,然后单击「选择文件」按钮,或者只需将图像拖放到弹窗中即可。上窗。单击要用作特色图像的图像后,您可以更新标题、说明文字、替代文本和说明。要将图像设置为特色图像,请单击设置特色图像按钮。然后,您选择的图像将出现在「特色图像」面板中。

设置特色图像