Elementor网站构建器,不仅仅是页面构建器

elementor

全球排名第一的无代码拖放式 WordPress 网站构建器,为超过 2200 万个网站提供支持,现已集成 AI 功能。

入库
下载 v4.2.1

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 网站上无缝运行。

常见问题

Elementor 编辑器与所有主题都兼容吗?

Elementor 编辑器适用于所有遵循 WordPress 官方代码规范(Codex)的主题。为了获得最佳体验,建议使用 Elementor 官方推出的 Hello 主题。这是一款轻量级的空白画布主题,能让你在使用 Elementor 编辑器时享受完全的灵活性并优化你的使用体验。

Elementor 编辑器会降低我的网站速度吗?

不会。Elementor 将速度与性能置于优先地位,你在编辑器的每个新版本中都能享受到更优、更快的性能。当你在旧版本上测试相同的页面布局时,可以观察到显著的性能提升——例如在 Google PageSpeed Insights 的评分中,版本 3.1 为 82 分,而版本 3.5 已提升至 95 分。

Elementor 编辑器是否兼容文章和自定义文章类型?

当然是!你可以在“设置”页面中配置需要启用 Elementor 的文章类型。

Elementor 编辑器的免费版和专业版(Pro)有什么区别?

Elementor 编辑器的免费版允许你体验我们革命性的拖放式实时编辑器、基础小部件与模板。
Elementor 编辑器专业版(提供 Essential、Advanced、Expert、Studio 及 Agency 套餐)则为你提供更专业的工具,以加速你的工作流程、提供人工支持服务、帮助你构建更高级的内容,并实现更好的访客转化。

它可以与其他 WordPress 插件一起使用吗?

可以,它几乎能与所有的 WordPress 插件协同工作。如果你遇到兼容性问题,请同时向 Elementor 团队以及发生冲突的插件开发者报告此问题。