Gutenberg最新版如何添加导航间隔

Gutenberg 10.2 已发布,用户可以在导航项目之间添加一个空格块,对自定义模板零件(Template…

Gutenberg 10.2 已发布,用户可以在导航项目之间添加一个空格块,对自定义模板零件(Template Parts)进行分类,并在插入【查询】块时在模式(patterns)之间进行选择。

用户体验在某些方面持续改善。【媒体和文本】块,现在可以转换为列。转换成两列,媒体和文本分开。但是,这是单向转换。对于写出其文本列的用户来说,这是一项必要的增强功能,使他们意识到他们只能添加上载的媒体,而不是将YouTube嵌入到“媒体和文本”块中。快速切换到列可解决此问题。

当有后续段落时,仅在第一个空段落中出现“开始写作或按/来选择区块”提示。这是一个微不足道的更改,但它消除了一个小麻烦。

开发团队为Gutenberg 10.2修复了30个bug。他们还继续致力于改善实验性功能,例如站点编辑器,全局样式和基于块的导航菜单。完整站点编辑正在形成,但是要知道它是否准备好包含在WordPress 5.8中还需要一段时间。

在导航列表中嵌套间隔块

在导航列表中插入一个空格。

用户现在可以在水平导航块项目之间插入间隔块。并且它们可以增加或减少像素的空间。间隔的想法本身并没有坏处,但是这种解决方式的确不够明智。作为规范的做法,应该是为导航项添加外边距(margin)或内边距(padding),而不应该添加一个div块。搞不懂这些开发者是如何想的!

模板部件分类

选择模板部件的区域。

用户现在可以将模板部件保存到特定的类别或“区域”,如在网站编辑器用户界面中所称的那样。在Gutenberg 10.1中,开发团队为主题作者引入了新的分类系统,该系统将模板部分自动放置在Header,Footer,Sidebar或General类别中。现在可以为用户创建的模板部件打开相同的系统。

通过站点编辑器保存模板部件时,用户必须打开“高级”块选项卡。有一个新的“区域”选项。此版本中缺少补充工具栏类别。但是,这是迈向模板部件管理的可喜步骤。

查询块模式

处于初始状态的Query块的模式选择。

查询块是整个站点编辑的核心。它最终将成为开发人员和用户在构建网站时与之交互的主要组件之一。

开发团队在首次插入查询块时为最终用户引入了新概念。过去,用户看到了几种块形式的变化。现在,他们可以在特定于该块的模式之间进行选择。

开箱即用,有大、中和小模式。用户还可以选择从空白开始。

对于开发人员,此更改引入了作用域模式(scoped patterns)。从长远来看,它是Block Patterns API的新层,应该提供大量的灵活性。尽管该功能目前仅适用于查询块,但主题和插件作者可以为用户将来选择的块创建预定义的布局。

想象一下,有几种您想要提供给用户的文章循环风格。使用几行代码,您可以将每行注册为可选查询模式。

API的新部分添加了一个scope参数,如下所示:

'scope' => [
        'inserter' => false, // Whether to show in the main block inserter.
        'block'    => [ 'core/query' ] // The container block for the pattern.
]

这仍处于试验阶段,因此随着功能的进一步发展,情况可能会发生变化。

按照核心示例,我使用以下代码创建了快速查询模式:

add_action( 'init', function() {

	register_block_pattern(
		'tavern-query',
		[
			'title'  => 'Tavern Query',
			'scope'  => [
				'inserter' => false,
				'block'    => [ 'core/query' ],
			],
			'content' =>
                '<!-- wp:post-title {"isLink":true} /-->
				<!-- wp:post-featured-image {"isLink":true,"align":"wide"} /-->
				<!-- wp:post-excerpt /-->
				<!-- wp:separator -->
				<hr class="wp-block-separator"/>
				<!-- /wp:separator -->
				<!-- wp:post-date /-->'
		]
	);
} );

要了解更多更新信息,请看官方的更新日志。

类别:WordPress教程

本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。

评论 (0)COMMENT