史上最強!視覺編輯神器 :Elementor 頁面編輯外掛

Elementor到底是甚麼?

如果平時對架設網站、數位行銷有接觸的朋友,或許會聽過“Elementor“這個名字…Elementor其實是WordPress網頁設計的一款外掛軟體,不過千萬別以為Elementor只是另一個普通外掛!Elementor的特色就是以”畫面式“的編輯模式,讓使用者或者網站設計師輕易地將網頁設計過程,透過簡單的”拖曳動作“,將網頁元素放置在網頁版面上。

初次接觸網頁設計的朋友,可能不太清楚這裡”神化“Elementor的原因是什麼。簡單來說,過去如果要設計網站,在WordPress後台要在不停切換”編輯“和”預覽“模式,同時也需要一點coding程式碼技術,才能完成自己想要的網頁樣式。

而網頁編輯神器:Elementor,以現代人的需求為出發點,簡化在設計過程中,直接透過畫面編輯來設計網頁!實在是太神了!

當然,要破解新軟體功能,就一定要親自用過、深刻體驗過~才知道哪裡好嘛!

就讓我們進入正題,一探究竟Elementor吧!

Elementor 頁面

從WP後台安裝好Elementor後,點選進入”使用Elementor編輯“便可進入編輯頁面:

左邊為工具欄位:可自行調整欄位寬度,放大縮小工具欄位的元素呈現模式

右邊為網頁頁面:從左邊工具欄拖曳想新增的區塊元素至頁面,接著再進行內容編輯:

Elementor 編排重點概念

  • Section 區塊
  • Column 框
  • Widget 小工具

基本上,要新增網頁的任何區塊,在右邊的編輯區新增“Section”來設定Section格式,如果想要section中不同樣式的設計,再進一步增加Column。接著,再從左側工具欄拖曳自己想要新增的Widget來新增內容。

是不是超級方便呢!同時,可直接切換預覽模式,不必再從WP的後台層層切換了….

同場加碼推薦!超強快捷搜尋功能:Elementor Finder

如果有自己架設網站經驗的朋友應該會知道,每次想稍微改下網頁版面、或者移動網頁頁面的區塊設計,總免不了在編輯器內狂點擊各種選項,不斷的進出回到Wordpress首頁….不僅超級耗時、也會切換到無語問蒼天的窘境…

透過Elementor Finder完全可以克服更改排版的切換地獄…只要按下快捷鍵“CTRL + E ( Mac:CMD + E) 就可以直接叫出”Finder”功能。

如果你也在苦惱設計網頁的話,不仿試試下載Elementor視覺網頁編輯器,真的是網站編輯神器啦!