Elementor 网站构建器 – 不止于页面构建，更是全能建站利器。

描述

全球领先的无代码拖放式 WordPress 网站构建器，驱动着全球超过 2000 万个网站，现已融入 AI 之力。

Elementor——领先的 WordPress 网站创建平台，借助其无需编码的拖放式编辑器，让你轻松构建专业且像素级精确的网站。

Elementor 支持完整的网站生命周期，让你能够自信地构建、优化和管理网站，同时提供扩展功能，如 AI 驱动的内容创建、图片优化、交易邮件投递、无障碍工具、性能增强等。

Elementor One，解锁全部功能。

为你的 Elementor 网站寻求快速安全的云托管？
快来试用由 Google Cloud 与 Cloudflare 提供技术支持的 Elementor 托管服务。TrustPilot 评分高达 4.9/5。

🌟 创建专业的令人惊叹的网站

• 直观的拖放生成器：使用我们的无代码、拖放功能构建任何网站拖放编辑器。通过完全控制布局和风格来实现设计精度。
• 像素完美设计工具：上传 SVG、应用蒙版、渐变、框阴影、标题效果、形状分隔线，并使用内置 CSS 控件进行高级自定义。
• 模板库：应用完整的网站用于即时设置的套件，或从庞大的单页、块和弹出模板库中进行选择。
• 高级小部件：访问 40 多个免费小部件，包括标题、图像、文本编辑器、视频、按钮、图库、轮播等。
• AI 功能：彻底改变您的设计和内容创建流程与原生人工智能集成。立即创建部分、文本、代码和图像。

🗝️主要特点：

• 设计系统：使用 Elementor 的设计系统来统一管理颜色、排版与设计元素，确保网站具有一致且专业的视觉效果。
• 响应式设计：使用自定义断点针对每台设备优化您的设计，确保无缝的桌面、平板电脑和移动体验。
• 蒙版形状：将任何元素（例如图像或视频）变成您想要创建出色设计的任何形状。
• CSS 变换：使用 CSS 变换来旋转、缩放和倾斜元素，为您的网站添加动态样式。
• 进入动画：向元素添加进入动画，以创建引人入胜的交互式用户体验。
• 修订历史：Elementor 的修订历史功能让用户可以追踪并恢复到设计的先前版本，在创作过程中提供安心保障与灵活调整的空间。
• 开发人员友好：配备丰富的文档、API、开发人员工具和自定义代码区域，Elementor 为开发人员扩展其功能并创建自定义解决方案提供了有利的环境。
• 悬浮按钮：通过可自定义的悬浮操作按钮增强用户互动，用户滚动页面时按钮始终可见。
• 主题生成器 [专业版]：设计网站的每个部分（页眉、页脚、帖子和档案），以完全控制外观。
• 弹窗构建器 [专业版]：使用 Elementor 的弹窗构建器创建引人注目的弹窗，它配备了高级的定位与触发选项，助您优化用户互动并提升转化率。
• 表单 [ Pro]：设计和集成自定义表单，利用高级功能和集成来有效捕获和管理提交。
• WooCommerce 构建器 [专业版]：将 Elementor 与 WooCommerce 集成，设计自定义的产品页面、店铺布局、产品归档页、购物车、结账页、我的账户页等，全方位提升您网店的视觉吸引力与功能体验。
• 动态内容 [专业版]：通过将您的设计连接到各种数据源，利用动态内容功能来创建个性化和交互式 Web 体验。
• 协作笔记 [专业版]：使用 Elementor 的笔记功能，在设计界面上直接留下反馈与评论，从而提升团队协作效率。
• 自定义代码 [专业版]：插入自定义代码以扩展网站的功能，为高级自定义提供灵活性。
• 自定义 CSS [专业版]：应用自定义 CSS 来微调元素的样式，确保对设计方面的精确控制。
• 动态效果 [专业版]：向元素添加高级运动效果，以获得更加动态和引人入胜的用户体验。
• 自定义字体和图标 [专业版]：上传并使用自定义字体和图标来匹配您的品牌标识。

😍 Elementor 免费小部件

通过我们全面的免费小部件和工具套件释放 Elementor 的潜力，这些小部件和工具旨在增强您的网站创建过程并提升您的设计能力：

• 标题. 加入显眼的标题
• 图像。控制大小、不透明度等。
• 文本编辑器。与 WordPress 的文本编辑器完全相同。
• 视频。支持添加 YouTube、Vimeo、VideoPress、Dailymotion 或自托管视频。
• 按钮。创建交互式按钮。
• Bio 链接。在 Bio 组件中建立链接以推广您的业务/服务。
• 图像框。一个带有图像、标题和文本的框。
• 推荐。客户评价。
• 图标。放置 600 多个可用图标中的一个或多个。
• 图标框。带有一个小部件的图标、标题和文本。
• 社交图标。使用 Facebook/X（以前称为 Twitter）图标链接到您的社交页面。
• 图片库。在网格中显示图像。
• 图像轮播。为所选图像创建旋转轮播或滑块。
• 图标列表。使用任何图标创建项目符号列表。
• 计数器。以逐步升级的方式显示数字。
• 进度条。包括一个升级的进度条。
• 嵌套选项卡。在垂直或水平选项卡中显示内容。
• 嵌套手风琴。在可折叠部分中显示任何类型的内容。
• 评级。显示其他访客给予了多少颗星星（或其他图标）。
• 警报框。包括一个彩色警报框以吸引访问者的注意。
• HTML. 在页面嵌入代码
• 短代码。将任何插件的短代码插入页面中。
• 菜单锚定. 链接任意菜单到此锚点.
• 了解更多。设置存档页面摘录的阅读更多截止时间。
• 侧边栏。将侧边栏添加到页面上。
• Google 地图. 在页面嵌入地图
• SoundCloud。添加 SoundCloud 音频位。
• 分隔符。使用设计的分隔线分隔内容。
• 间距。在元素之间添加间距。
• 文本路径。将文本附加到路径。
• 并且正在计数…

🚀 增强您的网站

高性能网站：网站性能影响您的访问者的体验和搜索结果排名。 Elementor 与 Google Chrome 合作，在不影响设计的情况下不断增强性能。

主要功能包括：

• 减少 DOM 输出：简化 HTML 结构以加快渲染速度。
• 改进媒体文件加载：优化图像、视频和其他媒体资源的加载。
• 减少的 CSS 与 JS 文件：样式表和脚本经过最小化处理，并仅按需加载，从而实现更快的加载速度。
• 延迟加载：延迟加载非关键资源以提高初始页面加载速度。
• 更快的字体加载：高效交付网络字体以提高文本渲染速度。
• 优化的前端资源加载：高效加载 JavaScript 和 CSS 等资源，以最大程度地减少渲染阻塞。
• 元素缓存：缓存经常访问的设计元素，以减少服务器响应时间并提高整体性能。

🔥 Elementor 编辑器 Pro 功能

使用 Elementor Editor Pro 的全站构建器，在节省时间、资金与资源的同时，打造无与伦比的网站。获取 100 多个专业部件、功能与工具的访问权限。

专业设计小部件：

1. 帖子：使用可自定义的布局和样式显示您的博客帖子。
2. 分享按钮：允许访问者在各种社交媒体平台上轻松分享您的内容。
3. 作品集：用令人惊叹的作品集布局展示您的作品或项目。
4. 幻灯片：使用自定义动画和过渡创建动态幻灯片。
5. 表单：设计和自定义高级表单以供用户交互和数据收集。
6. 登录：向您的网站添加登录表单或用户注册模块。
7. 导航菜单：自定义网站的导航菜单并设计其样式，以获得更好的用户体验。
8. 动画标题：使用动画效果创建引人注目的标题。
9. 价格表：以结构化且具有视觉吸引力的格式显示定价计划或套餐。
10. 价目表：展示具有可自定义样式选项的价格或服务列表。
11. 图库：使用各种布局选项和灯箱支持创建精美的图像库。
12. 翻转框：添加交互式翻转动画以突出显示内容或功能。
13. 号召性用语：通过引人注目的号召性用语部分鼓励用户互动和转化。
14. 媒体轮播：展示图像或视频等媒体文件的轮播。
15. 推荐轮播：以轮播格式显示客户推荐，以进行社交证明。
16. 嵌套轮播：创建嵌套轮播以实现更复杂的内容组织。
17. 循环轮播：在循环轮播中显示内容以供连续查看。
18. 目录：为较长的文章或指南生成目录以改进导航。
19. 倒计时：添加倒计时器以营造促销或活动的紧迫​​感。
20. Facebook 页面：将您的 Facebook 页面提要或内容嵌入到您的网站上。
21. 块引用：使用时尚的格式选项突出显示引用或感言。
22. 模板：保存并重复使用设计模板，以实现一致的品牌和布局。
23. 评论：展示客户评论和评级以建立信任和信誉。
24. Facebook 嵌入：将 Facebook 帖子或内容嵌入到您的网站上。
25. Facebook 嵌入：将 Facebook 帖子或内容嵌入到您的网站上。
26. Facebook 评论：在您的网站页面或帖子上启用 Facebook 评论。
27. PayPal 按钮：集成PayPal按钮以方便在线支付。
28. Stripe Button：集成Stripe支付按钮以促进安全的在线交易。
29. Lottie 小部件：添加 Lottie 动画以增强视觉吸引力和参与度。
30. 代码突出显示：显示带有语法突出显示的代码片段，以提高可读性。
31. 视频播放列表：为您网站上的视频内容创建和自定义播放列表。
32. 超级菜单：自定义高级菜单，以便更好地导航和显示复杂的内容。
33. 画布外：创建画布外区域，滑入以显示额外信息或菜单，而不会扰乱主布局。

专业主题小部件：

构建并自定义您网站的所有关键部分，包括页眉、页脚、404页面、全局归档页面等等……

1. 帖子标题：自定义各个博客帖子或页面的标题。
2. 帖子摘录：显示博客帖子的简短摘要或预告片。
3. 帖子内容：自定义博客帖子或页面的主要内容区域。
4. 特色图片：为博客文章或页面设置和自定义特色图片。
5. 作者框：在博客文章上显示作者信息和简介。
6. 发表评论：自定义网站上评论部分的外观和功能。
7. 帖子导航：向相邻帖子添加导航链接以方便浏览。
8. 帖子信息：显示有关博客帖子的附加信息，例如作者和日期。
9. 网站徽标：上传并自定义您网站的徽标以用于品牌推广。
10. 网站标题：自定义网站的标题。
11. 页面标题：自定义各个页面的标题。
12. 搜索栏：添加搜索栏以允许用户搜索您网站的内容。
13. 面包屑：显示分层导航路径，以便更好地用户导航。
14. 站点地图：生成站点地图以实现更好的搜索引擎索引和用户导航。
15. 循环网格：为博客文章档案或产品列表设计和自定义网格布局。

专业 WooCommerce 小部件：

在整个网站上设计和定制完整的在线购物体验。

1. 产品：显示具有可自定义布局和样式的单个产品。
2. 面包屑：显示分层导航路径，以便用户在商店内更好地导航。
3. 产品标题：自定义单个产品的标题。
4. 产品图片：设置和自定义产品列表的图像。
5. 产品价格：显示单个产品的价格。
6. 添加到购物车：添加可自定义的“添加到购物车”按钮以方便购买。
7. 产品评分：显示产品的评分和评论。
8. 产品库存：显示产品的库存情况。
9. 产品元数据：显示有关产品的附加信息，例如 SKU 和类别。
10. 产品内容：自定义产品描述的主要内容区域。
11. 简短描述：显示产品的简短摘要或预告片。
12. 产品数据选项卡：将产品信息组织到选项卡式部分中，以便更好地组织。
13. 其他信息：显示有关产品的其他详细信息，例如尺寸和重量。
14. 产品相关：展示相关产品以鼓励额外购买。
15. 追加销售：推广追加销售产品以提高平均订单价值。
16. 产品：显示具有可自定义设置的产品网格或列表。
17. 自定义添加到购物车：自定义特定产品的“添加到购物车”按钮。
18. WooCommerce 页面：设计和自定义 WooCommerce 特定页面，例如购物车和结账页面。
19. 产品类别：显示产品类别，以便在商店内轻松导航。
20. 菜单购物车：在导航菜单中显示购物车图标，以便轻松访问购物车。
21. 购物车：自定义购物车页面的外观和功能。
22. 结帐：自定义结帐页面的外观和功能。
23. 我的帐户：自定义客户帐户区域的外观和功能。
24. 购买摘要：在结账过程中显示购买摘要。
25. WooCommerce 通知：自定义 WooCommerce 通知的外观和功能，例如订单确认消息。

使用 Elementor Editor Pro，构建专业网站！

🔒 安全与合规

Elementor 高度重视安全性，这一点从我们获得 ISO/IEC 27001、ISO/IEC 27017、ISO/IEC 27018、ISO/IEC 27701 和 SOC 2 Type II 等行业认证就可见一斑。这些认证强调了我们对实施强有力的安全措施的承诺，并强调了我们致力于遵守公认的行业标准。

我们通过我们的漏洞赏金计划鼓励道德安全研究。我们与领先的错误赏金服务合作，为研究人员提供报告我们服务中的漏洞的机会。我们的赏金计划包括 24/7/365 的分流团队。

有关更多信息：信任中心。

♿ 辅助功能最佳实践

Elementor 提供辅助功能工具和增强功能，帮助您为所有用户提供更好的体验。包括 HTML 5 语义、全键盘导航菜单、持续改进的功能、小部件等等。

🌐 翻译成超过 63 种语言，包括 RTL 支持

Elementor 支持多种语言、排版和 RTL，具有超过 63 种语言的编辑器翻译。

它与 WPML、Polylang、TranslatePress、Weglot 等插件兼容。如需参与翻译，请通过 translate.wordpress.org 添加新语言。查看我们的指南了解 如何翻译和本地化此插件。

⏩ 使用第三方服务

为了改善用户体验，如果启用了所需的功能，Elementor 可能会使用以下第三方服务：

• Google Fonts – 加载以向您的网站添加其他字体。 Google 的服务条款和隐私政策
• 某些 Elementor 功能需要从 Elementor.com 加载资源。除非明确提及，否则这些资产不会用于跟踪，需要您的批准和手动选择。请参阅我们的 TOS 和 隐私政策。

📧 Elementor 的相关产品

图像优化器：卓越的图像压缩速度更快、更高- 优质的网站性能。

Site Mailer：可靠的电子邮件管理，无需 SMTP 插件，保持您的沟通精简高效。

Ally：提升残障人士的网站可用性。Ally 专为帮助网站创作者打造更具包容性的网站而设计。它可扫描、检测并修复主要的无障碍违规问题，能在所有 WordPress 与 Elementor 网站上无缝运行。

📣 看看我们的用户怎么说

“Elementor 毫无疑问是最好的页面构建器” – ★★★★★ Graphicvision1

“一个令人难以置信的用户友好插件” – ★★★★★ Hyeyoga

“Easily，我最常用的 WP 插件” – ★★★★★ Xander文斯克

“我升级到专业版，非常喜欢这个插件！” – ★★★★★ Andybarn56

“优秀的产品和强大的技术支持” – ★★★★★ Martywilsonnj

更多推荐

🌍 加入全球社区

加入一个互相帮助实现目标的全球社区。

• Discord 社区 —— 与网站创作者聊天，在专用频道讨论特定话题。
• Facebook 社区 – 超过 15 万会员，提供支持、建议、反馈和教程。
• GitHub 社区 – 获取有关版本、请求功能或报告错误的信息。
• Elementor 扩展、主题与工具包 主题与工具包 …