Elementor 网站生成器 – 不仅仅是页面生成器

描述

#1 无代码拖放 WORDPRESS 网站构建器为全球超过 1600 万个网站提供支持，现在配备了 AI。

Elementor 是领先的 WordPress 网站创建平台，使您能够无缝构建专业、像素完美的网站。

使用原生 AI 集成 Elementor AI 彻底改变您构建网站的方式。立即创建完整的部分、原始文本、代码和图像，或引用另一个网站以在您的网站中重新创建其布局。

使用 Elementor Pro 解锁所有功能。

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

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

🗝️主要特点：

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

😍 Elementor 免费小部件

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

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

🚀 增强您的网站

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

主要功能包括：

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

希望提高网站性能？认识一下图像优化器插件 by Elementor：一个易于使用的 WordPress 插件，可以轻松减小图像大小而不牺牲质量。它与 JPEG、PNG、WebP 和 GIF 等流行格式兼容，确保打造视觉上令人惊叹的高速网站 – 立即下载!

🔥 Elementor Pro 功能

使用 Elementor 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 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 和 隐私政策。

🌍 加入全球社区

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

• Facebook 社区 – 超过 15 万会员，提供支持、建议、反馈和教程。
• GitHub 社区 – 获取有关版本、请求功能或报告错误的信息。
• Elementor 插件、主题和套件 主题和套件 –专为 Elementor 创建。
• 从我们的 YouTube 频道学习宝贵的见解和技术。
• 访问我们的学院和帮助中心 – 查找指南、教程和资源来回答您的问题并提高创造力。
• 通过在 WordPress 上给我们评分来表达您的支持。您的反馈是我们成长的动力！ 🤗
• 如果您有疑问或需要支持，请访问插件论坛。 Elementor Pro 用户可以获得 24/7 高级支持，或访问 Elementor Website Builder.