1. David Wu首页
  2. WordPress
  3. WordPress安装教程

Elementor创建弹窗教程(Elementor Popup Builder)

[db:摘要]

在最近的更新中,Elementor推出了一个非常强大的功能—网页弹窗,它让我们可以自己设计各种类型的弹窗,包括经典的弹窗、全屏弹窗、Hello Bar等多种类型,在本文中我们将为大家演示如何使用Elementor的弹窗功能

选择 Templates – Popups,添加一个新的弹窗,类型为 Popup

Elementor创建弹窗教程(Elementor Popup Builder)Elementor创建弹窗教程(Elementor Popup Builder)
Elementor创建弹窗教程(Elementor Popup Builder)Elementor创建弹窗教程(Elementor Popup Builder)

由于弹窗是不同于页面的特殊类型,所以我们需要先选择弹窗模版,你可以先通过左上角的分类选择自己需要的弹窗类型,然后再选择相应的模版,插入到页面就可以了

Elementor创建弹窗教程(Elementor Popup Builder)Elementor创建弹窗教程(Elementor Popup Builder)

在弹窗编辑界面,你可以使用Elementor的编辑器对弹窗进行设计,比如修改文字、更换背景、表单设计等,与Elementor设计页面的操作是完全一样的

当调整完元素以后,有些朋友可能已经迫不及待要发布到网站中了,不要着急,因为还有许多选项没有设置

点击一下Elementor左下角的齿轮,你会看到如下图所示界面

Elementor创建弹窗教程(Elementor Popup Builder)Elementor创建弹窗教程(Elementor Popup Builder)

在该界面中,是对弹窗的显示设置,在这里你可以设置弹窗的位置,比如顶部、中央、底部等,或者调整弹窗的动画,设置遮罩层样式等;在高级设置中,还有一些常用的控制,比如自动关闭、禁用滚屏、快捷键屏蔽等

当所有没问题后,点击确认发布,会看到如下图的弹窗

Elementor创建弹窗教程(Elementor Popup Builder)Elementor创建弹窗教程(Elementor Popup Builder)

这里主要是弹窗的表现设置,在发布弹窗前,需要对这些进行设置

  • Conditions:必须,弹窗的显示范围,比如整站弹窗或者针对某一个页面的弹窗
  • Triggers:必须,页面弹窗触发形式,可以设置立即弹出、滑动弹出、网页关闭时弹出等
  • Advanced Rules:弹窗的必须条件,比如特定的来路、特定设备、是否为登录用户等

总体来看,Elementor的弹窗功能是非常强大的,不管是其可视化的编辑功能还是触发条件等设置,都达到了非常高级的水平,甚至比专业的插件还要好用。当然有些朋友可能并没有升级到专业版,不能使用Elementor自带的弹窗功能,这个时候我们推荐大家使用一些Elementor扩展来为你的WordPress添加弹窗功能

Elementor创建弹窗教程(Elementor Popup Builder)Elementor创建弹窗教程(Elementor Popup Builder)

原创文章,作者:DavidWu,如若转载,请注明出处:https://www.davidwu.net/archives/106563

服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

邮箱地址不会被公开。 必填项已用*标注