WordPress知识分享

如何使用 Elementor Inner Section元素?

Inner Section是 Elementor众多元素的一种,用于创建复杂的布局。建站时经常遇到多列布局,而Section里面不能再嵌套Section,就使用 Inner Section来解决。Inner Section放在 Elementor元素区域 Basic的第一个 C位,可见有多常用和重要。

Elementor页面编辑器 点我直达 Elementor pro插件官网,快速建站,容易上手。入门点击购买Elementor Pro插件和下载安装激活_WordPress页面编辑器。 更多Elementor插件内容请看Elementor专题
学习、小网站选择 1核2g配置的服务器起步,国外主题建站选择 2核4g配置,适当搭配运行流畅。
国内服务器:阿里云腾讯云(都有代金券,付款时抵用省钱) 不知道如何选择地域、配置请在页面右侧+老魏的联系研究。
外贸、B2C/C2C等网站在国外注册域名。打开namesilo官网,在搜索框里输入并选择好后注册,记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。
外贸网站建议选择Hostinger虚拟主机,价格便宜,性价比极高!Hostinger专题
SiteGround虚拟主机价格适中服务好!SiteGround专题

1、新增一个 Section,选择左侧小右侧大的布局方式。

Elementor Inner Section元素新增一个 Section

2、Sectin左侧添加一些文字,右侧打算插入 Inner Section。

从 Elementor 左侧元素区域拖拽 Inner Section到右侧,一共2次。

Inner Section 默认自带两列,也可以手动添加更多列,最多10列。

Elementor Inner Section元素介绍

可以通过右键点击列句柄图标添加或删除列。

Elementor Inner Section元素添加新列

可以将 Inner Section 拖拽到页面的任何列中,但不能在另一个 Inner Section 中使用。

总结:Section 中可以嵌套 Inner Section, Inner Section 中不能再嵌套 Inner Section。

可以像设置 Section 一样设置 Inner Section 的样式。

3、在 Inner Section 插入图标元素,下面的一行 插入图片元素。

Elementor Inner Section元素插入图标元素,图片元素

4、Inner Section 粘性停留功能

Inner Section 的 advacned高级选项中,动作效果是比较常用的。

粘性可以让 Inner Section 固定不动,滚动效果是在此基础上的相对位置、透明度、模糊度、旋转等进行设置。

Elementor Inner Section元素粘性停留功能

5、总结

当遇到复杂布局时,比如要在一个背景图中放文字、按钮、图标等多种元素时,就需要用到 Inner Section元素。在 Elementor Astra 自带demo演示站中,经常使用到这个功能。

赞(0)
文章名称:《如何使用 Elementor Inner Section元素?》
文章链接:https://www.vpsss.net/28020.html
版权声明:本站资源仅供个人学习交流,禁止转载,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。