Elementor 是领先的 WordPress 网站创建平台,通过其无代码、拖放式的 Atomic 编辑器,帮助你无缝构建专业级、像素级精确的网站。
Elementor 支持完整的网站生命周期,让你能够自信地构建、优化和管理网站,同时提供扩展功能,如 AI 驱动的内容创建、图片优化、交易邮件投递、无障碍工具、性能增强等。
现已推出第 4 版 – Atomic 编辑器! 全新一代以性能为先的原子级构建模块,让你可以无限制地控制每一个原子级部件,不再受锁定布局的束缚。只需定义一次全局设计系统和可复用组件,即可即时应用到所有位置——将数小时甚至数天的工作缩减为一次点击。
🌟 创建专业级精美网站
- 直观的拖放式构建器: 使用我们的无代码拖放编辑器构建任何网站。完全掌控布局和样式,实现设计精度。
- 像素级精确的设计工具: 上传 SVG、应用遮罩、渐变、盒阴影、标题效果、形状分隔线,并使用内置 CSS 控件进行高级自定义。
- 模板库: 应用完整的网站套件实现即时搭建,或从庞大的单页、区块和弹窗模板库中进行选择。
- 高级小部件: 访问超过 40 个免费小部件,包括标题、图片、文本编辑器、视频、按钮、图库、轮播等。
- AI 功能: 通过原生 AI 集成革新你的设计和内容创作流程。即时创建区块、文本、代码和图片。
🗝️ 核心功能
- 设计系统: 使用变量和类实现一致的颜色、排版和设计元素,确保全局统一更新的专业外观。
- 响应式设计: 通过自定义断点为每种设备优化设计,确保桌面端、平板端和移动端的无缝体验。
- 遮罩形状: 将任何元素(如图片或视频)转换为你想要的任何形状,打造出众设计。
- CSS 变换: 使用 CSS Transform 旋转、缩放和倾斜元素,为网站添加动态样式。
- 入场动画: 为元素添加入场动画,打造引人入胜的交互式用户体验。
- 修订历史: Elementor 的修订历史功能使用户能够跟踪并恢复到设计的先前版本,在创作过程中提供安心感和灵活性。
- 开发者友好: 配备详尽的文档、API、开发者工具和自定义代码区域,Elementor 为开发者提供了扩展功能和创建自定义解决方案的良好环境。
- 浮动按钮: 通过可自定义的浮动操作按钮增强用户交互,按钮在用户滚动时始终保持可见。
- 组件 [专业版]: 在页面和网站之间复用相同的构建模块,并在所有出现位置统一更新。包括受控内容编辑,允许协作者和客户仅更新已公开的内容属性,而不会破坏布局或样式。
- 主题生成器 [专业版]: 设计网站的每个部分(页眉、页脚、文章和归档),完全控制外观。
- 弹窗构建器 [专业版]: 使用 Elementor 的弹窗构建器创建引人注目的弹窗,配备高级定位与触发选项,优化用户互动并提升转化率。
- 表单 [专业版]: 设计和集成自定义表单,利用高级功能和集成有效捕获和管理提交。
- WooCommerce 构建器 [专业版]: 将 Elementor 与 WooCommerce 集成,设计自定义产品页面、商店布局、归档、购物车、结账页面、我的账户等,增强商店的视觉吸引力和功能性。
- 动态内容 [专业版]: 通过将设计连接到各种数据源,利用动态内容功能创建个性化和交互式 Web 体验。
- 协作笔记 [专业版]: 使用 Elementor 的笔记功能,在设计界面上直接留下反馈与评论,提升团队协作效率。
- 自定义代码 [专业版]: 插入自定义代码以扩展网站功能,为高级自定义提供灵活性。
- 自定义 CSS [专业版]: 应用自定义 CSS 微调元素样式,确保对设计的精确控制。
- 动效 [专业版]: 为元素添加高级动效,打造更具动态感和吸引力的用户体验。
- 自定义字体和图标 [专业版]: 上传并使用自定义字体和图标,匹配你的品牌标识。
😍 Elementor 免费小部件
通过我们全面的免费小部件和工具套件释放 Elementor 的潜力,这些小部件和工具旨在增强你的网站创建过程并提升设计能力:
- 标题: 添加醒目的标题。
- 图片: 控制大小、透明度等。
- 文本编辑器: 就像 WordPress 文本编辑器一样。
- 视频: 添加 YouTube、Vimeo、VideoPress、Dailymotion 或自托管视频。
- 按钮: 创建交互式按钮。
- 个人链接: 构建个人链接组件来推广你的业务/服务。
- 图片框: 包含图片、标题和文本的框。
- 客户评价: 展示客户推荐。
- 图标: 放置 600 多个可用图标中的一个或多个。
- 图标框: 一个小部件中包含图标、标题和文本。
- 社交图标: 使用 Facebook/X(原 Twitter)图标链接到你的社交页面。
- 图片画廊: 以网格形式展示图片。
- 图片轮播: 为选定图片创建旋转轮播或滑块。
- 图标列表: 使用任何图标创建项目符号列表。
- 计数器: 以递增方式显示数字。
- 进度条: 包含递增进度条。
- 嵌套标签页: 以垂直或水平标签页显示内容。
- 嵌套手风琴: 以可折叠区块显示任何类型的内容。
- 评分: 显示其他访客给出的星级(或其他图标)评分。
- 警告: 包含彩色警告框以吸引访客注意。
- HTML: 在页面中插入代码。
- 短代码: 在页面中插入任何插件的短代码。
- 菜单锚点: 将任何菜单链接到此锚点。
- 阅读更多: 在归档页面中设置摘要的”阅读更多”截断点。
- 侧边栏: 在页面上添加侧边栏。
- Google 地图: 在页面中嵌入地图。
- SoundCloud: 添加 SoundCloud 音频片段。
- 分隔线: 使用设计好的分隔线分隔内容。
- 间距: 在元素之间添加空间。
- 文本路径: 将文本附加到路径上。
- 更多功能持续增加中……
🚀 增强你的网站
高性能网站: 网站性能直接影响访客体验和搜索结果排名。Elementor 与 Google Chrome 合作,在不牺牲设计的前提下持续提升性能。
主要功能包括:
- 减少 DOM 输出: 精简 HTML 结构以加快渲染速度。
- 改进媒体文件加载: 优化图片、视频和其他媒体资源的加载。
- 减少 CSS 和 JS 文件: 最小化样式表和脚本,按需单独加载以缩短加载时间。
- 懒加载: 延迟加载非关键资源以提高初始页面加载速度。
- 更快的字体加载: 高效交付 Web 字体以增强文本渲染速度。
- 优化的前端资源加载: 高效加载 JavaScript 和 CSS 等资源,最大限度减少渲染阻塞。
- 元素缓存: 缓存频繁访问的设计元素,减少服务器响应时间并提升整体性能。
🔥 Elementor 编辑器专业版功能
使用 Elementor 编辑器专业版的全站构建器,在节省时间、资金与资源的同时,打造无与伦比的网站。获取 100 多个专业部件、功能与工具的访问权限。
编辑器专业版设计小部件:
- 文章: 使用可自定义的布局和样式显示博客文章。
- 分享按钮: 允许访客在各种社交媒体平台上轻松分享内容。
- 作品集: 用令人惊叹的作品集布局展示你的作品或项目。
- 幻灯片: 使用自定义动画和过渡创建动态幻灯片。
- 表单: 设计和自定义高级表单以供用户交互和数据收集。
- 登录: 向网站添加登录表单或用户注册模块。
- 导航菜单: 自定义和设置网站导航菜单的样式,提升用户体验。
- 动画标题: 使用动画效果创建引人注目的标题。
- 价格表: 以结构化且具有视觉吸引力的格式显示定价计划或套餐。
- 价目表: 展示具有可自定义样式选项的价格或服务列表。
- 图库: 使用各种布局选项和灯箱支持创建精美的图像库。
- 翻转框: 添加交互式翻转动画以突出显示内容或功能。
- 号召性用语: 通过引人注目的号召性用语区块鼓励用户互动和转化。
- 媒体轮播: 展示图像或视频等媒体文件的轮播。
- 推荐轮播: 以轮播格式显示客户推荐,用于社交证明。
- 嵌套轮播: 创建嵌套轮播以实现更复杂的内容组织。
- 循环轮播: 在循环轮播中显示内容以供连续查看。
- 目录: 为较长的文章或指南生成目录以改善导航。
- 倒计时: 添加倒计时器以营造促销或活动的紧迫感。
- Facebook 页面: 将你的 Facebook 页面动态或内容嵌入到网站。
- 块引用: 使用时尚的格式选项突出显示引用或感言。
- 模板: 保存并重复使用设计模板,实现一致的品牌和布局。
- 评论: 展示客户评论和评级以建立信任和信誉。
- Facebook 嵌入: 将 Facebook 帖子或内容嵌入到网站。
- Facebook 评论: 在网站的页面或文章上启用 Facebook 评论。
- PayPal 按钮: 集成 PayPal 按钮以方便在线支付。
- Stripe 按钮: 集成 Stripe 支付按钮以促进安全的在线交易。
- Lottie 小部件: 添加 Lottie 动画以增强视觉吸引力和参与度。
- 代码高亮: 显示带有语法高亮的代码片段,提高可读性。
- 视频播放列表: 为网站上的视频内容创建和自定义播放列表。
- 超级菜单: 自定义高级菜单,以便更好地导航和显示复杂内容。
- 画布外: 创建画布外区域,滑入以显示额外信息或菜单,而不会扰乱主布局。
编辑器专业版主题小部件:
构建和自定义网站的所有关键部分,包括页眉、页脚、404 页面、全局归档等……
- 文章标题: 自定义各个博客文章或页面的标题。
- 文章摘录: 显示博客文章的简短摘要或预告。
- 文章内容: 自定义博客文章或页面的主要内容区域。
- 特色图片: 为博客文章或页面设置和自定义特色图片。
- 作者框: 在博客文章上显示作者信息和简介。
- 发表评论: 自定义网站上评论部分的外观和功能。
- 文章导航: 向相邻文章添加导航链接以方便浏览。
- 文章信息: 显示有关博客文章的附加信息,例如作者和日期。
- 网站 Logo: 上传和自定义网站 Logo 以用于品牌宣传。
- 网站标题: 自定义网站的标题。
- 页面标题: 自定义各个页面的标题。
- 搜索栏: 添加搜索栏以允许用户搜索网站内容。
- 面包屑: 显示分层导航路径,改善用户导航体验。
- 站点地图: 生成站点地图以实现更好的搜索引擎索引和用户导航。
- 循环网格: 为博客文章归档或产品列表设计和自定义网格布局。
编辑器专业版 WooCommerce 小部件:
在整个网站上设计和定制完整的在线购物体验。
- 产品: 显示具有可自定义布局和样式的单个产品。
- 面包屑: 显示分层导航路径,方便用户在商店内导航。
- 产品标题: 自定义单个产品的标题。
- 产品图片: 设置和自定义产品列表的图像。
- 产品价格: 显示单个产品的价格。
- 添加到购物车: 添加可自定义的”添加到购物车”按钮以方便购买。
- 产品评分: 显示产品的评分和评论。
- 产品库存: 显示产品的库存情况。
- 产品元数据: 显示有关产品的附加信息,例如 SKU 和类别。
- 产品内容: 自定义产品描述的主要内容区域。
- 简短描述: 显示产品的简短摘要或预告。
- 产品数据选项卡: 将产品信息组织到选项卡式区块中,便于组织。
- 其他信息: 显示有关产品的其他详细信息,例如尺寸和重量。
- 相关产品: 展示相关产品以鼓励额外购买。
- 追加销售: 推广追加销售产品以提高平均订单价值。
- 产品列表: 显示具有可自定义设置的产品网格或列表。
- 自定义添加到购物车: 自定义特定产品的”添加到购物车”按钮。
- WooCommerce 页面: 设计和自定义 WooCommerce 特定页面,例如购物车和结账页面。
- 产品类别: 显示产品类别,方便在商店内导航。
- 菜单购物车: 在导航菜单中显示购物车图标,方便访问购物车。
- 购物车: 自定义购物车页面的外观和功能。
- 结账: 自定义结账页面的外观和功能。
- 我的账户: 自定义客户账户区域的外观和功能。
- 购买摘要: 在结账过程中显示购买摘要。
- WooCommerce 通知: 自定义 WooCommerce 通知的外观和功能,例如订单确认消息。
🔒 安全与合规
Elementor 将安全置于首要位置,这体现在我们获得了多项行业认证,包括 ISO/IEC 27001、ISO/IEC 27017、ISO/IEC 27018、ISO/IEC 27701 和 SOC 2 Type II。这些认证彰显了我们实施强大安全措施的承诺,以及遵守公认行业标准的决心。
我们通过漏洞赏金计划鼓励道德安全研究。我们与领先的漏洞赏金服务合作,为研究人员提供报告我们服务中漏洞的机会。我们的赏金计划包括 24/7/365 的分流团队。
♿ 无障碍最佳实践
Elementor 提供辅助功能工具和增强功能,帮助你为所有用户提供更好的体验。包括 HTML5 语义、全键盘导航菜单、持续改进的功能、小部件等等。
🌐 翻译成超过 63 种语言,包括 RTL 支持
Elementor 支持多种语言、排版和 RTL,具有超过 63 种语言的编辑器翻译。
它还兼容 WPML、Polylang、TranslatePress、Weglot 等。
🧩 第三方服务的使用
为了改善用户体验,如果启用了所需的功能,Elementor 可能会使用以下第三方服务:
- Google Fonts 会被加载以向你的网站添加额外字体。适用 Google 的服务条款和隐私政策。
- 某些 Elementor 功能需要从 Elementor.com 加载资源。除非明确说明,否则这些资源不用于跟踪,并且需要你的批准和手动选择加入。在我们的服务条款和隐私政策中了解更多。
📧 Elementor 相关产品
- 图片优化: 卓越的图片压缩,实现更快、高质量的网站性能。
- 邮件投递: 无需 SMTP 插件的可靠邮件管理,保持通信 streamlined 和高效。
- Web 无障碍: 增强网站对残障人士的可用性。Ally 旨在帮助 Web 创作者使网站更具包容性。它能扫描、检测并修复关键的无障碍违规问题,在所有 WordPress 和 Elementor 网站上无缝运行。









