如何在WordPress网页设计中使用Elementor Pro专业版页面编辑器 – 初学者指南

网页设计和WordPress建站曾经被认为是一项需要深厚的技术基础,同时耗费大量时间精力的工作,甚至需要开发人员、文案人员和项目经理共同协作完成。如今,对于编程技术的要求并不是建立有吸引力的网站的必要条件。采用类似Elementor这样的页面生成器,对于非编程技术人员也可以非常容易地创建出适合自身业务需求的WordPress网站和个性化的展示页面。

在本指南中,你将了解 Elementor 以及它如何帮助你建立一个令人惊叹的网站。

什么是Elementor?

Elementor是一个用于WordPress内容管理平台的拖放式页面生成器解决方案。这个WordPress插件可以帮助你使用可视化编辑器来创建漂亮的页面,包括各种动态的交互式页面设计。你可以通过运动效果、多种字体和增强的背景图像定制你的网站,根据品牌形象和业务需求来自行定制页面效果,让你在一个可视化平台上控制网站设计的每个部分。

Elementor可视化页面编辑器的用户群体和使用场景

Elementor适用于WordPress网站管理团队中所有类型的专业人士。如果你不懂技术,页面编辑器让你可以灵活地拖动90多个小部件中的任何一个来创建内容,如按钮、星级评定和进度条。对于WordPress开发者来说,它仍然是一个具有脚本优化、自定义属性和回滚版本的首选平台。

你能用 Elementor 构建什么?可以说,Elementor是一个非常高效的网页编辑工具,可以建立任何东西–从整个网站到具体的Landing Page-登陆页面。你可以设计销售页面,促销页面,甚至是自定义表单。这个平台可以帮助你设计出你所能想象出来的一切需求。

请看以下采用Elementor建立的各种不同行业类型的网站。

Elementor价格

Elementor提供了一个免费计划以及多种付费订阅计划。免费版包含了你在网站上创建强大的用户体验所需的所有功能,包括一个拖放编辑器,40多个基本部件,以及30多个模板。

如果你想获得更多高级功能,如添加表单和自定义CSS的能力,你可以升级到专业版。以下是定价结构。

  • 一个网站49美元/年
  • 3个网站99美元/年
  • 1,000个网站199美元/年

具体信息请参考Elementor官方网站提供的专业版与免费版的功能对比列表。

如何安装 Elementor

和其他WordPress插件一样,安装Elementor也是快速而简单的。有两种方法可以做到。

使用WordPress内置的插件安装程序搜索Elementor进行安装,或者上传本地的Elementor插件的Zip压缩文件到服务器的wp-content/plugins/目录中并自行安装。

  • 通过WordPress的 “插件 “菜单激活插件。
  • 新建页面或者文章。
  • 点击 “用Elementor编辑 “按钮。

现在你可以从左侧面板拖放小部件到内容区,并添加新的章节和栏目,构成页面结构。

如果你需要使用Elementor Pro版本的功能模块,请按照提示注册账号并激活Elementor Pro插件。

如何在WordPress中使用Elementor编辑文章或页面

安装完成之后,你就可以开始使用 Elementor 页面编辑器了。

有了Elementor,你可以把你的设计理念变成现实。实时编辑让你在设计过程中查看每一个元素,使这个过程变得非常简单。让我们探讨一下Elementor编辑器。

Elementor为用户提供了一个直观的设计。因此,你可以在几分钟内学会编辑器的基本知识。

要开始,创建一个新的页面或文章,然后点击用Elementor编辑-文章标题栏下面会出现一个按钮显示 “用Elementor编辑”。

你将进入 Elementor 页面编辑器。这就是你的页面的样子。

编辑视图中的 Elementor 页面编辑器,左边是部件库,右边是页面内容。

在左边,你会看到 Elementor 的侧边栏,有所有的拖放功能,你可以用它来建立你的网页。只需点击,按住,然后拖动一个部件到你想添加新模块的地方。

Elementor编辑器由三个主要构建模块组成。区段、列和部件。区段是最大的构建块。在 Sections 中,你可以添加 Columns 组,而 Widgets 则被放置在 Columns 中。

编辑器会告诉你在哪里可以拖动一个小部件,在一个蓝色的盒子里突出显示 “区 “和 “列”。请注意,你不能把小工具拖到导航栏或标题中。

Elementor编辑器中的蓝色部分,可供编辑。

你可以使用蓝色的手柄来控制部分、列和小工具。只要右键点击手柄就可以编辑区块。

Elementor 编辑器菜单上有几个选项,包括 “复制”、”保存为模板 “和 “删除”

当你滚动到页面底部时,你可以选择将一个小部件拖到一个新的空区域。

Elementor页面编辑器的底部包括一个空的部分,上面写着 “在这里拖动小部件 “你可以搜索特定的小部件来定制你的页面。你可以从基本元素中选择,如标题或图片库,或探索更高级的元素,如动画标题和证明旋转轴。

在网站设置菜单中,你可以为你的页面设置默认颜色和字体。你也可以在 Elementor 上为你的整个网站配置全局设置。

Elementor有一个内置的修订历史部分。在 “操作 “选项卡下,你可以追踪你的修改,在每个操作之间来回移动。在修订选项卡下,你可以在你的修订之间切换,并恢复到以前的任何版本。

Elementor模板

模板是预先设计好的页面和区块,帮助你设计你的WordPress网站。页面是完整的内容布局,而区块是带有预置部件的部分,如页脚、页眉和常见问题。

Elementor Pro插件给你完全的授权,可以为你的业务使用任何模板。你可以通过页面类型、模板名称或标签搜索特定模板,Elementor的模板库有各种页面模板可供选择。此外,所有模板都是移动响应的。你只需点击一下,就可以把它们插入任何页面。

Elementor Pro专业版提供高级功能,使您的WordPress网站更上一层楼。你可以使用更多的小工具、主题构建器、弹出式窗口构建器和自定义字段功能。

关于Elementor的常见问题FAQ

你还有关于 Elementor 的问题吗?以下是一些关于该插件的常见问题及答案。

Elementor是否适用于所有主题?

是的,它适用于所有遵循WordPress编码标准的主题。

Elementor会拖慢你的网站吗?

Elementor是最快的页面生成器之一。但是,有些网站会导致加载速度缓慢,但Elementor提供了如何解决网站速度问题的指南,比如采用缓存加速插件或者升级更好的服务器硬件。

Elementor对SEO是好是坏?

如果Elementor拖慢了你的网站,可能对SEO不利,但通过遵循最佳实践,如压缩图片和限制过多的脚本,即使安装了Elementor,你也可以拥有一个快速的网站。

结论,Elementor像任何伟大的WordPress页面生成器一样,对SEO有好处。通过帮助你创建一个漂亮的、响应式的网站,这个页面生成器可以让你把用户留在你的页面上。随着访问者参与你的内容,搜索引擎算法将理解你的网站是有价值的,提升你的排名,改善你的SEO。

用Elementor建立你的WordPress网站

Elementor是一个WordPress插件,专门用来帮助你为你的企业设计一个定制网站。它的用户友好界面使其成为非编码人员的高效率生产力平台。如果你想吸引更多的业务线索,请安装Elementor和HubSpot WordPress插件,用于提高你的业务转换率。

Click to rate this post!
[Total: 1 Average: 5]

相关文章

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注