Elementor编辑器环境要求
在刚开始使用Elementor时,有些朋友可能会出现一些奇怪的问题,比如说某些功能无法使用、布局错乱、速度慢等,无论怎样测试都无法修正,如果不是操作失误出现这种情况的话,很可能是因为你的网站环境不符合Elementor的最低要求 因为Elementor中有非常多的新特性,比如鼠标拖拽、实时编辑、右键菜单、响应式等,这些特性中很多都采用了最新的技术,所以说它对开发环境的是有一定要求的,如果达不到最低…- 1.7k
- 0
Elementor为网站开启维护模式
每个网站都会有维护的时候,但是如果直接关站的话难免会让人产生误解,最好是开启维护模式,Elementor编辑器就自带了这个功能,今天就分享下如何使用Elementor开启维护模式 制作Elementor维护模式模版 Elementor中的模版都是需要定制的,维护模式也一样,所以我们需要先制作一个模版 打开 Elementor – 我的模版 – 添加一个新模版 模版类型选择 …- 847
- 0
Elementor快捷键整理
除了右键菜单外,Elementor编辑器还默认设定了很多快捷键,让我们能够快速熟练地使用Elementor构建页面,本文就介绍一些Elementor常用的快捷键 动作快捷键 动作快捷键是指一些会影响到页面元素的操作 撤销 Ctrl + Z 重做 Ctrl + Shift + Z 复制 Ctrl + C 粘贴 Ctrl + V 粘贴样式 Ctrl + Shift + V 删除…- 1.2k
- 0
使用Elementor定制WordPress仪表盘界面
Elementor是一款非常强大的编辑器,它不仅能够定制页面、设计主题,甚至还可以帮助你定制WordPress后台页面,在本文中我们将教大家如何使用Elementor设计仪表盘界面 安装辅助插件 因为仪表盘定制这个功能并不是内置于Elementor中的,所以开始之前我们需要安装一款插件 Dashboard Welcome for Elementor,这款插件可以让我们为任何用户设置WordPres…- 677
- 0
Elementor设计单页网站教程
在网页设计中,除了常规的网站类型外,单页网站也是一种比较流行风格,尤其是在产品销售、个人简历等用途很广,那么在WordPress中该如何快速创建单页网站呢?在本教程中,我们将带大家使用Elementor制作一个单页网站 需要准备什么 因为需要用到固定导航栏功能,所以你需要有Elementor Pro,或者你也可以使用支持固定导航的WordPress主题,比如GeneratePress、Astra等…- 2.2k
- 0
Elementor创建弹窗教程(Elementor Popup Builder)
在最近的更新中,Elementor推出了一个非常强大的功能—网页弹窗,它让我们可以自己设计各种类型的弹窗,包括经典的弹窗、全屏弹窗、Hello Bar等多种类型,在本文中我们将为大家演示如何使用Elementor的弹窗功能 选择 Templates – Popups,添加一个新的弹窗,类型为 Popup 由于弹窗是不同于页面的特殊类型,所以我们需要先选择弹窗模版,你可以先通过左上角的分…- 2.7k
- 0
Elementor怎样在一行内添加2个按钮
在网页设计中,双按钮是一种很常见的设计,在一行中添加2个按钮,可以让用户方便的进行选择,虽然在Elementor中并没有提供双按钮元素或者对应的选项,但是我们可以通过一些方法来实现一行内加2个或者更多的按钮,在本文中我们就教大家如何实现 首先我们在列中放入2个按钮元素,默认情况下会自动分成两行 然后我们对按钮的属性进行设置,在按钮的高级设置中,有一个选项叫做 Custom Positioning,…- 1k
- 0
Elementor为图片与视频添加灯箱效果方法
有时候为了提高用户体验,我们希望在页面中加入灯箱效果,比如图片点击可以放大、视频点击可以弹出播放等,在本文中说下如何在Elementor中为图片和视频添加灯箱效果 Elementor为图片添加灯箱效果 在Elementor中,图片的灯箱效果添加是比较简单的 我们把图片的链接修改为媒体文件,然后你会看到出现灯箱选项,选择是 灯箱效果就实现了 Elementor视频添加灯箱效果 视频组件默认的控制栏中…- 1.2k
- 0
如何在WordPress自带编辑器中添加Elementor模块
在我们设计好Elementor模块后,除了可以把它添加到主题页面中外,还可以加入到文章中使内容更加丰富,下面教大家如何在WordPress文章中插入Elementor模块 使用古腾堡编辑器添加 为了能够和新版的WordPress古腾堡编辑器集成,Elementor开发了一款专用插件Elementor Blocks for Gutenberg,可以为古腾堡添加一个Elementor区块 安装好插件以…- 772
- 0
Elementor导入导出功能 把设计好的页面添加到任意网站
在建网站的过程中,有时候我们会遇到一些重复或者类似的设计,如果是同一个站点,我们可以使用Elementor的保存模板功能,在站点中使用其他页面的设计;但是如果是不同的站点,该如何使用之前的模板进行制作呢? 在本文中,我们为大家介绍Elementor导入导出功能使用方法,让你把页面添加到任意WordPress站点 导出Elementor模板 首先,我们需要找到要导出Elementor页面,选择用El…- 1.4k
- 0
Elementor为图片背景添加视差滚动效果
在网页特效中,视差滚动是非常常见的一种效果,可以让网页看起来很有设计感,在本文中我们介绍如何用Elementor实现视差滚动特效(Pro版) 首先我们添加一个段,并为其添加图片背景 然后我们开始设置背景图片,在图像设置的下方,有一个叫做Scrolling Effects的选项,这里就是滚动视差效果的设置 滚动视差 将开关打开,这里面主要有2个选项,Vertical Scroll 纵向滚动特效,Ho…- 886
- 0
如何用Elementor创建一个自定义404页面
很多WordPress主题都带有404页面,不过大部分都做的比较简单,只是一些文字加上搜索或返回首页的按钮。如果想要一个漂亮的404页面,只能自己定制,在本文中我们来说下如何用Elementor制作个性化的404页面 因为要用到Theme Builder功能,需要确保你已经升级到Elementor Pro 后台选择 Templates – Theme Builder,添加一个新的模板 …- 824
- 0
Elementor默认颜色和颜色选择器使用方法以及区别
如果你有认真研究过Elementor的使用,就会发现它有2个默认颜色配置工具,分别是默认颜色和颜色选择器,不过很多新手可能不知道他们该如何使用,又有什么区别,所以在本文中,我们来为大家详细分析这2个颜色工具的用法 在哪里找到这2个工具 打开Elementor编辑器后,点击编辑栏左上角的汉堡菜单 你会在设置中看到这2个配色工具 默认颜色 默认颜色包括4种不同的颜色,分别对应主要、次要、文本、摘要 默…- 811
- 0
Elementor 开启暗色模式方法
最近更新的Elementor 2.8版本,为我们带来了非常漂亮的暗色编辑界面,本文中来分享下如何开启Elementor的暗色模式 首先我们打开Elementor的编辑器,随便一个页面就可以 点击最左上角的菜单 选择 Preferences 将UI Theme 选项设置为 Dark 即可 之后所有的选项组件都会变为黑色界面了 另外,如果你经常使用系统自带的黑夜模式的话,也可以将UI Theme 选项…- 680
- 0
用Elementor为网站添加联系表单
联系表单是网站中经常会用到的功能之一,通常在建站时我们会使用专门的表单插件来完成,但如果你已经安装了Elementor Pro,其实它已经内置了一个非常强大的联系表单模块,我们可以直接拿Elementor来做,在本文中就来说下如何使用Elementor中的表单功能 首先,因为联系表单需要用到Form模块以及邮件功能,我们需要确保两点:一是你已经升级到了Elementor Pro版本,以使用Form…- 1.5k
- 0
Elementor 更换页面背景颜色或图片方法
在使用Elementor构建网页时,如果我们想要修改某个元素或段的背景,只需要切换到样式选项,为其设置背景即可,但是有时候为了整体协调,我们会需要修改整个网页的颜色或背景图片,该如何快速设置呢?在本文中我们就来分享下Elementor设置页面背景的方法 打开Elementor编辑器后,我们点击其左下角的设置按钮 然后选择样式 在样式面板中,你就可以像其他设置中一样调整背景了 比如你可以设置为颜色背…- 1.4k
- 0
Elementor为网站添加社交分享按钮
社交分享是WordPress网站中非常重要的部分,可以促进用户把网站分享给朋友,在本文中来分享下如何用Elementor为网站添加社交分享功能 创建分享按钮 因为社交按钮为Elementor Pro中的模块,确保你已升级到Elementor Pro 打开 Templates – 添加一个新的模板 类型选 Section,名称随意,不过最好设置一个容易识别的 然后找到 Share But…- 579
- 0
Elementor 添加幻灯片(轮播图)方法
在建设公司官网时,幻灯片是我们经常会用到的模块,可以用来展示公司形象或者产品图片,之前我们通常会用主题自带的轮播图功能或专门的幻灯片,但如果你的网站已经安装了Elementor Pro的话,可能就不需要使用这些工具了,因为Elementor就自带了一个非常好用的幻灯片功能,在本文中来分享下如何使用它 首先我们点击 + 按钮,添加一个单栏的结构 然后将Slides模块拖动到编辑器中 立即你就会看到,…- 3.3k
- 0
Elementor 添加入场动画方法
在制作网站或者宣传页面时,入场动画是经常会用到的一种效果,比如淡入、移入、旋转等,能够让网页显得有活力,吸引人们注意,本文中来分享下如何用Elementor制作带有进入动画效果的网页 当制作好页面以后,我们编辑想要加入动画效果的段(Section),在 高级设置 – Motion Effects 中有一个进入动画选项,这里就是添加动画的类型 Elementor中有非常多的动画类型,比如…- 1k
- 0
Elementor设计WordPress网站首页教程
当我们使用WordPress制作时,很多人都希望能自己设计网站的首页,比如一些企业、商城类型的网站,一般都需要自己定制首页,在本文我们来教大家如何用Elementor设计网站首页 在教程开始前,请确保你已安装好Elmentor插件,如果你还不了解Elmentor的话,可以查看我们的这篇介绍 新建Elementor页面 首先,我们新建一个页面,并点击 使用Elementor编辑 按钮,…- 1k
- 0