Elementor 2019评测 - 它是最好的WordPress页面构建器插件吗?

想要在不聘请开发人员的情况下设计您的WordPress网站?使用像Elementor这样的页面构建器插件可以轻松构建WordPress站点。

在这个Elementor评测中,我们将看看它的功能、性能和易用性,以确定它是否是最好的WordPress页面构建器插件。

elementor - WordPress的页面建设者,插件

目录

什么是WordPress页面生成器插件?

WordPress页面构建器插件提供了一个简单的拖放界面来构建漂亮的网站。您可以通过使用拖放工具简单地排列内容块来创建页面。大多数页面构建器还提供前端编辑,因此您无需在编辑器和预览页面之间来回切换即可进行实时编辑。

最重要的是,页面构建器允许任何人轻松地构建网站,无论他们的技能如何。不需要技术诀窍,因为您不会触及任何一行代码。

使用Elementor精美设计WordPress站点

Elementor是一个易于使用的WordPress页面构建器插件,具有可视拖放界面。它具有各种元素,使您可以使用拖放工具简单地组织页面上的内容。该插件根本不需要编码来配置其设置和创建页面。

有超过2000,000个有效安装,它是网上最流行的WordPress页面构建器之一。

1. 使用Elementor创建文章和页面

在页面编辑器中添加新页面或编辑现有页面时,可以看到WordPress编辑器上方的“ 使用Elementor编辑”按钮。您只需单击它即可启动Elementor编辑器。

编辑页面与-elementor-插件

这会将您引导至Elementor编辑器界面,如屏幕截图所示。

在左侧,有一些元素或小部件可供您拖放。您可以在元素下方找到“ 设置”栏。要添加新内容,请单击内容区域中的添加新部分添加模板

elementor接口

部分是一个设计布局块,其中包含一列或多列。选择“添加新部分”后,系统将提示您为新页面选择内容结构。有12种部分类型可供选择,如屏幕截图所示。

添加形部elementor

选择页面结构后,您可以选择剖面布局并将元素拖动到剖面的列中。

如下面的屏幕截图所示,您可以从左侧的编辑器更改所有内容,并在内容区域中查看更改。

编辑元素

如果要为页面使用预制模板,则可以单击“ 添加模板”按钮。您可以访问Elementor库中的300多个预先设计的模板,命名页面和块。

elementor库

您可以轻松地从库中插入模板、自定义模板,然后点击发布。

广泛的元素和模板集

Elementor插件有一组广泛的定制元素或小部件。您可以找到所需类型内容的小部件,例如标题、按钮、表单、轮播或Google地图等等。

元件功能于elementor-插件

除了Elementor小部件之外,您还可以在编辑器中使用默认的WordPress小部件或其他基于主题的小部件或插件小部件。Elementor集成了您安装的每个主题和插件,并将激活的主题和其他兼容的插件小部件添加到Elementor页面编辑器。

主题插件的小部件,elementor

使用主题和其他插件提供的小部件,轻松地从Elelemtor编辑器安装您喜欢的主题和插件并构建页面。

此外,您可以将设计另存为模板,并在网站的其他页面上重复使用。

单击“ 保存选项”,然后另存为“模板”。

另存为模板

现在,您的新模板存储在Elementor库中。

我的新模板

您只需在自己想要的任何页面上插入自定义模板即可。此外,您可以将模板导出到您拥有的其他网站,使其非常方便。您不必每次都从头开始构建新页面。

3. 无尽的定制选项

Elementor为您的网站提供无限的自定义选项。

转到Elementor编辑器中的StyleAdvanced菜单,查看所有自定义选项。

定制,无限

您可以管理部分的宽度和高度;调整列;将您的内容位置设置为列的顶部、中心或底部;设置节,列和小部件的填充和边距;设置柱间隙;等等

4. 响应式设计控制

Elementor允许您根据访问者使用的设备类型自定义网页的设计。这可确保您的网站100%响应,这意味着您的网站在所有设备上都会非常棒,包括台式机、手机和平板电脑。

elementor响应设计

该插件默认具有桌面视图。您可以将视图更改为移动设备,以了解访问者如何在移动设备上查看您的网站。

该插件还有一个额外的功能,以确保响应。每当编辑元素时,您都可以在“ 高级”菜单下找到“ 响应”选项。这使您可以隐藏特定设备的窗口小部件。当您不想在每台设备上显示相同的内容时,这非常有用。

隐藏的小部件,elementor

5. 完整版本历史记录 – 撤消/重做更改

Elementor的另一个惊人功能是完整的修订历史。此功能允许您随时恢复到以前的版本。该插件会保存您的所有输入,以便您可以在需要时随时转到旧版本。

elementor-修订

更多Elementor功能

我们来看看Elementor插件的一些更多功能:

  • 内联编辑:您可以使用此功能直接在实时屏幕上编辑文本内容。此功能可以轻松编写博客文章和编辑现有内容。
  • 页眉和页脚编辑器:使用Elementor可以轻松编辑网站的头部和底部区域。您可以直观地编辑它们而无需编码。
  • 翻译和RTL就绪:该插件已翻译成23种语言,可以轻松翻译成其他语言。它完全支持RTL语言。
  • 全局颜色和排版:您可以设置全局颜色和排版,以在整个网站上创建一个有凝聚力的设计。
  • 广泛的排版选项:使用800多种Google字体,或添加您自己的自定义typekit表单并在整个网站中使用它们。
  • 第三方集成:该插件支持第三方集成,包括MailChimp、Drip、ActiveCampaign等。
  • 维护模式:您可以使用Elementor的即将推出的维护模式和维护模式模板来设置维护模式。
  • 电子商务小部件:使用预先构建的WooCommerce小部件以及定价表和价目表小部件,轻松构建电子商务网站。

Elementor的定价和支持选项

如果您从官方WordPress插件存储库下载它,Elementor是免费的。免费版本的插件提供了相当数量的小部件和其他功能,可以让您构建简单的网站。

对于专业人士而言,该插件具有高级版本,包含额外的高级小部件、模板和其他选项。它有三个定价计划:个人、商业和无限制。您可以为1个站点许可证购买个人计划,为3个站点购买商业计划,为无限制站点购买无限制计划。

elementor定价

Elementor包含大量文档和大量教程,可帮助您使用插件轻松构建网站。您还可以在他们的博客和YouTube频道上找到操作指南。

插件作者通过基于工单的电子邮件提供专门的支持。

我们对Elementor的判断是最好的WordPress页面构建器插件

在我们对插件进行彻底评测之后,我们可以说Elementor具有使WordPress自定义变得简单所需的所有功能。插件界面没有像一些插件那样额外、无用的选项,所以你会发现它易于使用和理解。最重要的是,即使是初学者和非技术人员也可以轻松地使用该插件来构建漂亮的网站。

不要错过看看这些最好的网页设计软件。

我们给出了Elementor页面构建器4.8的5星。以下是我们评测分数的细分:

 

总体

评级星满评级星满评级星满评级星满评级星满   4.8 / 5.0

特征

评级星满评级星满评级星满评级星满评级星满   5.0 / 5.0

性能

评级星满评级星满评级星满评级星满评级星满   5.0 / 5.0

支持

评级星满评级星满评级星满评级星满评级星空   4.0 / 5.0

便于使用

评级星满评级星满评级星满评级星满评级星满   5.0 / 5.0

价钱

评级星满评级星满评级星满评级星满评级星满   5.0 / 5.0

立即获取Elementor»

如果您喜欢这篇文章,请考虑订阅我们的邮件列表。如果您有任何疑问,请在下面发评论告诉我们。

继续阅读相关文章

  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: vue-element-admin 是一个基于 Vue.js 和 element-ui 的后台管理系统模板,它可以作为一个独立的项目运行。它不能直接作为 Wordpress 的后台模板,需要进行一些配置和开发才能将其集成到 Wordpress 中。 具体操作步骤如下: 1. 将 vue-element-admin 项目打包成静态文件 2. 将打包后的静态文件上传到 Wordpress 的服务 3. 使用 Wordpress 插件或代码,在后台页面中加载 vue-element-admin 的静态文件 4. 使用 Wordpress 的 REST API 与 vue-element-admin 进行数据交互 注意:这只是一种基本的集成方式,具体实现细节需要根据项目需求进行调整。 ### 回答2: Vue-element-admin是一个基于Vue.js和Element UI的开源后台管理系统模板,它提供了丰富的组件和功能,可以帮助开发者快速搭建现代化的后台管理系统。 虽然Vue-element-admin可以作为wordpress的后台模板使用,但是需要一些额外的步骤来操作。 首先,你需要将Vue-element-admin项目下载并部署在本地或者服务上。你可以通过GitHub或者官方网站找到Vue-element-admin的源代码和相关文档。 其次,你需要将wordpress作为一个后台API来使用,提供数据给Vue-element-admin。你可以使用wordpress提供的REST API来实现这一点。具体操作可以参考wordpress官方文档中关于REST API的部分。 然后,你需要进行一些配置来使Vue-element-admin与wordpress进行通信。Vue-element-admin使用axios来发起HTTP请求,你需要配置axios的baseURL为wordpress的地址。你还需要根据你的后台数据结构,调整Vue-element-admin的数据请求逻辑,使其与wordpress的API对应。 最后,你可以根据自己的需求和喜好,对Vue-element-admin进行定制和扩展。Vue-element-admin提供了丰富的组件和插件,你可以根据wordpress的业务需求来选择适合的组件和进行样式定制。同时,你也可以根据需要,自己开发或集成其他功能模块。 需要注意的是,将Vue-element-admin作为wordpress的后台模板使用需要一定的开发技能和经验。如果对Vue.js和Element UI不熟悉,可能需要花费一些时间学习和调试。同时,对wordpress的了解也是必要的,以便正确配置和操作wordpress的REST API。 总结起来,Vue-element-admin可以作为wordpress的后台模板使用,但需要一定的配置和定制工作。这样可以帮助你构建现代化、美观、易用的wordpress后台管理系统。 ### 回答3: vue-element-admin是一个基于Vue.js和Element UI的开源前端项目模板,主要用于构建后台管理系统的界面。而WordPress是一个开源的内容管理系统,用于构建和维护网站内容。 虽然vue-element-admin在设计上是为构建后台管理系统而开发的,但它并不适用于直接作为WordPress的后台模板。两者的技术栈和设计思想有所不同,无法直接结合。不过,你可以通过以下方式将vue-element-admin和WordPress进行结合使用: 1. 通过自定义主题:在WordPress中,你可以使用自定义主题的功能来自定义后台的外观和功能。可以选择一个符合你需求的WordPress后台主题,然后将vue-element-admin的样式和组件进行修改和融合,以实现一致的视觉效果和用户体验。 2. 创建自定义插件:Vue-element-admin提供了丰富的组件和功能,你可以根据WordPress后台的需求,开发自定义的插件来集成vue-element-admin的部分功能。例如,可以使用vue-router来实现WordPress后台的路由功能,使用vue.js的数据绑定来实现数据展示和操作。 需要注意的是,在将vue-element-admin和WordPress进行结合使用时,需要对两者的源码进行深入了解,并具备较强的前端开发能力。此外,还需要了解WordPress的主题和插件机制,以及如何进行自定义主题和插件的开发。 总结起来,vue-element-admin可以通过自定义主题和插件的方式与WordPress进行结合使用,以实现个性化的后台管理系统。这需要对vue-element-admin和WordPress的技术和开发方式有一定的了解和掌握。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值