嵌套和网格:WordPress中的超级列表块增压列表

自由Wordpress Developer Aurooba Ahmed早期发布了超级列表块插件.基本上,它就像核心WordPress列表块-只是增强.这是她在WordPress.org上的第一次公开发布的扩展.

插件的主要用例是在列表项中添加其他块.但是,它的选项允许用户通过支持基于网格的布局进一步接受它.

WordPress当前允许最终用户通过编辑器将其他块嵌套到列表项中.它是富文本或者什么都不是,当你需要这个看似磨坊的功能时,它可能是编辑体验的刺激部分.这是一个问题,让您想知道为什么我们在平滑内容体验之前转移到FSE.毕竟,HTML列表项元素是其他内容的容器.

对我来说,至少,它不是我经常需要的东西.当我这样做时,我通过自定义html块代码.如果列表的内容很简单,则可以使用,但是当您希望像其他块一样嵌套更复杂的元素时.

超级列表块将其嵌套的超级列表项块转换为容器,以色列多.一个典型的用例是添加多个段落或基于其他基于文本的块,如标题为单个列表项.

标题和单个列表项下的多个段落.

但是,插件不会将用户限制为文本.他们可以坚持他们想要的任何东西,甚至在超级列表项块中嵌套超级列表.不幸的是,它的缩进在该场景中归零,因此其项目不会显示嵌套.

插件的名称可能是其网格功能.WordPress中最接近的东西是列和库块.但是,列仅限于单行,图库允许图像.

这也是超级列表块需要一点细化的地方.选择水平("网格")方向时,似乎允许用户设置所有子列表项的最大宽度.

引号和图像的四×四格网格.

想要创建四×四个网格(两行两列),我立即选择50%.它是最有意义的.但是,我没有得到任何列.该值太大,并且没有考虑物品之间的排水沟空间.然后我降低了它,直到我达到了一个工作的数字:47%.我本可以看看页面的源代码,简单地是做了数学,但这是一个猜测的平均最终用户的游戏.

更直观的界面是将最大宽度选项切换到列号设置.从技术上讲,这将限制块在几种情况下的灵活性.但是,它将涵盖绝大多数案例,用户只希望跨越容器宽度的等宽列网格.

这假定插件最终允许用户在网格模式下微管理每个列表项.插件的存储库中有一个开放机票,可以将选项添加到单个超级列表项块中.

无论将未来的方向如何,易于使用的块用于快速设置物品网格可能会在许多开发人员和站点所有者工具箱中降落.

三个功能使这个插件更简单到许多核心WordPress或第三方块使用.第一个是当用户在编辑器中选择的超级列表时.而不是只有"+"图标嵌套另一个块,而是附加文本标签"添加超级列表项".

添加新的超级列表项按钮.

在单击"+"编辑器图标之后将插入新块时,很容易混淆.超级列表块的文本标签使其变得易于理解.我很乐意看到WordPress和其他第三方插件采用相同或类似的方法.

其他两个很棒的功能出现在超级列表项块的工具栏中.第一个是用于跳回父块的"设置"按钮.第二个是用于将另一个项目附加到列表的圆形"+"图标.

设置和追加按钮在工具栏中.

两个选项似乎在编辑器中选择块或按钮时减少错误点击.但是,我更喜欢WordPress的方法来在子块的工具栏中提供一些父块设置.社交链接是一个主要的例子,允许用户改变理由和对齐而不来回跳跃.

总的来说,我对超级列表块印象深刻作为第一个版本.我会避免注意它,看看它是如何成熟的.值得在任何需要其功能的网站上部署它.

超级列表块

4

发表回复