在经典主题中使用基于块的模板部件的测试和反馈

这篇文章是@绿色阴影 @马马杜卡 @法比安凯 @安娜扎祖

古腾堡古腾堡 古腾堡项目是WordPress的新编辑器界面。编辑器改进了创建新内容的过程和体验,使编写丰富内容变得更加简单。它使用“块”来增加丰富性,而不是短代码、自定义HTML等。https://wordpress.org/gutenberg网站/即将于9月15日发布的14.1版本,使您能够使用 块是一个抽象术语,用于描述使用WordPress编辑器组合在一起形成网页内容或布局的标记单元。这个想法结合了过去可能通过短代码、自定义HTML实现的概念,并将发现嵌入到单一一致的API和用户体验中。模板部件,而不采用块模板附带的所有内容。使用此功能,您可以执行诸如允许用户编辑和构建收割台标题 你网站的标题通常是人们第一次体验到的东西。位于页面顶部的刊头或页眉是网站外观的一部分。它可以影响访问者对您的内容和您/您组织的品牌的看法。它在不同的屏幕尺寸上也可能看起来不同。使用块,而不将它们暴露在整个块模板系统中。这为具有经典或混合主题的用户提供了一条新的逐步采用途径,并为那些在11月1日WordPress 6.1发布之前需要测试和反馈的机构提供了探索完整网站编辑功能的新方法。

有关更大的逐步采用途径的更多信息,请查看将经典主题转换为区块主题手册页面。有关如何在允许新功能编辑模板部件的同时进一步管理体验的信息,请查看策划编辑体验手册页面.

概述

逐步采用选项仍然是该项目的重点,并且越来越多的方式采用WordPress最新版本的部分功能,而不是整个功能。这样做的目的是让人们在做好准备后,以一种未来的方式接受他们需要的东西。在这种情况下,一旦启用该功能,用户将在“外观”下看到一个新的“模板部件”菜单,其中显示了模板部件的列表。从那里,所有主题块都可用,但与块主题相比,环境固有的局限性。例如,用户可以编辑现有模板部件,但不能删除或创建新的模板部件。

打开外观菜单的WP管理界面,突出显示新模板零件部分。

为了了解如何采用此功能,以下是一些让创意流动的示例:

  • 提供页眉模板部分,允许用户设置视频或图像背景、设置双色调颜色、更改焦点等,而无需更改其中块的位置(导航、站点标题等)。
  • 提供直接编辑页脚部分的功能,如位置和操作时间,同时锁定结构块以保留设计。
  • 添加一个更开放的页眉模板部分,允许任何和所有块移动/删除等,但使用某些对某些块禁用的设计工具来管理体验,并提供与更广泛的主题样式匹配的默认颜色。

如何测试

为了启用此功能,主题首先需要指定块模板部件主题支持,并在2022年9月15日发布时使用古腾堡主干或古腾堡14.1。你也可以跟随这些说明使用特定公关实现了这一功能。

添加了主题支持后,主题现在可以通过放置html格式HTML格式 HTML是超文本标记语言的缩写。它是一种用于网页和网站开发的标记语言。包含块模板的文件放在主题根目录内的parts目录中。

函数add_block_template_part_support(){add_theme_support('block-template-parts');}add_action('after_setup_theme','add_block_template_part_suport');

这些基于块的模板部件现在可以用于传统的菲律宾比索菲律宾比索 PHP(PHP的递归首字母缩写:Hypertext Preprocessor)是一种广泛使用的开源通用脚本语言,特别适合web开发,可以嵌入到HTML中。http://php.net/manual/en/intro-whatis.php.使用block_template_part函数创建模板。此函数返回模板部件的标记,然后需要获取输出。

如果主题作者希望将站点页脚作为模板部件进行编辑,他们将创建一个footer.html文件并将其放置在主题的/parts文件夹中。以下代码段是模板部件的外观示例:

<!-- wp:group{“layout”:{“inherit”:true}}--><div class=“wp-block-group”><!-- wp:group{“style”:{“spacing”:{“padding”:}“top”:“80px”,“bottom”:“30px”}}}--><div class=“wp-block-group”style=“padding-top:80px;padding-bottom:30px”><!-- wp:段落{“align”:“center”}--><p class=“has-text-align-center”>由<a href=“https://wordpress.org“rel=”nofollow“>WordPress</a></p><!-- /wp:段落--></div><!-- /wp:组--></div><!-- /wp:组-->

为了在前端显示部件,主题将通过引用部件名称的block_template_part()函数将其包含在顶级模板中,例如index.php、single.php和其他模板。对于站点页脚,此代码将替换大多数主题中对get_footer()的调用。

<?php block_template_part(“页脚”);?>

高级测试

虽然此功能目前旨在为主题提供选项,但插件也可以探索扩展此功能以实现相同的功能用户界面用户界面 UI是用户界面的缩写,即用户与之交互的页面布局。想想“他们是怎么做到的”,少想想他们在做什么。用于用户。如果您探索通过插件插件 插件是一个包含一组功能的软件,可以添加到WordPress网站。他们可以扩展功能或为WordPress网站添加新功能。WordPress插件是用PHP编程语言编写的,并与WordPres无缝集成。这些可以在WordPress.org插件目录中免费https://wordpress.org/插件/或者可以是第三方基于成本的插件,请分享您希望看到的阻止程序、错误和增强功能,以帮助塑造此领域的未来工作。

在评论中留下您的反馈

以下是一些需要记住并回答的问题:

  • 模板部件菜单是否出现在外观下? 
  • 您是否能够正确定义模板零件并在“外观”>“模板零件”下看到它?
  • 当您编辑模板部件时,这些更改是否正确反映在站点的前端? 
  • 作为一名开发人员,是否缺少可以改善这种体验的功能或选项?
  • 你觉得这个功能有什么令人沮丧或困惑的地方?
  • 你对它有什么特别欣赏的地方吗?

请在评论中分享所有反馈。

#测试