9个Elementor使用技巧 让网页设计更简单

简单、易用是许多人选择Elementor的原因,不过,Elementor也是一款非常强大的编辑器,用熟练以后能够提升很大的效率,在本文中我们就来分享一些Elementor设计网页的技巧

发布后的内容也可以保存草稿

网页上线后再更改内容是一件非常常见的事情,但是有时候因为更改内容比较多、或者需要和他人协作等原因不能一次性修改完毕,这个时候你可以把Elementor页面的更改保存成草稿,其他时间再进行修改

Elementor保存草稿方法:点击更新按钮右边的倒三角,然后选择保存为草稿即可

这样你的Elementor页面在访客看来还是原版,但是当你下次编辑时就会直接从上次保存的草稿开始

elementor保存为草稿

版本管理

elementor版本管理

如果网页做了修改后,感觉效果还不如之前的版本,这个时候就可以实用Elementor的版本修订功能,快速回到之前某个时间保存的草稿

操作方法:点击下面的历史记录图标 – 选择你需要恢复的版本

样式拷贝

elementor样式拷贝

在使用Elementor设计一些重复元素时,比如文字、图标等,因为他们的样式都是一样的,所以我们没必要再重复设置样式,只需要使用Elementor的样式拷贝即可快速复制样式

样式拷贝使用方法:首先Copy设置好样式的元素,然后在你需要添加样式的元素上右键,点击Past Style 即可拷贝样式,或者经常使用的话,你也可以使用快捷键,Ctrl+ C 拷贝样式, Ctrl + Shift + V 粘贴样式

在页面间快速切换

通常情况下,如果想要从当前编辑的Elementor页面切换到其他的Elementor页面,我们需要先返回后台仪表盘,然后找到需要编辑的页面,再打开Elementor进行编辑,非常麻烦

Elementor Finder允许你快速地在所有地Elementor页面中进行切换,比如我这里随便输入词进行搜索,就会显示出对应标题地Elementor页面,这也说明了Elementor页面标题地重要性

使用方法:你可以点击左上角地菜单 – 找到Finder;或者也可以使用快捷键 Ctrl + E 快速打开Finder

elementor finder

用导航栏移动长距离

虽然Elementor中用拖拽的方式来修改模块的位置已经很方便了,但是对比较长的网页来说,手动拖拽的方式仍然是比较麻烦

这个时候你可以借助Elementor中的导航功能,轻松地把段移动到任意地位置

启用导航方法:点击左下角地导航栏按钮即可启用

全局元素(Pro)

有的网页中有非常多的重复元素,比如一些按钮、联系方式等,因为会经常用到,而且后期可能会需要修改,这个时候因为方便使用和修改,我们可以把它设置为Elementor的全局元素,像使用Elementor中的小工具那样使用它

响应式编辑

elementor响应式编辑

现在做网页的话,基本都是响应式的了,虽然说Elementor做出来的页面也可以在移动设备上展示,但是对于一些地方还是要手动设置一下才更美观,这个时候你可以使用Elementor的响应式编辑,可以单独针对手机或者平板设备单独做样式的修改

设置方法:点击做左下角的手机按钮,即可进入响应式编辑状态

默认颜色

相信许多人都和我一样,好奇为什么Elementor的标题颜色默认是蓝色的,每次都要手动将其调整为其他的颜色,直到后来偶然设置才发现Elementor中原来还有调色板的功能

Elementor中的调色板允许你设置一些默认的颜色,包括主要、次要、文本、摘要,这些都是会应用在Elementor小工具中的,他们会影响到整个网站的颜色

调整方法:打开左上角的汉堡菜单 – 默认颜色

另外,和默认颜色类似的还有一个叫做颜色选择器的选项,这2个设置对整个网站的颜色使用非常重要,关于它们2个的区别你可以查看这篇文章

默认字体

类似默认的颜色,可以调整Elementor默认的字体和大小

调整方法:打开左上角的汉堡菜单 – 默认字体

好了,以上就是WP主题站总结的Elementor使用技巧,你在使用Elementor时有哪些技巧呢?欢迎留言分享


一日程新手WP建站指南https://www.yiricheng.cn/),为广大编程爱好者提供零基础快速搭建博客网站的方法,分享计算机网络、HTML、CSS、JavaScript、PHP、响应式设计以及Python自动化办公的博客文章,另有各类小工具、电子书、免费教程。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。