查询循环区块

查询循环区块

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

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

查询循环块

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

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

查询循环块

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

查询循环块

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

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

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

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

查询循环块

 

编辑或删除图像

编辑或删除图像

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

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

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

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

编辑或删除图像

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

编辑或删除图像

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

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

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

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

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

 

设置特色图像

设置特色图像

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

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

设置特色图像

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

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

设置特色图像

区块目录

区块目录

块目录带来了一种在站点中查找和安装单个独立块插件的新方法。

当您在块插入器中执行搜索时,如果您的块库中没有匹配的结果,它也会在 WordPress 块目录中执行搜索。如果它找到任何相关的块,您可以滚动浏览这些结果并立即安装并激活块插件,并且无需离开编辑器即可将其插入到您的页面中。

块目录搜索是自动完成的。单击屏幕顶部块工具栏中的切换块插入器图标 ( 区块编辑器工具栏 - 添加块) ,块插入器出现后,单击搜索字段并输入搜索字符串。如果您网站上的块库中没有匹配结果,它将自动在块目录中执行搜索并显示任何匹配结果 (如果有) 。

块目录

如果您在搜索结果中找到某个块,请单击搜索结果,WordPress 将自动下载、安装并激活该块插件,然后将其插入到您的页面中,而无需离开编辑器。

如果您发现刚刚插入的块没有按您希望的方式工作,或者只是不合适,您可以轻松地从页面中删除该块,就像任何其他块一样。

当您从块目录安装新块时,请务必注意您实际上正在安装新插件,因此如果您浏览到仪表盘中的插件屏幕并发现已安装一些不熟悉的插件,则可能是因为您已通过块目录安装它们。

堆栈区块

堆栈区块

堆叠允许您将多个块堆叠在垂直列中。堆栈块类似于行块和组块,因为它允许将多个块分组在一起。

添加堆栈块后,您可以将所需的任何块添加到此块中,例如标题、段落或图像块,仅举几例。

将内容添加到块后,设置侧边栏中提供了更多选项,例如能够选择块的对齐方式类型,以及是否允许它们换行多行。

您还可以更改文本和背景颜色,以及块周围的填充量。

该块的各种选项位于 「设置」 侧栏中单独的 「设置」( ) 和 「样式」( ) 选项卡中。

堆栈块

嵌入

嵌入

将视频或其他内容添加到页面中的另一种方法是通过嵌入。一个流行的例子是将 YouTube 视频嵌入到您的页面中。

当您嵌入文件时,无需将文件上传到您的网站。您基本上只是在您自己的页面中创建指向该文件的链接。WordPress 能够自动嵌入来自许多不同服务的文件。

要将某些内容嵌入到您的文章或页面中,只需选择适当的嵌入块,将 URL 粘贴到字段中,然后单击嵌入按钮即可该块将神奇地发生变化,以在编辑器中显示实际的网站内容。

值得注意的是,YouTube 和 Vimeo Embed 块与视频块不同。这两个嵌入块不会在设置侧栏中为您提供与视频块相同的选项。YouTube 和 Vimeo 嵌入块分别用于嵌入这两个网站的视频,而视频块则用于添加您已上传到自己网站的视频。

YouTube 嵌入块

WordPress 已嵌入以下站点的块:

编辑

编辑

单击编辑将在新页面上显示编辑器。与 「快速编辑」选项一样,您可以更新评论、评论作者姓名、邮箱地址和 URL 。通过 「编辑」选项,您还可以设置评论状态并更改评论日期和时间。评论状态可以设置为「已批准」「待处理」「垃圾邮件」您还可以选择通过单击 「移至回收站」链接将项目移至 「回收站」

评论编辑

您可以通过单击日期和时间旁边的编辑链接来更改提交评论的日期和时间。单击「编辑」后,原始日期和时间下方会出现几个字段。如果需要,请更新字段,然后单击「确定」按钮保存新的日期和时间。

更新完评论后,单击「更新」按钮保存更改。如果您想取消更改,请单击浏览器后退按钮或单击 「评论」 菜单选项返回评论列表。

介绍

介绍

WordPress 是一个开源软件系统,全世界数百万人使用它来创建精美的网站和博客。它可以通过使用主题插件完全定制。

「WordPress 是一款网络软件,您可以用它来创建漂亮的网站或博客。我们想说 WordPress 既免费又无价。」

可以从 WordPress 官方网站或网络上数百个其他地方轻松下载主题。插件也是如此,它们用于扩展 WordPress 网站的功能。

除了成为一个出色的博客和内容管理系统之外,其巨大的好处之一就是丰富的信息。 WordPress 系统本身的设计和开发背后有一个很棒的社区。来自世界各地的人们贡献自己的时间、知识和技能来保持 WordPress 的更新和安全。

还有大量的设计师、开发人员和博主通过博客文章、教程、评论、视频以及创建数千个主题和插件来分享他们的知识。

WordPress 为数量惊人的网站提供支持。事实上,它为整个网络的 43% 以上提供支持!从个人博客到大型企业网站,应有尽有。以下只是由 WordPress 提供支持的数百万个不同网站的极少数示例......

Ladybird Educationhttps://www.ladybirdeducation.co.uk
Ladybird Education 网站是一个国际教材资源,旨在帮助学童学习英语。

墨尔本大学https://blogs.unimelb.edu.au
在墨尔本大学,我们将 WordPress 用于不需要重要自定义功能但确实需要易于更新和快速发布的网站。

珍·古道尔研究所http://www.janegoodall.org
珍·古道尔研究所致力于促进对类人猿及其栖息地的理解和保护,并以珍·古道尔博士的遗产为基础,激励各个年龄段的年轻人采取个人行动,帮助动物和其他人,保护我们共同的世界。

Snoop Doghttps://snoopdogg.com
多白金艺术家、演员、慈善家和娱乐偶像 Snoop Dogg 凭借屡获殊荣的专辑和歌曲、热门电视节目、电影、生活方式产品、慈善事业,走在流行文化的最前沿,和数字企业。史努比狗狗 (Snoop Dogg) 作为一支无与伦比的音乐力量统治了二十多年,提高了艺人和全球公认的创新者的标准。

华特迪士尼公司https://thewaltdisneycompany.com
华特迪士尼公司的使命是通过无与伦比的讲故事的力量来娱乐、告知和激励世界各地的人们,反映我们的标志性品牌、创意思维和创新技术全球首屈一指的娱乐公司。

thisisFINLANDhttps://finland.fi
thisisFINLAND 为每个对这个国家、其文化和人民感兴趣的人提供了一个了解芬兰的有吸引力的窗口。

英国联合国儿童基金会https://www.unicef.org.uk
联合国儿童基金会英国委员会 (UNICEF UK) 为联合国儿童基金会的儿童应急和发展工作筹集资金。他们还在英国和国际上促进和保护儿童权利。他们是一家英国慈善机构,完全由支持者资助。

瑞典官方网站https://sweden.se
Scotland.se 由瑞典研究所 (SI) 公共资助、制作、开发、维护和运营。 SI 是一家公共机构,致力于在全世界范围内建立对瑞典的兴趣和信任。我们与瑞典一起推动波罗的海地区的合作以及全球的发展。

编辑图像

编辑图像

WordPress 有一个基本的图像编辑工具,可让您对上传的图像执行一些简单的操作。您可以旋转和翻转图像,也可以缩放图像并将其裁剪为不同的尺寸。

编辑图像的文件属性 (与文档或 PDF 等其他文件类型相反) 时,单击图像正下方出现的「编辑图像」按钮以显示图像编辑工具。

如果您在使用网格视图时单击「编辑图像」按钮,图像编辑工具将出现在弹窗中。

编辑图像

如果您在使用列表视图时单击「编辑图像」 按钮,您的页面将与上面的网格视图略有不同除了图像编辑工具之外,您还可以看到文件的属性,例如文件大小和尺寸。您还可以更新标题替代文本说明

编辑图像

无论您使用什么视图,您都会在图像上方找到以下图像编辑按钮:

图像裁剪 裁剪– 单击图像并将选择框拖动到您想要裁剪图像的大小。单击 「裁剪」 按钮将图像裁剪为新尺寸
缩放– 缩放图像
图像旋转 图像旋转– 向左或向右旋转图像 90°、将图像旋转 180°、垂直或水平翻转图像。
图像撤消 撤消– 撤消最后的更改
图像重做 重做– 重做最后的更改
取消图像编辑 取消编辑– 取消图像编辑工具

要将图像缩放到新尺寸,请单击图像上方的 「缩放」 按钮以显示 「缩放」 字段,然后只需在相应字段中输入新的宽度高度尺寸并单击 「缩放」 按钮即可。为了获得最佳效果,应在执行任何其他操作 (如裁剪、翻转或旋转图像) 之前完成缩放。需要注意的是,图像只能缩小,而不能放大。

输入一个比例值后,另一个比例值会自动改变,以保持图像的比例。原始图像尺寸显示在输入字段的正上方,供您参考。

有多种方法可以裁剪图像。首先,单击图像上方的 「裁剪」 按钮以显示 「裁剪」 字段。然后只需单击图像并将选择框拖动到适当的大小即可。如果您希望将图像裁剪为特定比例,请在宽高比输入字段中输入值(例如 1:1(方形) 、 4:3 、 16:9 等) 。然后,您可以拖动选区的边缘之一来放大或缩小尺寸,同时保持此纵横比锁定。如果已经进行了选择,则指定纵横比将自动更改选择以匹配它。

每当调整选择框时,尺寸都会显示在选择输入字段中。您还可以通过在这两个字段中输入值来手动输入选择框的尺寸 (以像素为单位) 。调整选择框后,单击「应用裁剪」按钮将图像裁剪为新尺寸。

单击「保存编辑」按钮保存您的更改。

如果您想恢复为原始图像,请再次单击「编辑图像」按钮以返回到图像编辑器。将显示一个新的恢复原始图像选项。单击小箭头图标查看按钮,然后单击恢复图像按钮放弃更改并恢复原始图像。