Skip to content
WONGCW 網誌
  • 首頁
  • 論壇
  • 微博
  • 壁紙下載
  • 免費圖床
  • 視頻下載
  • 聊天室
  • SEO工具
  • 支援中心
  • 表格製作
  • More
    • 在線名片
    • 網頁搜索
    • 天氣預報
    • 二維碼生成器
    • WordPress 插件及主題下載
  • Search Icon

WONGCW 網誌

記錄生活經驗與點滴

最好用的页面编辑器Elementor

最好用的页面编辑器Elementor

2018-09-10 Comments 0 Comment

Elementor是一款非常现代的页面编辑器,作为2018年最流行的免费页面编辑插件,它改变了WordPress建站的方式,让我们可以无需代码便能自己构建网页

在本文中,我们将详细介绍Elementor及其使用方法,以帮助大家决定是否应该使用Elementor作为默认的WordPress页面构建工具

Elementor免费下载

 

为什么推荐使用Elementor

我曾经使用过很多款编辑器,其中,Elementor是非常优秀的一款

  • 现代、简洁的编辑方式
  • 免费版已经很好用
  • Elementor支持中文,支持任何WordPress主题
  • 轻量,即使Elementor Pro版本,安装包总大小仅3MB
  • 用户数量非常多,仅WordPress插件中心就有100万以上的活跃安装
  • 超过90%的五星好评
  • 专业的开发和售后团队

以上这些特点,已经足够说服我们使用Elementor,并且它还在不断的改进和增强,在WordPress中越来越流行

当然我们不能只根据这些外部因素判断,真正实用的功能才是最重要的,接下来让我们看一下Elementor有哪些特性和值得关注的地方

 

Elementor安装

Elementor是免费使用的,我们可以随时体验,不管是免费版还是Pro版本,都需要先安装Elementor,可直接在官网下载,Elementor免费下载,免费版本直接安装即可;如果你购买了Pro版本,需要先安装Elementor插件,然后再安装Elementor Pro插件

安装好之后我们就会在文章或者页面看到一个 “使用 Elementor 编辑” 的按钮,点击它就会进入到Elementor可视化编辑器

开启Elementor编辑器

elementor选择页面的模版

Elementor会为你准备2款模版,这里面有三种选择:

  • 默认模版:主题自带的模版,一般会带有主题的元素,常用在文章
  • Elementor全宽:将内容部分设置为100%宽度,保留原主题头部和底部
  • Elementor画布:纯Elementor的模版,不包含任何其他元素,适合做专题页面

注意布局要保存之后再开启Elementor才会生效

 

Elementor用户界面

Elementor用户界面

和大多数的可视化页面编辑器一样,Elementor同样采用了左侧编辑栏,右侧显示网页的布局,目前来说这种布局是最好的,容易编辑,也符合大多数用户的使用习惯

使用Elementor编辑器,无需准备空白的模版,Elementor已经为你准备好了,在页面布局中选择画布即可获得全新的页面,而且没有那么多主题或者插件的要求,你可以在任何类型的WordPress主题中使用Elementor

elementor空白模版

用Elementor制作页面时,你可以直接从头开始编辑,自己设置每个元素样式;或者调用模版,在模版基础上进行修改替换,这样完成页面也是一种非常高效的方式,Elementor提供了各种模块和100+的模版,不管是免费版还是Pro版本都可以调用演示,只不过Pro版本中可用模版更多

elementor列设置

多样化的列布局,你可以根据自己的需要选择列的数量和样式,然后拖拽元素填充到合适的位置,组成网站的页面设计。

你可以将任何Elementor中包含的元素拖动到列中,比如图片、文字段落、标题、列表、文章、按钮、客户评价、CTA、价格表等,每当你选择不同的元素,左侧都会自动切换成对应的选项,相比其他编辑器,Elementor元素的样式和选项都是非常不错的,不需要过多的设置便能设计出漂亮的页面

Elementor元素设置

 

Elementor编辑器功能以及体验

判断一个页面编辑器是否好用,选项和功能是最关键的地方,下面我么看一下Elementor的编辑选项

 

Elementor实时编辑

Elementor文字实时编辑

首先最重要的一点,就是文字实时编辑,这个特征可以用来判断一款页面编辑器是否现代,以及有效率。Elementor是支持行内实时编辑的,而且它为我们准备了WordPress经典编辑器,你可以通过把编辑栏拉宽获得更好的写作体验,就像在后台编辑一样,唯一让人有点不适应的就是如果你想在网页中实时编辑,需要点击2次才能把光标固定到聚焦在想要的位置

 

Elementor样式设置

Elementor样式设置

除了针对每个元素的关键选项外,Elementor还提供了高级样式设置,你可以设置元素的背景、边框、内外边距、响应式、自定义CSS等,当然,根据每个元素的特点会有不同的选项

Elementor在工具的分布上,采用了Tab和Toggle结合的形式,即使有再多的选项也能轻松容纳,这里的布局Elementor做的非常好,将有限的空间利用了起来,不像有些编辑器,体验非常差,以前用过一款 CornerStone,编辑器非常拥挤,经常找不到自己想要使用的元素

 

方便的右键菜单

Elementor右键菜单

和其他页面编辑器不同,Elementor独有的支持了右键菜单,这是我非常喜欢的特性,用来选中什么多西非常方便

  • 删除元素更省事了,在没有右键功能前,需要手动到最右边找到小小的叉号,很费劲
  • 选择元素更方便了,当你点击右键时,在右键菜单中会显示当前选中的元素是Widget、列还是行,这样在进行编辑操作时就很难出错了
  • 样式拷贝,做类似设计时很有用

右键菜单真的是一个非常好的特性,如果说是什么让我选择Elementor,那右键菜单一定是非常重要的一项

 

响应式编辑

Elementor响应式编辑

在制作复杂页面时,可以使用Elementor的响应式编辑进行调整,包括PC、平板和手机端,三种设备的样式不会互相影响,可以针对每种设备进行单独优化

 

Elementor模版

为了让我们能够快速构建网页,Elementor提供了模版功能,可以进行各种调用

 

自带模块

elementor自带模块

模块模版,通常是一部分特定功能的部分,比如头部、底部、倒计时、联系表单、文章列表等,这些模块大部分都为黑白样式,容易搭配和修改,在主题编辑中很有用

 

页面模版

elementor页面模版

页面模版,整页的模版,大部分都是不同风格,各行各业的网页,可以直接修改,在Elementor中非常好的一点就是你可以同时加载多个页面,这些页面模版不会覆盖之前的内容,这样就可以通过删减的方法将多个页面的元素组合在一起

查看所有Elementor页面模版

 

自定义模版

elementor自定义模版

当我们自己制作了一些比较好的模版后,可以将其保存为自定义模版,当需要用到类似的模块时,可以直接调用,而且自定义模版支持导入和导出,分享起来很方便。另外,你还可以通过第三方获取Elementor模版,比如从Envato Elements的获取模版

 

全局元素

elementor全局元素

Elementor很智能,如果你想保存一个元素,比如按钮、文字,他会自动保存为全局元素

什么是Elementor全局元素呢? 它可以在所有的页面中使用,而且同一个元素的样式都是相同的,并且默认情况下全局元素会被锁定编辑,但是如果修改的话,所有的元素都会跟随变化

对于需要较多自定义页面的网站,全局元素在统一风格和一些重要数据的展示上非常有用

 

Elementor主题编辑(Theme Builder)

Elementor主题编辑

Elementor 2.0 新推出的主题编辑功能,让其不再仅仅是一款页面编辑器,而成为了主题构建器,使用Elementor你可以把主题完全更改,使用主题编辑功能,你会发现所有的操作都变得简单了。你可以轻松地修改网站的头部和底部、文章页面、分类页面、归档页面等,然后将这些修改应用到某些页面,甚至整个站点,无需任何代码知识,具体的设置方法可以查看 Elementor Theme Builder教程

 

其他特性

Elementor除了基本的页面编辑器功能外,还有很多非常有特色的功能

 

导航栏

Elementor导航栏

Elementor新加入的一个特性,这个导航最大的作用就是你可以在上边改变段的位置,避免了使用鼠标在页面上长距离滚动拖动

 

幻灯片

elementor幻灯片效果

Elementor Pro中提供了幻灯片工具,只需要简单设置便能开始使用,如果你不需要比较炫酷的效果的话,Slider Revolution、LayerSlider之类的插件基本可以卸载了

 

维护模式

 

设计好的维护模式模版

Elementor不仅可以一键开启维护模式,而且你可以使用Elementor定制自己的专属维护页面

 

Elementor Pro是否值得购买

可能对于一般的页面设计需求,免费版本的Elementor功能已经完全足够了,那么我们有没有必要升级高级版本呢,我们看一下Elementor Pro主要增加了哪些功能

  • Pro模版,Elementor中很多内置模版需要Pro
  • 更多的可用元素,不得不说Pro模版中有许多实用的功能,比如 文章列表、portfolio列表、幻灯片、联系表单、客户评价、CTA等
  • 自定义CSS
  • 全局元素
  • WooCommerce定制
  • 主题模版编辑

如果你需要上面列出的功能,那么我建议你购买Elementor Pro版本,使用起来非常方便,总体来说,提升还是非常大的,尤其是它的主题编辑功能,非常的强大,使用起来更简单

 

Elementor Pro价格

Elementor Pro价格

  • 单个站点授权,49美元
  • 3个站点授权,99美元
  • 无限站点授权,199美元

所有的套餐都包含一年的更新和支持,Elementor Pro续费的话有25%的折扣,当然也可以选择取消续费,插件还可以继续使用,只是没有更新和支持

 

和其他的页面编辑器相比,Elementor的使用范围更广,更加通用,不管你是普通的WordPress用户,还是做商业性质的网站,都可以在Elementor中找到自己需要的功能,而且使用起来也灵活,可以快速构建,也可以针对一个模块进行各种高级的设置以及自定义样式

无论是免费版本还是Pro版本,Elementor都是非常强大的编辑器,它最大的作用是改变了WordPress的编辑习惯,有着多样的设置和人性化的编辑体验,不再需要专业和枯燥的代码来修改页面

原文地址:https://themeforwp.net/archives/elementor/

分享此文:

  • 分享到 Twitter(在新視窗中開啟)
  • 按一下以分享至 Facebook(在新視窗中開啟)
  • 分享到 WhatsApp(在新視窗中開啟)
  • 按一下以分享到 Telegram(在新視窗中開啟)
  • 分享到 Pinterest(在新視窗中開啟)
  • 分享到 Reddit(在新視窗中開啟)
  • 按一下即可分享至 Skype(在新視窗中開啟)
  • 按一下即可以電子郵件傳送連結給朋友(在新視窗中開啟)
  • 點這裡列印(在新視窗中開啟)

相關


網絡資訊

Post navigation

PREVIOUS
Linux一键安装Transmission电影下载到服务器
NEXT
服务器搭建网站完整教程(宝塔面板+wordpress)

發表迴響 取消回覆

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料。

More results...

Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt
Filter by 分類
網站公告
Featured
限時免費
ESET NOD32
WINDOWS 10 &11 INSIDER PREVIEW
Windows 軟件下載
系統軟件
辦公軟件
圖像處理
影音媒體
網絡軟件
應用軟件
Mac 軟件下載
安卓軟件下載
網絡資訊
Mac資訊
Linux資訊
VPS資訊
NASA資訊
金融資訊
WhatsApp Stickers教學
WordPress資訊
WeChat資訊
PHP資訊
Plesk資訊
TensorFlow
教學資源
開源程序
網頁工具
SEO工具
醫療健康
旅遊及消閒
其他資訊
Content from
Content to
2018 年 9 月
一 二 三 四 五 六 日
 12
3456789
10111213141516
17181920212223
24252627282930
« 8 月   10 月 »

分類

  • 網站公告
  • 限時免費
  • ESET NOD32
  • WINDOWS 10 &11 INSIDER PREVIEW
  • Windows 軟件下載
  • 系統軟件
  • 辦公軟件
  • 圖像處理
  • 影音媒體
  • 網絡軟件
  • 應用軟件
  • Mac 軟件下載
  • 安卓軟件下載
  • 網絡資訊
  • Mac資訊
  • Linux資訊
  • VPS資訊
  • NASA資訊
  • WhatsApp Stickers教學
  • WordPress資訊
  • WeChat資訊
  • PHP資訊
  • Plesk資訊
  • TensorFlow
  • 教學資源
  • 開源程序
  • 網頁工具
  • SEO工具
  • 醫療健康
  • 旅遊及消閒
  • 其他資訊

彙整

近期文章

  • ChatGPT修bug橫掃全場準確率達78% 2023-02-06
  • 南澳州計劃建造世界最大電解器和氫能發電廠用於回收存儲多餘的可再生電力 2023-02-06
  • 馬斯克什麼時間睡覺? 2023-02-06
  • 中國天眼FAST啟用7年發現超740顆脈衝星 2023-02-06
  • 土耳其突發7.8級地震震中300公里有33座大中城市 2023-02-06
  • 寧波高速上線安全錐“機器人” 車輛出事故後自動擺錐桶 2023-02-06
  • 世界上最長壽的狗超30歲主人揭秘其生活細節 2023-02-06
  • 外形像”仙女”一樣的小機器人靠風和光的力量飛翔 2023-02-06
  • 天文學家發現有關恆星“突變”的新線索 2023-02-06
  • 模擬量子模擬器可能解決傳統量子計算機無法解決的問題 2023-02-06

熱門文章與頁面︰

  • DP vs HDMI 誰才是遊戲玩家最佳選擇?
  • ESET NOD32 LICENSE KEY (UPDATED 2023-01-17)
  • 打車叫到特斯拉不會開門很尷尬?官方介紹開關門方法
  • Explorer Patcher:讓Windows 11恢復Windows 10的行為特徵
  • z-sms – 在線免費云短信臨時手機號接碼平台網頁版
  • 世界上有多少個國家
  • Google Chrome瀏覽器意外出現Status_Access_Violation錯誤而崩潰
  • 下載WINDOWS10 登入畫面的圖片 (WINDOWS焦點)
  • 微軟強化Game Bar:可顯示Xbox手柄剩餘電量
  • 百度雲盤、藍奏雲、微雲提取碼秘鑰查詢工具

投遞稿件

歡迎各界人士投遞稿件到admin@wongcw.com

請提供以下資料:

1.你的名字

2.你的電郵

3.分類目錄

4.文章標題

5.文章摘要

6.文章內容

7.文章來源

 

聯繫我們

查詢,投稿,商務合作:
​admin@wongcw.com
​技術支援:
​support@wongcw.com
​客户服務:
​cs@wongcw.com

QQ群:833641851

快帆

MALUS

極度掃描

DMCA.com Protection Status

WONGCW 網誌

  • 免責聲明
  • 捐助我們
  • ThemeNcode PDF Viewer
  • ThemeNcode PDF Viewer SC
  • Events

服務器提供

本站使用之服務器由ikoula提供。

聯繫我們

查詢,投稿,商務合作:
​admin@wongcw.com
​技術支援:
​support@wongcw.com
​客户服務:
​cs@wongcw.com

QQ群:833641851

© 2023   All Rights Reserved.
 

載入迴響中...
 

    X