目录
大纲
WP建站和运维

创建自定义同步与非同步模式

同步与非同步模式的区别

本节课我们将学习区分、创建和管理同步与非同步模式。当创建想要保存并重复使用的特殊设计时,您可以将其保存为模式,并指定是否同步。同步模式此前被称为可重用区块,对同步模式的修改将应用到网站中所有添加该模式的位置。如示例所示,当我更新某个同步模式的内容时,由于它们保持同步,另一个模式也会自动更新。

非同步模式是普通模式,可独立编辑。它们可重复使用和修改,而不会改变或影响原始模式。在此示例中,我修改了非同步模式的图片,由于模式未同步,原始模式中的图片并未改变。

创建自定义模式

假设您发现或创建了一个特殊设计,想将其保存为模式。选择容器区块,点击三个竖点,然后选择”创建模式”。接着我们可以为其命名并添加到相关分类。此时可选择保存为同步或非同步模式。本例中我将保存为同步模式后点击创建。当您点击左上角的插入器选择”模式”时,会看到该模式已添加到”我的模式”区域,这里可以找到所有自定义模式。

站点编辑器

您也可以在站点编辑器中添加、编辑和管理自定义的同步与非同步模式。进入”外观”点击”编辑器”即可进入站点编辑器。如果进入”模式”选项,可以管理自定义模式、主题提供的模式以及页眉、页脚和通用模板部件模式。在”我的模式”中可以看到所有已创建的自定义模式。

同步模式带有紫色图标,非同步模式仅显示名称。若要将主题自带的模式保存为同步/非同步模式,找到对应模式后点击三个竖点选择”复制”。然后更新名称并选择保存类型,本例将保存为非同步模式。完成复制后返回”我的模式”区域,即可看到这个可供自由修改的自定义模式。

要创建自定义模式,请点击模式旁的加号图标选择”创建模式”。命名后可添加到相关分类。本例将保存为非同步模式后点击创建。接着可以开始创建新模式,完成后点击保存,返回”我的模式”区域即可查看新创建的非同步模式。

添加模式

最后让我们将自定义模式添加到页面中。进入”页面”选择目标页面(本例为关于页面),打开列表视图并确保将内容添加到文章内容区块。要添加非同步模式,需点击左上角插入器,依次选择”模式→我的模式”,然后选择所需的非同步模式。

结语

祝您在创建和管理自定义模板时一切顺利。

实践操作

使用WordPress Playground测试所学知识:

1. 打开示例页面
2. 添加主题自带的模式
3. 按需修改后保存为非同步模式
4. 按照视频演示的步骤操作
5. 在站点编辑器的”我的模式”中查看自定义非同步模式