Elementor 网站生成器 – 不仅仅是页面生成器
无代码拖放 WORDPRESS 网站构建器为全球超过 1700 万个网站提供支持,现在配备了 AI。
Elementor 是领先的 WordPress 网站创建平台,使您能够无缝构建专业、像素完美的网站。
使用 Elementor Pro 解锁所有功能。
创建专业的令人惊叹的网站
- 直观的拖放生成器:使用我们的无代码、拖放功能构建任何网站拖放编辑器。通过完全控制布局和风格来实现设计精度。
- 像素完美设计工具:上传 SVG、应用蒙版、渐变、框阴影、标题效果、形状分隔线,并使用内置 CSS 控件进行高级自定义。
- 模板库:应用完整的网站用于即时设置的套件,或从庞大的单页、块和弹出模板库中进行选择。
- 高级小部件:访问 40 多个免费小部件,包括标题、图像、文本编辑器、视频、按钮、图库、轮播等。
- AI 功能:彻底改变您的设计和内容创建流程与原生人工智能集成。立即创建部分、文本、代码和图像。
主要特点:
- 设计系统:使用 Elementor 的设计系统实现一致的颜色、排版和设计元素,确保具有凝聚力、专业的外观。
- 响应式设计:使用自定义断点针对每台设备优化您的设计,确保无缝的桌面、平板电脑和移动体验。
- 蒙版形状:将任何元素(例如图像或视频)变成您想要创建出色设计的任何形状。
- CSS 变换:使用 CSS 变换来旋转、缩放和倾斜元素,为您的网站添加动态样式。
- 进入动画:向元素添加进入动画,以创建引人入胜的交互式用户体验。
- 修订历史记录:Elementor 的修订历史记录功能使用户能够跟踪并恢复到其设计的先前版本,在创作过程中提供安心和灵活性。
- 开发人员友好:配备丰富的文档、API、开发人员工具和自定义代码区域,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 等资源,以最大程度地减少渲染阻塞。
- 元素缓存:缓存经常访问的设计元素,以减少服务器响应时间并提高整体性能。
Elementor Pro 功能
使用 Elementor Pro 创建无与伦比的网站,同时节省时间、金钱和资源的完整网站构建器。访问 100 多个专业小部件、功能和工具。
专业设计小部件:
- 帖子:使用可自定义的布局和样式显示您的博客帖子。
- 分享按钮:允许访问者在各种社交媒体平台上轻松分享您的内容。
- 作品集:用令人惊叹的作品集布局展示您的作品或项目。
- 幻灯片:使用自定义动画和过渡创建动态幻灯片。
- 表单:设计和自定义高级表单以供用户交互和数据收集。
- 登录:向您的网站添加登录表单或用户注册模块。
- 导航菜单:自定义网站的导航菜单并设计其样式,以获得更好的用户体验。
- 动画标题:使用动画效果创建引人注目的标题。
- 价格表:以结构化且具有视觉吸引力的格式显示定价计划或套餐。
- 价目表:展示具有可自定义样式选项的价格或服务列表。
- 图库:使用各种布局选项和灯箱支持创建精美的图像库。
- 翻转框:添加交互式翻转动画以突出显示内容或功能。
- 号召性用语:通过引人注目的号召性用语部分鼓励用户互动和转化。
- 媒体轮播:展示图像或视频等媒体文件的轮播。
- 推荐轮播:以轮播格式显示客户推荐,以进行社交证明。
- 嵌套轮播:创建嵌套轮播以实现更复杂的内容组织。
- 循环轮播:在循环轮播中显示内容以供连续查看。
- 目录:为较长的文章或指南生成目录以改进导航。
- 倒计时:添加倒计时器以营造促销或活动的紧迫感。
- Facebook 页面:将您的 Facebook 页面提要或内容嵌入到您的网站上。
- 块引用:使用时尚的格式选项突出显示引用或感言。
- 模板:保存并重复使用设计模板,以实现一致的品牌和布局。
- 评论:展示客户评论和评级以建立信任和信誉。
- Facebook 嵌入:将 Facebook 帖子或内容嵌入到您的网站上。
- Facebook 嵌入:将 Facebook 帖子或内容嵌入到您的网站上。
- Facebook 评论:在您的网站页面或帖子上启用 Facebook 评论。
- PayPal 按钮:集成PayPal按钮以方便在线支付。
- Stripe Button:集成Stripe支付按钮以促进安全的在线交易。
- Lottie 小部件:添加 Lottie 动画以增强视觉吸引力和参与度。
- 代码突出显示:显示带有语法突出显示的代码片段,以提高可读性。
- 视频播放列表:为您网站上的视频内容创建和自定义播放列表。
- 超级菜单:自定义高级菜单,以便更好地导航和显示复杂的内容。
- 画布外:创建画布外区域,滑入以显示额外信息或菜单,而不会扰乱主布局。
专业主题小部件:
构建和自定义网站的所有关键部分,包括页眉、页脚、404 页面、全局存档等
- 帖子标题:自定义各个博客帖子或页面的标题。
- 帖子摘录:显示博客帖子的简短摘要或预告片。
- 帖子内容:自定义博客帖子或页面的主要内容区域。
- 特色图片:为博客文章或页面设置和自定义特色图片。
- 作者框:在博客文章上显示作者信息和简介。
- 发表评论:自定义网站上评论部分的外观和功能。
- 帖子导航:向相邻帖子添加导航链接以方便浏览。
- 帖子信息:显示有关博客帖子的附加信息,例如作者和日期。
- 网站徽标:上传并自定义您网站的徽标以用于品牌推广。
- 网站标题:自定义网站的标题。
- 页面标题:自定义各个页面的标题。
- 搜索栏:添加搜索栏以允许用户搜索您网站的内容。
- 面包屑:显示分层导航路径,以便更好地用户导航。
- 站点地图:生成站点地图以实现更好的搜索引擎索引和用户导航。
- 循环网格:为博客文章档案或产品列表设计和自定义网格布局。
专业 WooCommerce 小部件:
在整个网站上设计和定制完整的在线购物体验。
- 产品:显示具有可自定义布局和样式的单个产品。
- 面包屑:显示分层导航路径,以便用户在商店内更好地导航。
- 产品标题:自定义单个产品的标题。
- 产品图片:设置和自定义产品列表的图像。
- 产品价格:显示单个产品的价格。
- 添加到购物车:添加可自定义的“添加到购物车”按钮以方便购买。
- 产品评分:显示产品的评分和评论。
- 产品库存:显示产品的库存情况。
- 产品元数据:显示有关产品的附加信息,例如 SKU 和类别。
- 产品内容:自定义产品描述的主要内容区域。
- 简短描述:显示产品的简短摘要或预告片。
- 产品数据选项卡:将产品信息组织到选项卡式部分中,以便更好地组织。
- 其他信息:显示有关产品的其他详细信息,例如尺寸和重量。
- 产品相关:展示相关产品以鼓励额外购买。
- 追加销售:推广追加销售产品以提高平均订单价值。
- 产品:显示具有可自定义设置的产品网格或列表。
- 自定义添加到购物车:自定义特定产品的“添加到购物车”按钮。
- WooCommerce 页面:设计和自定义 WooCommerce 特定页面,例如购物车和结账页面。
- 产品类别:显示产品类别,以便在商店内轻松导航。
- 菜单购物车:在导航菜单中显示购物车图标,以便轻松访问购物车。
- 购物车:自定义购物车页面的外观和功能。
- 结帐:自定义结帐页面的外观和功能。
- 我的帐户:自定义客户帐户区域的外观和功能。
- 购买摘要:在结账过程中显示购买摘要。
- WooCommerce 通知:自定义 WooCommerce 通知的外观和功能,例如订单确认消息。
使用 Elementor Pro 构建专业网站!