Twentig现升级二十一主题体验

Twentig 是兄弟联合创始人 Diane 和 Yann Collet 的心血结晶,现在支持"二十二十一"主题.开发人员最初围绕"超级充电"的想法构建了托管在 WordPress.org 上的插件.二二十.在取得初步成功后,他们将目光投向了最新的默认主题,并在过去几个月中添加了大量新功能.

插件仍然支持二十二十.它只是在其曲目中添加了最新默认主题的功能.插件背后的二人组也不打算就此止步.

“是的,我们将在未来的默认主题中明确地继续这一点,”雅恩·科莱特说.“看到我们可以用完整站点编辑和下一个基于块的主题做什么会很令人兴奋.随着 FSE 的到来,机会是巨大的,这使我们相信我们可以帮助人们建立更好的网站.”

当我上次报道它时,Twentig 只有 4,000 个活跃安装.它的所有 34 条评论都是五颗星.如今,该插件已累积超过 10,000 次安装和 75 条五星级评价.它确实获得了第一个四星评级,使平均水平略有下降.尽管如此,它的用户群显然喜欢插件开发人员正在做的事情.

该团队创建了 10 个网站演示和 8 个单页示例以获取灵感,每个示例都基于二十一个主题.

该插件的一大优点是它本质上将默认主题视为一个基础,一个框架.当用户厌倦了当前的外观时,他们不必四处寻找新的主题.他们可以简单地与 Twentig 混为一谈.

“目标是展示 Twentig、默认主题和块编辑器的强大功能和灵活性,”团队说.&ldqu;并最终用积木激发人们的创造力.使用我们的块模式直接在块编辑器中进行构建,而不是使用像 Figma 这样的原型设计工具,这是非常有趣和快速的.”

扩展块编辑器

Twentig 插件的优势在于它如何扩展块编辑器.用户首先会看到一个自定义侧边栏面板,其中包含大量图案和全页布局.然后,该插件进一步为各个块提供选项.

与许多其他块相关插件不同,Twentig 不注册自己的块.它使用核心 WordPress 块,除了 Contact Form 7 集成,通过以各种方式混合和匹配它们.如果用户需要号召性用语部分,该插件提供了 11 种模式.如果用户想要美化他们的画廊,他们有很多选择.

插入单页布局.

插件的页面布局和模式都适用于二十二十和二十二十一主题.由于 Twentig 主要依赖于核心块,因此只需确保其自定义 CSS 正常工作即可.

有些块通过插件获得一两个额外的设置.但是,大部分自定义选项都是通过 Twentig"CSS 库"实现的.这是用户可以通过单击"+"按钮访问的大多数块的"高级"选项卡下的设置.附加 CSS 类选项旁边的图标.它允许用户勾选多个类的复选框—每个都对其作用进行了解释.这些只是以某种方式改变块输出的一组实用程序.

通过 Twentig CSS 库选择标题块类.

Twentig 的 CSS 类系统遵循由 Tailwind 等实用程序类框架铺平的道路.WordPress 在这方面做了一些工作,但并没有采取全面的方法.我过去曾认为 WordPress 应该构建一个设计框架.标准化的类系统可以很好地与块选项配合使用,为开发团队提供跨主题创建更好用户体验的基础.

缺点是在二十二十一个 CSS 之上的两个额外样式表为页面增加了一些重量.这可能会让想要保持轻量级的用户停下来.但是,与旧款 220 相比,它占用的空间更小.

定制器选项及更多

定制二十二十一个设计.

插件在"Twentig Options"下打包了几十个设置;定制面板.它还扩展了其他部分,例如添加更多颜色选项.比起块更关心修改整体设计的用户会发现几乎所有他们需要的东西都可以在他们的网站上进行自己的调整.

涵盖了从字体到站点布局再到要显示的帖子元数据的所有内容.用户还可以在堆叠式和网格式博客文章设计之间切换,同时根据自己的选择进一步定制.

插件定制器集成的最大缺点是它的大多数选项没有使用实时预览功能.进行更改意味着刷新帧以查看其效果.一点点自定义 JavaScript 和服务器端更改的一些部分将大大有助于改善体验.

最终,未来版本的 Twentig 将减少或完全不依赖定制器.如果 22-22 是基于块的 FSE 主题,则此类自定义将在即将推出的站点编辑器中进行.插件开发者需要改变策略并找到以新方式扩展体验的方法.

11

发表回复