了解即将推出的 WordPress 5.8 模板编辑器

WordPress 5.8 预定用于 7月20日发布. 在短短一个多月内,许多用户将第一次体验我最喜欢的新功能之一:模板编辑模式。

模板编辑器是一种新工具,允许最终用户创建自定义模板而无需离开后期编辑屏幕。 它作为通往最终站点编辑器的垫脚石而存在,该功能将把完整的设计控制权交给那些需要它的人。

WordPress 5.8 新功能的缺点是用户将无法访问其主题的页眉、页脚、侧边栏或其他模板部分。 这是一张空白的石板,他们必须在其中戴上设计帽才能创建整个页面。

有了这些限制,模板编辑器在 WordPress 5.8 中启动的意义何在?

登陆页面。

白板并不总是坏事。 所有最好的主题都包含名为“空白”、“空”、“画布”、“打开”或类似内容的页面模板是有原因的。 有时用户想要控制整个页面的输出。 WordPress 5.8 将这种功能带给每个 WordPress 用户。

我几个月来一直在编辑模板,但总是在块主题的上下文中。 我已经建立了两个 摄影作品集WordCamp 登陆页面 作为 FSE 外展计划的一部分。 尽管出现了一些小问题,但随着该功能的实现,这是一段值得参与的旅程。 然而,我的大部分测试都是在 TT1 积木主题.

是时候用实际广泛使用的主题对其进行实际测试了。

它适用于我的主题吗?

许多用户会想到的问题是:这个新的模板编辑器是否适用于我的主题? 答案是视情况而定。 一般来说,是的,它会在某种程度上起作用。 但是,由于旧设计不是使用模板编辑器创建的,因此并非所有体验都相同。

我真的想对这种与每个主题一起工作的理论进行测试。 所以,我加载了二十五个,这是过去十年我最喜欢的默认主题之一。

也许我跳得太远了。

Getting-to-know-the-upcoming-wordpress-5-8-template-editor 了解即将推出的 WordPress 5.8 模板编辑器25 有一个用于侧边栏和内容的双色背景。

构建二十十五时,块编辑器不存在。 它在页面背景上使用了框阴影技术,这意味着整个页面都有两个彩色的柱子。 设计团队不得不对等高的侧边栏和内容背景使用一些hacky 方法。 啊……开发人员可以使用 CSS flex-box 和 grid 之前的美好时光。

正是这些类型的问题可能会限制一些较旧的主题。 在 25 的情况下,我可以用组或封面块在它的顶部隐藏背景。

当使用更现代的东西时,用户可能会得到更好的结果,至少是在块时代建立的主题。 即使像宽对齐支持这样简单的事情也会改变模板编辑器的 WYSIWYG 性质。 如果主题不支持该功能,前端将与编辑器不匹配。

我领先了几年。 二十九是第一个支持块的默认WordPress主题。 在互联网时代,它是古老的,但并不古老。

编辑器 vs. 29 的前端。

编辑器视图和前端视图之间存在一些差异。 Cover块填充关闭,垂直间距不匹配,搜索输入的字体大小不同,搜索按钮的边框半径在前端是圆形的。 然而,它现在是一个近三年前的主题。 在这个简单的测试中,它比预期的要好。

几年前,我激活了 WordPress 最新的默认主题 22-1。

编辑器与二十一世纪的前端。

编辑器非常接近您在前端看到的内容。 最明显的区别是 Cover 块的填充不一致,以及编辑器视图中搜索输入字段的浅灰色边框。

是时候对模板编辑器进行“真正的”测试了。 我激活了最新版本的 Eksell,其中之一 最全面的块主题 存在。

Eksell 的编辑器与前端。

很明显,主题在左边输出了一个黑色的部分。 这是用于主题的侧边栏/菜单弹出。 但是,由于用户无法访问输出该元素的模板部分,因此某些人可能无法使用此主题创建自定义模板。 我相信开发者 Anders Norén 会解决这个问题。

类似的,未知的问题将出现在数以千计的野外主题中。 这并不意味着主题一定不好。 这只是意味着它不是在考虑模板编辑器的情况下构建的。 用户可能需要稍微降低他们的希望,直到他们用他们的活动主题彻底测试模板编辑模式。

哦,还有那个在编辑器顶部显示内容背景的丑陋空白? 你会在每个主题中看到这一点。 我不知道为什么开发团队认为它会成为一个很好的默认值。 这些年来我看过的几乎所有网页设计都将页面的 元素填充归零。

对于正在阅读的主题作者,您将需要处理此问题。 如果您已经在为块编辑器进行构建,那么您可能是处理此类怪癖的专家。

如果我们查看我一直在构建的自定义主题,您可以看到编辑器和前端之间没有对齐问题。

编辑器与自定义块主题的前端。

我的主题的不同之处在于,当模板编辑器已经是 Gutenberg 插件的一部分时,我正在构建。 其他的都是之前创建的。 比较它们是不公平的。 但是,用户应该知道较旧的主题可能效果不佳。 在利用模板编辑之前,他们可能需要等待更新或尝试新的设计。

我还选择了二十九、二十一和 Eksell,因为它们是由我们行业的专业人士设计的,并且是在过去几年中发布的。 他们每个人都坚持得很好,但有一些问题需要解决。

所有这一切都是说结果可能会有所不同 – 非常大。

使用模板编辑器的理想方式

我对模板编辑器的恐惧是用户会开始将他们的内容直接混合到编辑器中。 这是我在 FSE 外展计划第 7 轮期间提出的一个问题。 归根结底,这是一个关于内容和模板之间边界的问题。

传统上,主题作者会为其最终用户构建自定义模板以应用于他们的页面。 除非那些用户知道如何直接更改代码,否则他们只会选择模板并通过编辑器编辑自己的内容。 内容编辑结束和模板编辑开始的位置总是很清楚。

新模式使水域变得有些混乱。 因为用户可以直接从帖子/页面编辑器本身中更改模板,所以我毫不怀疑许多人会从模板编辑器中创建整个页面的内容。

甚至我也犯了将通常内容放在上面的示例模板中的错误。 这纯粹是为了说明。

如果这是用户的意图,这没有任何问题。 但是,模板通常用于控制页面的布局。 页眉、页脚和内容包装元素等内容属于其中,而内容本身则单独存储。 模板也可以重复使用。 如果您将同一个模板应用于多个页面,对该模板所做的任何更改都会更新每个页面。

我推荐的起点是简单地将 Post Content 块添加到模板中。 您可以通过块插入器或粘贴以下代码片段来执行此操作:

WordPress 5.8 预定用于 7月20日发布. 在短短一个多月内,许多用户将第一次体验我最喜欢的新功能之一:模板编辑模式。

模板编辑器是一种新工具,允许最终用户创建自定义模板而无需离开后期编辑屏幕。 它作为通往最终站点编辑器的垫脚石而存在,该功能将把完整的设计控制权交给那些需要它的人。

WordPress 5.8 新功能的缺点是用户将无法访问其主题的页眉、页脚、侧边栏或其他模板部分。 这是一张空白的石板,他们必须在其中戴上设计帽才能创建整个页面。

有了这些限制,模板编辑器在 WordPress 5.8 中启动的意义何在?

登陆页面。

白板并不总是坏事。 所有最好的主题都包含名为“空白”、“空”、“画布”、“打开”或类似内容的页面模板是有原因的。 有时用户想要控制整个页面的输出。 WordPress 5.8 将这种功能带给每个 WordPress 用户。

我几个月来一直在编辑模板,但总是在块主题的上下文中。 我已经建立了两个 摄影作品集WordCamp 登陆页面 作为 FSE 外展计划的一部分。 尽管出现了一些小问题,但随着该功能的实现,这是一段值得参与的旅程。 然而,我的大部分测试都是在 TT1 积木主题.

是时候用实际广泛使用的主题对其进行实际测试了。

它适用于我的主题吗?

许多用户会想到的问题是:这个新的模板编辑器是否适用于我的主题? 答案是视情况而定。 一般来说,是的,它会在某种程度上起作用。 但是,由于旧设计不是使用模板编辑器创建的,因此并非所有体验都相同。

我真的想对这种与每个主题一起工作的理论进行测试。 所以,我加载了二十五个,这是过去十年我最喜欢的默认主题之一。

也许我跳得太远了。

Getting-to-know-the-upcoming-wordpress-5-8-template-editor 了解即将推出的 WordPress 5.8 模板编辑器25 有一个用于侧边栏和内容的双色背景。

构建二十十五时,块编辑器不存在。 它在页面背景上使用了框阴影技术,这意味着整个页面都有两个彩色的柱子。 设计团队不得不对等高的侧边栏和内容背景使用一些hacky 方法。 啊……开发人员可以使用 CSS flex-box 和 grid 之前的美好时光。

正是这些类型的问题可能会限制一些较旧的主题。 在 25 的情况下,我可以用组或封面块在它的顶部隐藏背景。

当使用更现代的东西时,用户可能会得到更好的结果,至少是在块时代建立的主题。 即使像宽对齐支持这样简单的事情也会改变模板编辑器的 WYSIWYG 性质。 如果主题不支持该功能,前端将与编辑器不匹配。

我领先了几年。 二十九是第一个支持块的默认WordPress主题。 在互联网时代,它是古老的,但并不古老。

编辑器 vs. 29 的前端。

编辑器视图和前端视图之间存在一些差异。 Cover块填充关闭,垂直间距不匹配,搜索输入的字体大小不同,搜索按钮的边框半径在前端是圆形的。 然而,它现在是一个近三年前的主题。 在这个简单的测试中,它比预期的要好。

几年前,我激活了 WordPress 最新的默认主题 22-1。

编辑器与二十一世纪的前端。

编辑器非常接近您在前端看到的内容。 最明显的区别是 Cover 块的填充不一致,以及编辑器视图中搜索输入字段的浅灰色边框。

是时候对模板编辑器进行“真正的”测试了。 我激活了最新版本的 Eksell,其中之一 最全面的块主题 存在。

Eksell 的编辑器与前端。

很明显,主题在左边输出了一个黑色的部分。 这是用于主题的侧边栏/菜单弹出。 但是,由于用户无法访问输出该元素的模板部分,因此某些人可能无法使用此主题创建自定义模板。 我相信开发者 Anders Norén 会解决这个问题。

类似的,未知的问题将出现在数以千计的野外主题中。 这并不意味着主题一定不好。 这只是意味着它不是在考虑模板编辑器的情况下构建的。 用户可能需要稍微降低他们的希望,直到他们用他们的活动主题彻底测试模板编辑模式。

哦,还有那个在编辑器顶部显示内容背景的丑陋空白? 你会在每个主题中看到这一点。 我不知道为什么开发团队认为它会成为一个很好的默认值。 这些年来我看过的几乎所有网页设计都将页面的 元素填充归零。

对于正在阅读的主题作者,您将需要处理此问题。 如果您已经在为块编辑器进行构建,那么您可能是处理此类怪癖的专家。

如果我们查看我一直在构建的自定义主题,您可以看到编辑器和前端之间没有对齐问题。

编辑器与自定义块主题的前端。

我的主题的不同之处在于,当模板编辑器已经是 Gutenberg 插件的一部分时,我正在构建。 其他的都是之前创建的。 比较它们是不公平的。 但是,用户应该知道较旧的主题可能效果不佳。 在利用模板编辑之前,他们可能需要等待更新或尝试新的设计。

我还选择了二十九、二十一和 Eksell,因为它们是由我们行业的专业人士设计的,并且是在过去几年中发布的。 他们每个人都坚持得很好,但有一些问题需要解决。

所有这一切都是说结果可能会有所不同 – 非常大。

使用模板编辑器的理想方式

我对模板编辑器的恐惧是用户会开始将他们的内容直接混合到编辑器中。 这是我在 FSE 外展计划第 7 轮期间提出的一个问题。 归根结底,这是一个关于内容和模板之间边界的问题。

传统上,主题作者会为其最终用户构建自定义模板以应用于他们的页面。 除非那些用户知道如何直接更改代码,否则他们只会选择模板并通过编辑器编辑自己的内容。 内容编辑结束和模板编辑开始的位置总是很清楚。

新模式使水域变得有些混乱。 因为用户可以直接从帖子/页面编辑器本身中更改模板,所以我毫不怀疑许多人会从模板编辑器中创建整个页面的内容。

甚至我也犯了将通常内容放在上面的示例模板中的错误。 这纯粹是为了说明。

如果这是用户的意图,这没有任何问题。 但是,模板通常用于控制页面的布局。 页眉、页脚和内容包装元素等内容属于其中,而内容本身则单独存储。 模板也可以重复使用。 如果您将同一个模板应用于多个页面,对该模板所做的任何更改都会更新每个页面。

我推荐的起点是简单地将 Post Content 块添加到模板中。 您可以通过块插入器或粘贴以下代码片段来执行此操作:

如果你只想要一个空白/空模板,这是编辑器现在擅长的,这就是你所需要的。 您可以返回页面编辑器并释放您的创造力。

这是我从这个空白模板构建的小说家登陆页面的开始:

Getting-to-know-the-upcoming-wordpress-5-8-template-editor-1 了解即将推出的 WordPress 5.8 模板编辑器

页面内容是通过帖子编辑器添加的,而不是在模板编辑模式下添加的。 这将允许我使用相同的打开画布创建多个页面。

如果您想添加其他布局元素,您也可以添加它们。 尝试混合和匹配站点标题、站点标语和导航块作为标题。 将 Columns 块与其他块放在一起以在页脚中创建“小部件区域”。

模板编辑器的强大功能来自块主题。 最终,设计师将能够预先构建这些模板,而用户将对其进行自定义。 他们还可以访问更强大的块套件,例如加载模板部件。 但是,我们必须至少等到今年晚些时候 WordPress 5.9 才能使用它们,而这还不是一成不变的。

在那之前,我们有一个有点OK但有点惊人的登陆页面创建者。

像这样:

喜欢加载…

来源

如果你只想要一个空白/空模板,这是编辑器现在擅长的,这就是你所需要的。 您可以返回页面编辑器并释放您的创造力。

这是我从这个空白模板构建的小说家登陆页面的开始:

Getting-to-know-the-upcoming-wordpress-5-8-template-editor-1 了解即将推出的 WordPress 5.8 模板编辑器

页面内容是通过帖子编辑器添加的,而不是在模板编辑模式下添加的。 这将允许我使用相同的打开画布创建多个页面。

如果您想添加其他布局元素,您也可以添加它们。 尝试混合和匹配站点标题、站点标语和导航块作为标题。 将 Columns 块与其他块放在一起以在页脚中创建“小部件区域”。

模板编辑器的强大功能来自块主题。 最终,设计师将能够预先构建这些模板,而用户将对其进行自定义。 他们还可以访问更强大的块套件,例如加载模板部件。 但是,我们必须至少等到今年晚些时候 WordPress 5.9 才能使用它们,而这还不是一成不变的。

在那之前,我们有一个有点OK但有点惊人的登陆页面创建者。

像这样:

喜欢加载…

来源

原创文章,作者:WPJIAN,如若转载,请注明出处:https://wpjian.com/tips/2021061946473.html