如何安装 Elementor 与开始使用?超简单入门教学!

内容概览

如果你正在打算使用 WordPress 搭建你的网站,而且是想要打造一个既美观又好操作更新的网页,但是你又不会写程式码,那么我会建议你使用 Elementor 这个插件来制作你的网页了。它是一款拖拉式的页面编辑器,不需要你去学会写代码,就能帮你轻松建立漂亮的网页哦。从首页到服务介绍页 Landing Page,都能快速的制作起来哟!

在这篇文章将我教会你:

  1. 如何安装 Elementor
  2. 如何开始使用 Elementor 建立你的第一个页面

什么是 Elementor?

在进入教程前,我还是再次简短的介绍一下“什么是 Elementor?”。我之前写了一篇比较详细的介绍“什么是 Elementor?解析 WordPress 网站建设的革命性工具”,你可以点进去读一读或者继续看这篇文章就行了。Elementor 是 WordPress 上最受欢迎的可视化页面编辑器之一。它的最大特色是「所见即所得」的功能—— 你可以即时在编辑器里看到设计好的页面,也就是你网站上线时的样子哦。

你不需要看得懂 HTML/CSS,也不需要写代码,甚至不需要有太多网页制作经验,只要会使用鼠标拖拉网页界面上的元件、修改文字、换图片,就能开始做网站了哟。

如何安装 Elementor?

Step 1:进入 WordPress 后台

登入你的 WordPress 网站后台(通常后台网址是 domain.com/wp-admin

Step 2:到「Plugins – 外掛 > Add Plugin 安裝外掛」

在左侧选单找到「Plugins – 插件 > Add Plugin 添加插件」

Step 3:搜寻 Elementor

在右上角的搜寻栏输入「Elementor」
你就会看到 Elementor Page Builder – Elementor 网站生成器 – 不仅仅是页面生成器(开发者是 Elementor.com)的插件出现在列表里面了哟

现在点击「现在安装」 的按钮,然后在完成安装后再点击「启用」的按钮

插件启用完成后,你就可以在后台界面左侧的选单里找到 Elementor 的选项了哦。

如何开始使用 Elementor?

Elementor 不是建立新的文章类型 (Post Type),而是让你使用它来设计 WordPress 的「Page – 页面」哦。接下来我们就来展示一下如何建立第一个 Elementor 页面吧。

Step 1:建立一个新页面

进入「Page – 页面 > Add Page – 新增页面」
为页面取一个名称,在这个示范中我们会输入「关于我们」,然后我们现在可以点击「用 Elementor 编辑」

Step 2:开始编辑页面

当我们进入到 Elementor 编辑器后,操作界面的左边是工具栏,右边是你的网站预览区。

你可以:

  • 拖拉左边的「标题」「图像」「按钮」「段落」等元素到页面上
  • 点击元件后,在左边修改文字、颜色、大小等样式
  • 更快的方法是我们可以直接使用 Elementor 提供的模版做设计
  • 点击界面上端的齿轮按钮可以设置页面属性、加上特色图像等

Step 3:储存并发布

编辑完成后,点击界面右上角的「发布」按钮,你的页面就正式上线了哦!

你也可以随时的回到 Elementor 编辑器重新编辑页面,也能复制区块、移动布局,让页面的内容看起来更丰富哟。

加码小贴士:搭配与 Elementor 相容的主题网站运作起来会更顺畅

虽然 Elementor 这个插件是几乎可以搭配所有 WordPress 的主题设计,但是我还是比较建议你能搭配那些轻量的和专为 Elementor 页面建构器设计的主题设计会更好用和省却更多的麻烦,例如:

  • Hello Elementor(免费的官方主题)
  • Astra (有提供免费版,但是有限制)
  • Atheme (有提供免费版,但是有限制)

以上这些主题都优化了网站的载入速度与网页排版的弹性,会更加的适合你使用 Elementor 去做出一个专业感十足的网站哟。

总结

不管你现在只是想做个人作品集网站、公司官方网站、服务介绍网站页面,或是产品销售广告着陆页,Elementor 都能帮你快速实现你的想法。Elementor 插件安装简单、操作直觉,是 WordPress 新手最容易上手的工具之一。我建议你今天就动手试试看吧!

订阅我们的电子报
与你一起学习新知识
订阅我们的电子报

订阅我们的电子报

每周定期分享最新的部落格文章