Plugin Directory

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

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

描述

THE #1 NO CODE DRAG & DROP WORDPRESS WEBSITE BUILDER POWERING OVER 16M WEBSITES WORLDWIDE, NOW WITH AI.

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

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

使用 Elementor Pro 解锁所有功能。

🌟 Create Professional Stunning Websites

  • Intuitive Drag & Drop Builder: Build any website with our no-code, drag-and-drop Editor. Achieve design precision with full control over layout and style.
  • Pixel-Perfect Design Tools: Upload SVGs, apply masks, gradients, box shadows, headline effects, shape dividers, and use built-in CSS controls for advanced customization.
  • Template Library: Apply complete website kits for instant setups, or choose from a vast library of single pages, blocks, and pop-up templates. Create and export your own templates for reuse.
  • Advanced Widgets: Access over 40 FREE widgets, including heading, image, text editor, video, button, gallery, carousels, and more. Customize and style widgets to fit your design needs perfectly.
  • AI Capabilities: Revolutionize your design and content creation process with native AI integration. Instantly create sections, text, code, and images, or reference layouts from other websites.

🗝️ Key features:

  • Design System: Utilize Elementor’s Design System to ensure consistency in colors, typography, and other design elements across your entire website, promoting a cohesive and professional look.
  • Responsive Design: Optimize your design for any device with custom breakpoints and device-specific adjustments. Ensure a seamless experience for desktop, tablet, and mobile users.
  • Mask Shapes: Turning any element, like an image or video, into whatever shape you desire to create standout designs.
  • CSS Transform: Use CSS Transform to rotate, scale, and skew elements, adding dynamic styling to your site.
  • Entrance Animations: Add entrance animations to elements to create engaging and interactive user experiences.
  • Revision History: Elementor’s Revision History feature enables users to track and revert to previous versions of their designs, providing peace of mind and flexibility during the creative process.
  • Developer-Friendly: Equipped with extensive documentation, API, developer tools, and custom code areas at the widget and page level, Elementor offers a conducive environment for developers to extend its capabilities and create custom solutions.
  • Floating Buttons: Enhance user interaction with customizable, floating action buttons that stay in view as users scroll.
  • Theme Builder [Pro]: Elementor’s robust Theme Builder empowers you to design every part of your website, including headers, footers, single post layouts, and archive pages, providing complete control over the site’s appearance.
  • Popup Builder [Pro]: Create eye-catching popups with Elementor’s Popup Builder, equipped with advanced targeting and triggering options to optimize user engagement and conversions.
  • Forms [Pro]: Design and integrate custom forms, utilizing advanced features and integrations to capture and manage submissions effectively.
  • WooCommerce Builder [Pro]: Seamlessly integrate Elementor with WooCommerce to design custom product pages, shop layouts, product archives, menu carts, checkout pages, my account, and more, enhancing the visual appeal and functionality of online stores.
  • Dynamic Content [Pro]: Leverage dynamic content capabilities to create personalized and interactive web experiences by connecting your designs to various data sources.
  • Notes [Pro]: Enhance team collaboration by using Elementor’s Notes feature to leave feedback and comments directly on the design interface.
  • Custom Code [Pro]: Insert custom code to extend the functionality of your site, offering flexibility for advanced customizations.
  • Custom CSS [Pro]: Apply Custom CSS to fine-tune the styling of elements, ensuring precise control over the design aspects.
  • Motion Effects [Pro]: Add advanced motion effects to elements for a more dynamic and engaging user experience.
  • Custom Fonts & Icons [Pro]: Upload and use custom fonts and icons to match your brand’s identity.

😍 Elementor FREE widgets

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

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

🚀 Enhance Your Website

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

主���功能包括:

  • Reduced DOM Output: Streamlined HTML structure for faster rendering.
  • Improved Media File Loading: Optimized loading of images, videos, and other media assets.
  • Reduced CSS and JS Files: Minimized and concatenated stylesheets and scripts for quicker loading times.
  • Lazy Loading: Deferred loading of non-critical resources to improve initial page load speed.
  • Faster Font Loading: Efficient delivery of web fonts to enhance text rendering speed.
  • Optimized Front-End Asset Loading: Efficient loading of assets like JavaScript and CSS to minimize render-blocking.
  • Element Caching: Cache frequently accessed design elements to reduce server response time and enhance overall performance.

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

📈 Accelerate your web creation process

为了加快您的工作流程,Elementor 提供了增强协作和效率的工具,例如:

  • 发现 – 在不同页面和网站组件之间快速导航,或创建新的网站部分。
  • 添加到收藏夹 – 将常用的小部件固定到小部件面板的顶部。
  • 在编辑器之间复制和粘贴 – 将元素或布局从一个网站的编辑器复制到另一个网站的编辑器。

🔥 Elementor Pro Features

使用 Elementor Pro 创建无与伦比的网站,同时节省时间、金钱和资源的完整网站构建器。访问 100 多个专业小部件、功能和工具。

专业设计小部件:

  1. Posts: Display your blog posts with customizable layouts and styles.
  2. Share Buttons: Allow visitors to easily share your content on various social media platforms.
  3. Portfolio: Showcase your work or projects with stunning portfolio layouts.
  4. Slides: Create dynamic slideshows with custom animations and transitions.
  5. Form: Design and customize advanced forms for user interaction and data collection.
  6. Login: Add a login form or user registration module to your website.
  7. Nav Menu: Customize and style your website’s navigation menu for better user experience.
  8. Animated Headline: Create attention-grabbing headlines with animated effects.
  9. Price Table: Display pricing plans or packages in a structured and visually appealing format.
  10. Price List: Showcase a list of prices or services with customizable styling options.
  11. Gallery: Create beautiful image galleries with various layout options and lightbox support.
  12. Flip Box: Add interactive flip animations to highlight content or features.
  13. Call to Action: Encourage user interaction and conversions with compelling call-to-action sections.
  14. Media Carousel: Showcase a carousel of media files such as images or videos.
  15. Testimonial Carousel: Display client testimonials in a carousel format for social proof.
  16. Nested Carousel: Create nested carousels for more complex content organization.
  17. Loop Carousel: Display content in a looped carousel for continuous viewing.
  18. Table Of Content: Generate a table of contents for longer articles or guides to improve navigation.
  19. Countdown: Add countdown timers to create urgency for promotions or events.
  20. Facebook Page: Embed your Facebook page feed or content onto your website.
  21. Blockquote: Highlight quotes or testimonials with stylish formatting options.
  22. Template: Save and reuse design templates for consistent branding and layout.
  23. Reviews: Showcase customer reviews and ratings to build trust and credibility.
  24. Facebook Button: Add buttons to promote interactions with your Facebook page or content.
  25. Facebook Embed: Embed Facebook posts or content onto your website.
  26. Facebook Comments: Enable Facebook comments on your website’s pages or posts.
  27. PayPal Button: Integrate PayPal buttons for easy online payments.
  28. Stripe Button: Integrate Stripe payment buttons to facilitate secure online transactions.
  29. Lottie Widget: Add Lottie animations to enhance visual appeal and engagement.
  30. Code Highlight: Display code snippets with syntax highlighting for better readability.
  31. Video Playlist: Create and customize playlists for video content on your website.
  32. Mega Menu: Customize advanced mega menus to improve navigation and display complex content structures effectively.
  33. Off Canvas: Create off-canvas content areas that slide in and out of view to display additional information or menus without cluttering the main page layout.

专业主题小部件:
构建和自定义网站的所有关键部分,包括页眉、页脚、404 页面、全局存档等

  1. Post Title: Customize the title of individual blog posts or pages.
  2. Post Excerpt: Display a brief summary or teaser of your blog posts.
  3. Post Content: Customize the main content area of your blog posts or pages.
  4. Featured Image: Set and customize featured images for blog posts or pages.
  5. Author Box: Display author information and bios on blog posts.
  6. Post Comments: Customize the appearance and functionality of comments sections on your website.
  7. Post Navigation: Add navigation links to adjacent posts for easy browsing.
  8. Post Info: Display additional information about blog posts, such as author and date.
  9. Site Logo: Upload and customize your website’s logo for branding purposes.
  10. Site Title: Customize the title of your website.
  11. Page Title: Customize the title of individual pages.
  12. Search Bar: Add a search bar to allow users to search your website’s content.
  13. Breadcrumbs: Display hierarchical navigation paths for better user navigation.
  14. Sitemap: Generate a sitemap for better search engine indexing and user navigation.
  15. Loop Grid: Design and customize grid layouts for blog post archives or product listings.

专业 WooCommerce 小部件:
在整个网站上设计和定制完整的在线购物体验。

  1. Product: Display individual products with customizable layouts and styles.
  2. Breadcrumbs: Display hierarchical navigation paths for better user navigation within your store.
  3. Product Title: Customize the title of individual products.
  4. Product Images: Set and customize images for product listings.
  5. Product Price: Display the price of individual products.
  6. Add To Cart: Add customizable add to cart buttons for easy purchasing.
  7. Product Rating: Display ratings and reviews for products.
  8. Product Stock: Display stock availability for products.
  9. Product Meta: Display additional information about products, such as SKU and categories.
  10. Product Content: Customize the main content area of product descriptions.
  11. Short Description: Display brief summaries or teasers of products.
  12. Product Data Tabs: Organize product information into tabbed sections for better organization.
  13. Additional Information: Display additional details about products, such as dimensions and weight.
  14. Product Related: Showcase related products to encourage additional purchases.
  15. Upsells: Promote upsell products to increase average order value.
  16. Products: Display a grid or list of products with customizable settings.
  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 的分流团队。

有关更多信息:信任中心

♿ Accessibility Best Practices

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

🌐 Translated to 63+ languages, includes RTL support

Elementor 支持多种语言和排版,并且与 RTL 兼容,编辑器可翻译为 超过 63 种语言 开箱即用。 Elementor 还与 WPML、Polylang、TranslatePress、Weglot 等兼容。
如果您想做出贡献,请通过 translate.wordpress.org 添加新语言。请参阅我们的指南,了解如何翻译和本地化插件

⏩ Use of 3rd Party Services

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

  • Google Fonts – 加载以向您的网站添加其他字体。 Google 的服务条款隐私政策
  • 某些 Elementor 功能需要从 Elementor.com 加载其他资源。 ……

屏幕截图

  • 可视化拖放编辑器 – 设计您的网站布局并将任何元素放置在页面上的任何位置,以实现像素完美的设计。
  • 完整设计系统 – 享受专业的工作流程并确保整个网站的一致性。定义您的设置,全局使用它们,并随时立即调整它们。
  • 响应式设计 全面编辑您的网站并自定义桌面、平板电脑和移动设备上的行为,以优化每个设备上的访问者体验。
  • 套件和模板 – 快速启动您的网页创建过程,或通过专业设计的模板或可供您立即定制的完整网站套件获得灵感。
  • 嵌套元素 利用 Elementor 的嵌套小部件将任何小部件放置在另一个小部件的内容区域内 – 例如选项卡和折叠式部件,以实现完整的设计灵活性。
  • 动态效果 – 将入口动画和过渡添加到网站中的任何元素以吸引访问者。

安装

最低要求

  • WordPress 6.0 或更高版本
  • PHP 版本 7.4 或更高版本
  • MySQL 版本 5.0 或以上

推荐要求

  • PHP 版本 8.1 或以上
  • MySQL 版本 5.6 或更高版本
  • WordPress内存限制为64MB或更大(首选128 MB或更大)

安装

  1. 使用 WordPress 内置插件安装程序进行安装,或者解压 zip 文件并将内容放入 WordPress 安装的 wp-content/plugins/ 目录中。
  2. 通过WordPress中的“插件”菜单激活插件。
  3. 前往页面 > 新增
  4. 点击 ‘用Elementor编辑’ 按钮.
  5. 现在,您可以将小部件从左侧面板拖放到内容区域,并添加构成页面结构的新节和列。

如需文档和教程,请访问我们的知识库

常见问题

如何安装 Elementor?

要安装 Elementor 的免费版本,请按照以下步骤操作:
从 WordPress 仪表板 -> 转到插件 -> 单击“添加新”-> 在搜索字段中,输入 Elementor 并选择 Elementor website builder。
按安装 -> 安装后,单击激活。

Elementor 是否适用于所有主题?

Elementor 适用于所有遵循其 Codex 设定的 WordPress 编码标准的主题。建议使用 Elementor 的 Hello Theme,一个轻量级的空白画布,在使用 Elementor 时享受充分的灵活性,并优化您的体验。

Elementor 与古腾堡兼容吗?

Elementor 和古腾堡无缝协作。作为用户,您可以轻松决定在编辑网站时随时使用哪个编辑器。

我可以创建在线商店吗?

是的,使用 Elementor Pro WooCommerce Builder,您可以自定义商店的每个页面,以创造令人惊叹的客户体验,从而推动销售。

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

它适用于几乎所有插件。如果您遇到不兼容问题,请向我们以及与 Elementor 冲突的插件报告。

我需要知道如何编程吗?

不! Elementor 为您提供了无需使用代码即可构建专业网站所需的所有小部件和功能。

我需要知道如何设计吗?

不,您可以在适合每个行业的专业设计的套件和模板之间进行选择,并拥有创建您自己的专业网站所需的一切。

Elementor 会减慢我的网站速度吗?

由于 Elementor 优先考虑速度和性能,因此您可以在每个新版本的 Elementor 中享受更好更快的性能。在旧版本上测试相同的页面布局时,您可以看到显着的性能改进,从 Google PageSpeed Insight 3.1 版中的 82 分到 3.5 版中的 95 i 分。

Elementor 使我的网站安全吗?

您网站的安全对我们来说极其重要,我们采取积极主动的措施来确保您网站的安全。 Elementor 已通过 ISO 27001 认证,并拥有一支由安全专业人员组成的专门团队,全天候 (24/7) 实施行业最佳实践,以实现最大程度的安全性和合规性。

还有一个托管安全漏洞赏金计划,通过启用 24/7/365 众包漏洞检测来利用社区力量。

我可以单独购买模板吗?

当然,您可以使用任何支持 Elementor 的模板。

Elementor 是否与文章和自定义文章类型兼容?

当然是!您可以在“设置”页中设置将启用Elementor的帖子类型。

Elementor 的免费插件和 Elementor Pro 有什么区别

Elementor 的免费版本允许您探索我们革命性的拖放实时编辑器、基本小部件和模板。 Elementor Pro(基本版、高级版、专家版、工作室版和代理版)为您提供更专业的工具,加快您的工作流程,让您获得人力支持,帮助您构建更高级的内容并转化访问者。请参阅此处的完整比较。

我怎样才能成为贡献者

如果您想做出贡献,请访问我们的 Elementor GitHub 存储库,看看您可以在哪里提供帮助。↵
您还可以通过 translate.wordpress.org 添加新语言。我们构建了一个简短指南,解释如何翻译和本地化插件

评价

2024 年 7 月 18 日
I’m a Pro subscriber. Elementor was good when they focused on making the product better. Now they’ve introduced AI and I’m seeing ads and prompts all over the place. No way to turn them off. In the latest update, the changelog has ‘Fix: Slow loading of WordPress admin and Elementor screens due to AI health check”. So now it’s AI slowing my site down. Not other plugins or crappy hosting. Elementor. Putting profit before people.
2024 年 7 月 17 日 1 回复
My client site is broken after an update, but didn’t saw it immediately. Now the site is broken with no possibility to come back to a previous version. F*** Elementor and their shi*ty updates !
2024 年 7 月 16 日 1 回复
J’ai essayé la nouvelle optimisation pour augmente le chargement et il est plus lent, vérifier sur pagespeed. Alors j’ai remis les réglages par défauts, si c’est bien ce que je crois et je reprends la performance 68 (Mobile)au lieu de 51 après le réglage optimisé de Elementor. Merci quand même pour votre travail et suis très satisfait!
2024 年 7 月 15 日 2 回复
I accidently forgot to cancel the annual subscription to this service and discovered they had renewed it without any warning. They even charged a my credit card on file which had expired. I asked for a refund as I had no intention of using this software but they refused. I find this method of auto-renew by stealth highly unethical and if it is not already it should be illegal. I think it is a poor reflection on the company itself. An ethical company would understand, empathise and accept that this was an accidental purchase and refund the charge.
2024 年 7 月 15 日 1 回复
In a world full of Wixes and Squarspaces, forcing updates on your user is a great way to prevent rentention. Bye bye
阅读所有6,859条评价

贡献者及开发者

“Elementor 网站生成器 – 不仅仅是页面生成器” 是开源软件。 以下人员对此插件做出了贡献。

贡献者

「Elementor 网站生成器 – 不仅仅是页面生成器」插件已被翻译至 63 种本地化语言。 感谢所有译者为本插件所做的贡献。

将“Elementor 网站生成器 – 不仅仅是页面生成器”翻译成您的语言。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

3.23.1 – 2024-07-15

  • Fix: Slow loading of WordPress admin and Elementor screens due to AI health check

3.23.0 – 2024-07-15

  • New: Elevate engagement with Floating Buttons – Convert visitors into leads, making it easier than ever to start a conversation on any platform
  • New: Introducing Link In Bio – allowing you to create a digital business card and share it easily
  • New: Generate Featured Image with AI
  • New: Generate texts using AI within WordPress
  • Tweak: Added support for the overscroll-behavior CSS property to improve scrolling experience
  • 调整:默认为新站点激活编辑器顶部栏功能
  • Tweak: Activated Element Caching feature for new sites and promoted to Beta status
  • Tweak: Promotes “Lazy Load Backgrounds Images” feature to Stable status
  • Tweak: Hide “Default Device View” from User Preferences when the Editor Top Bar is active
  • Tweak: Increased the height of the Globals popover to improve usability
  • Tweak: Improved Image style presets and added two additional ones in AI Images
  • Tweak: Added Excerpt generation option with AI in the editor
  • Fix: Performance issues causing lag and slowness while editing Nested Elements (#24076)
  • Fix: Video autoplay issues in various scenarios (props @JxxIT, #24324, #14437, #7964)
  • Fix: Writing permissions issues related to WordPress root directory (#21036, #17255)
  • Fix: Restored deprecated Google fonts that were deprecated in the previous update (#27701)
  • Fix: Vimeo link structure with privacy hash is not working correctly with dynamic link action using the lightbox
  • Fix: Validate prompt and canvas changes to allow generation in AI image edit generative fill
  • Fix: Elementor Core versions are being incorrectly added to Elementor Pro versions’ history
  • Fix: AI Connect not launching when the user doesn’t have prior connect data

查看所有版本的变更日志。