使用GenerateBlocks的简单图片库

Publicado: 07/02/2023 : 17:17 | Actualizado: 07/02/2023 : 18:29 |

 
使用GenerateBlocks的简单图片库

GenerateBlocks1.7和GenerateBlocks Pro 1.5已进入其第一个候选发布版本,并将很快在生产站点上使用。

随着这个插件的重要更新,它诞生时只有四个简单的块,现在有八个了,除其他外,还增加了一个标签块和一个手风琴块。

但这次更新的内容更多,它扩大了它的可能性,可以建造更多更好的东西。有了220个文件的变化,以及超过10,000行的更新代码,GenerateBlocks编辑器更加精简,更加模块化,并最终表现得更好。更多的功能被添加,速度更快,代码更少。

这是其创建者汤姆-乌斯本的理念。

"我们所做的一切都考虑到了性能。如果我们不能以简单/轻便的方式做某件事,我们就不会去做"。

我仍然坚持认为,这套积木如果继续像现在这样发展下去,很快就会无可匹敌。至少在性能和灵活性方面是如此。

如果你对新的GB块的响应速度有任何怀疑,The Admin Bar已经与相同的Kadence块做了性能比较,GB块仍然更轻。在比较的最后,有一个有趣的小细节,就是使用一个简单的Elementor标题所增加的重量和夸张的请求数量。

开始工作

使用新的标签块,你可以建立一个非常漂亮和简单的图片库,正如Mike Oliver所展示的,由于我正在测试RC版本,我借此机会创建了一个测试图库,并在此留下了过程的记录。

1- 打开编辑器,添加一个标签块。

2- 选择你想要的标签模板。

Galeria simple con GenerateBlocks tutorial paso 1

3- 点击 "+",添加你需要的标签数量。

Galeria simple con GenerateBlocks tutorial pasos 2 y 3

4- 根据你想显示缩略图的位置,向下或向上滚动标签,要做到这一点,选择 "标签项目 "并点击滚动箭头。

Galeria simple con GenerateBlocks tutorial paso 4

5-选定标签后,我们进入右侧的块配置,在TAB BUTTON TYPE中,我们从 "Button "改为 "Container",因为我们不能在按钮中添加图像。这样做之后,我们会看到按钮是如何将它们的图标变为容器图标的。

Galeria simple con GenerateBlocks tutorial paso 5

6- 移除标签上的样式和文本。

Galeria simple con GenerateBlocks tutorial paso 6

7- 最后,我们将图片添加到标签容器和其相应的内容框中。

Galeria simple con GenerateBlocks tutorial paso 7

虽然你有针对桌面、平板电脑和手机的微调,但在不触及任何东西的情况下,这个画廊在其移动版本中看起来很完美。

从这里,我们可以通过添加其他元素、应用样式或任何你想要的东西来构成画廊的味道。

你也可以将容器的图像设置为背景,这样你就可以在上面添加其他块,显示标题、文本或其他按钮。

虽然创建一个可重复使用的块没有什么意义,但我们总是可以复制一个没有图片的画廊的基本结构的代码,将其粘贴到任何其他的帖子或页面,并添加新的图片。

YouTube video

这篇文章中的一些链接是联盟链接


Suscríbete por email para recibir las viñetas y los artículos completos y sin publicidad

相关文章

Este blog se aloja en LucusHost

Lucushot, el mejor hosting

透過電子郵件訂閱

在文章發表後,立即在您的收件匣中免費接收無廣告的完整文章。 饋送的完整內容透過外部服務免廣告傳送。