老狗VPS
稳如老狗!
justhost
aws
ptgidc

Elementor 3.13发布 使用CSS Grid网格布局

racknerd
pia云

老狗VPS,稳如老狗!Elementor 3.13发布,该版本带来了许多功能更新和增强,包括在容器中提供了一个新的布局选项–CSS Grid。此外,Elementor 3.13在菜单小部件中引入了更多样式选项,并为新的顶部栏添加了新功能。

点击访问:Affiliates 2023 – Build & Host Your WordPress Website | Elementor

一、新CSS网格容器

Elementor 3.13

当您添加容器时,您可以在Flexbox或Grid容器之间进行选择。使用网格容器是类似网格布局的理想选择,有助于保持容器中元素的对齐,并缩短从分栏布局到容器布局的过渡过程。

使用网格容器,您可以选择想要组成网格的行数和列数,使用间距控制来确定列和行之间的距离,并选择是基于列还是基于行进行自动流动。您还可以对齐内容和项目。

网格中的每个单元格都可以接受一个元素,可以像平常一样对其进行样式化和编辑。为了达到更高的复杂程度,您可以将Flexbox容器放在网格的单元中,并在Flexbox容器中放置任意多的元素。

要使用容器网格,请确保从WordPress Dashboard→Elementor→Settings→Features中启用Flexbox容器和网格容器功能。

二、Elementor Pro菜单小部件新样式

Elementor 3.13

在之前的版本中,Elementor引入了一个新的Menu小部件,它允许您创建简单的单级菜单和复杂的下拉内容菜单,以及可嵌套的内容。这个小工具是网站创建的游戏规则改变者,让你能够为您的网站设计漂亮而实用的菜单。Elementor Pro 3.13引入了菜单小部件中现在可用的两个新功能:

1、菜单顶层中的图标

这一新的样式功能允许您通过添加吸引访问者注意力的醒目图标来增强菜单的设计。在图标库中有各种图标可供选择,或者能够上传任何SVG,您可以定制您的菜单,以匹配您的网站的风格,并使它们脱颖而出。

2、锚定链接的活动状态

当您的菜单包含锚定链接时,向网站访问者指示他们已经滚动或点击了页面的哪个部分。这样,您就可以通过帮助访问者浏览网站来改善他们的体验。

三、Elementor Pro 3.13顶栏功能增强

Elementor 3.13

Elementor Pro 3.13界面进行了修改,现在,您可以访问编辑器中所有可用的保存选项——另存为草稿、另存为模板和显示条件(如果适用)。这也意味着顶栏现在包含了以前在编辑器的遗留UI中可用的所有功能。

Elementor Pro 3.13增加了页面导航,该功能将简化您的工作流程,并使不同页面和主题部分之间的过渡更加顺畅。

四、使用帖子的内容动态填充您的帖子摘录

Elementor 3.13

在Elementor 3.13中,您现在可以选择内容是从文章的前几个字符自动填充还是从WordPress的自定义摘录中自动填充。这一更新解决了自从引入循环构建器以来的请求,能在循环项中添加Post extract小部件。

五、启用Elementor AI

Elementor 3.13

Elementor 3.13包含了Elementor AI的免费试用版,它原生集成在编辑器中,将改变您创建网站的方式。使用Elementor AI,您可以用AI的力量创建文本和代码,增强网站上的现有内容,并支持翻译。此外,您可以使用Elementor AI编写自定义CSS或自定义代码(需要Elementor Pro或Hosting)或HTML代码片段。

六、性能改进

在Elementor 3.13中,重点转移到了主要用于内页的小部件上。作者框、帖子信息和价格列表小部件显示图像和用户资料图片,这些图像现在有一个惰性负载应用于它们。这种改变应该会提高内页的初始页面负载。

此外,由于页眉出现在折叠的上方,它应该总是在页面加载时立即加载。因此,在使用惰性加载背景图片实验时,惰性加载被从标题中移除以改善访问者的体验。

未经允许不得转载:老狗VPS » Elementor 3.13发布 使用CSS Grid网格布局
标签: