WordPress区块编辑器指南
- 概述
- 主题
- 区块编辑器
- 页面与文章
- 插件
- 发布
自2019年WordPress 5.0发布以来，WordPress将新的Gutenberg编辑器作为默认内容编辑器。Gutenberg编辑器现称为区块编辑器，允许在创建和添加内容到WordPress网站时拥有更多自定义选项。
什么是区块？
区块是用于添加或编辑WordPress页面或文章的内容元素。您添加到页面或文章的每个项目都是一个区块。它可以是标题、音频或视频文件、表格、图片、图片库、按钮等。每个区块彼此独立。这使您能够更好地自定义区块以适应您的网站需求和布局，且可以在点击发布按钮前预览效果。 在WordPress中创建页面和文章时，您可以添加、删除和自定义每个区块。常用内容元素有对应的区块，且可以通过插件添加更多区块。 本文将讨论以下主题：
- 了解区块 ⤵
- 添加新区块 ⤵
- 搜索区块 ⤵
- 自定义区块 ⤵
- 删除区块 ⤵
- 其他有用的区块选项 ⤵
- 额外信息 ⤵
我们制作了一个视频教程，介绍并指导您如何在WordPress网站中使用区块。
了解区块
了解每个区块都有其自身的功能非常重要，这些功能可能与其他区块的设置和选项不同。一个区块主要分为三个部分——区块内容、区块工具栏和区块设置侧边栏。
- 区块内容 - 这是您选择的特定区块的“主体”，您可以通过其工具栏和设置侧边栏进行自定义。
- 区块工具栏 - 显示特定区块中可用的功能。
- 区块设置侧边栏 - 侧边栏显示您可以用来定制特定区块的项目。
添加新区块
您可以通过多种方式将区块添加到工作区。
您可以轻松找到WordPress工作区中的**“+”插入器**。打开新页面或文章时，您会在页面顶部、工作区区域甚至区块之间看到“+”图标。您可以随时添加区块。
使用插入器
添加区块时，以下几点可能对您有用：
- 顶部菜单的“+”插入器会在左侧显示展开的区块列表。
- 工作区的“+”插入器会显示一个区块小窗口。点击浏览全部查看所有可用区块。
向页面添加新区块的步骤：
- 登录您的WordPress后台。
- 点击顶部菜单的**+ 新建**，然后选择：
页面，如果您想创建静态页面内容，如关于、联系我们或服务页面；或
文章，如果您想创建包含动态内容的博客条目。
您也可以将鼠标悬停在左侧菜单的页面或文章上，然后从选项列表中选择新建。
- 进入编辑器后，点击页面或文章工作区左上角或区域内的**+（插入器）图标**。
- 会显示区块列表。搜索特定区块类型或向下滚动以显示其他区块类别。（下面有关于搜索区块的提示。）
- 点击您想使用的区块，它将被放置在页面或文章的工作区。
完整的类别和区块项目列表，请参见WordPress.org的文档，Blocks。
搜索区块
您可以使用搜索框或斜杠“/”键找到网站所需的区块。
搜索框
使用搜索框输入区块名称或关键词，如“video”或“image”，即可查找区块。符合描述的区块列表将显示出来。
斜杠“/”键
在工作区内，您可以使用斜杠“/”键调出编辑器显示可选区块列表。输入区块名称或关键词，编辑器将显示匹配的区块列表。
自定义区块
您可以自定义每个区块的设置。根据所选区块，功能和设置可能不同。
注意： 我们强烈建议您在进行任何更改前备份网站，以防万一出现意外情况。
显示格式工具栏和侧边栏的方法：
- 选择一个区块，工具栏将显示在区块顶部。更多格式设置会显示在编辑器右侧的侧边栏。
- 要显示或隐藏设置侧边栏，点击工作区右上角的齿轮图标。
- 侧边栏有两个标签——一个用于页面或文章，另一个用于区块本身。点击区块标签，显示更多区块格式选项。
- 点击页面或文章标签，显示页面或文章本身的格式设置。
重新排列区块
添加区块到页面或文章时，您可能会发现重新排列它们很有用。
重新排列工作区内的区块步骤：
- 选择一个区块，显示顶部格式工具栏。
- 点击向上或向下箭头，将区块逐个移动到相邻区块的上方或下方。
您也可以使用拖拽功能，抓住图标并在工作区内移动。
插入额外区块
您可以在区块之间插入额外的区块。
插入区块步骤：
- 选择一个区块，显示顶部格式工具栏。
- 点击三点菜单，显示更多选项。
- 从列表中选择插入到前方或插入到后方，在选定区块的上方或下方插入区块。
删除区块
删除区块步骤：
- 选择您想删除的区块。
- 点击格式工具栏中的三点菜单。
- 从选项列表中选择删除（区块名称）。
其他有用的区块选项
- 区块插入器 - 位于左上角或工作区区域。这两个按钮允许您添加新区块。
- 工具 - 此图标提供选择、导航和编辑区块的不同交互方式。您可以通过按Esc和Enter键在选择和编辑之间切换。
- 撤销 - 此按钮允许您撤销更改、添加、删除或任何其他操作。
- 重做 - 类似撤销按钮，重做按钮允许您恢复之前撤销的更改。
- 详情 - 此信息按钮显示您正在编辑的页面或文章的详细信息，如内容字数、字符数、标题、段落数和页面或文章中的区块数量。
- 列表视图 - 此按钮列出页面或文章中使用的区块。您可以从下拉菜单中选择区块，快速跳转到内容中的该区块。
- 页面或文章标签 - 此标签提供文档的特定设置。在此部分，您可以设置可见性、发布日期、查看修订（如果内容更新超过一次）、更改固定链接、添加特色图片等。
- 区块标签 - 此选项显示所选区块的高级选项。根据所选区块，这些选项可能包括字体样式、颜色、额外CSS和格式设置。
请务必为您的网站创建备份！ CodeGuard是一项专业服务，提供每日自动备份，并在检测到网站有异常更改时通过电子邮件提醒您。
额外信息
您是WordPress新手，还是想熟悉WordPress的基础知识和操作方法？ 我们为您准备了相关内容！以下是我们的“构建您的第一个WordPress网站”视频链接，助您入门。
- 如何选择和安装WordPress主题 - 第1集 WordPress实战
- 如何自定义WordPress主题 - 第2集 WordPress实战
- 如何创建和编辑WordPress页面 - 第3集 WordPress实战
- WordPress导航菜单和小工具 - 第4集 WordPress实战
- 使用WordPress区块编辑器构建首页 - 第5集 WordPress实战
- 如何安装和激活WordPress插件 - 第6集 WordPress实战
- 如何创建WordPress博客文章 - 第7集 WordPress实战
- 如何使用WooCommerce构建在线商店 - 第8集 WordPress实战