使用旋转木马滑块块WordPress插件创建幻灯片

在周末,Virgiliu diaconu要求我看看他的旋转木马滑块插件,他一直保持三年的项目.自发布以来,它慢慢地获得了5,000多个活动安装.

我每天都可以获得这样的电子邮件.更常见的是,项目从根本上破碎或对我的味道有点太烈点.就像这么多人一样,我问自己,这可能是粗糙的钻石之一?我总是持乐观,足以抓住最有趣的希望.

我应该通过说我对滑块和旋转木马的一般不喜欢来说,请介绍这述评.他们经常用来隐藏内容,强迫网站访问者采取额外行动来找到它.或者,他们开始在用户完成读取第一面板之前自动幻灯片.如果用于整理无关紧要的内容,我会在某些网站上容忍它们.

但是,我知道很多人喜欢他们.我需要回答的问题是这是否是一个坚实的实施.TLDR版本它的处理远比我所看到的其他人更好.

是什么让块滑块转盘固体插件是它,大多,wysiwyg.它也不会让经验复杂化.有一个可固定的问题,我将到达.总的来说,创造一个充满幻灯片的旋转木马很简单.

用户仅需要在编辑器中插入Carousel滑块块以创建一个新的旋转木马.插入幻灯片时,UI类似于核心行块-单击"+"图标.从那里,用户可以在每个中添加任何其他块:

初始转盘插入.

我添加了这个默认设置的屏幕截图,以显示插件感觉几乎是原始的WordPress.通过单独的自定义帖子类型屏幕没有管理.幻灯片不会彼此叠加,只看起来就像他们在前端的最终输出.它没有令人眼花缭乱的配置设置.

编辑器和前端之间的主要差异是后编辑屏幕上显示的水平滚动条,用于导航旋转木马.一旦添加了一些幻灯片,它出现在外滑块旋转木马块下方:

具有简单图像幻灯片的滑块转盘.

如果启用了任何一个,我希望看到编辑器视图中的上一个/下一个箭头和点导航替换.插件允许用户打开和关闭.

块的选项是此类插件中预期的基线控件.用户可以控制显示幻灯片的数量,在滚动上显示有多少节目以及动画速度.它包括切换到旋转木马末端的循环和自动播放选项.

有一个RTL模式,它没有立即清除正常工作.切换它似乎没有在编辑器中进行任何更改.但是,幻灯片在前端以相反的顺序示出.

块具有单独的面板,用于控制较小屏幕上的幻灯片的数量.用户可以手动设置断点或将其留给默认值768px.

我用插件遇到的最大问题是它覆盖了幻灯片中的块边距.如下面的屏幕截图,标题,段落和按钮块在它们之间没有空格:

块之间没有间隔.

主题我正在测试使用WordPress 5.9中的新"块间隙"功能来处理垂直间距.但是,随着CSS在插件中写入CSS的方式,它可能是以前版本的问题.旋转木马滑块块的样式零块边距,具有高度特异性.

此问题仅在编辑器中.如果您可以通过不知道每次幻灯片将在预览或发布之前完全了解,那就不太粗糙.但是,这应该是插件作者的简单修复.我删除了没有问题的违规代码.

块之间的校正间距.

和我的理智被恢复- 我是一个体面间距的股票.

欢迎添加箭头和点导航的颜色选项,以及填充,边框,背景和块间距等功能.这将使最终用户更容易定制旋转木马容器.

我会用这个插件吗?知道自己,我可能会建立一个自定义块,当手头上有一个完全可接受的解决方案时,我会覆盖它.当然,我不使用滑块.但是,如果我仍然做这样的工作,我会感到乐意把它交给客户.此外,Plugin的前端CSS是重量轻,足以用于定制设计.

旋转木马滑块块用于Gutenberg

已赞4
订阅评论
提醒
0 评论
内联反馈
查看所有评论