Elementor教學-如何使用版型庫

收到很多朋友的提問,是關於如何使用Elementor版型庫的問題或者是未能自動更新Elementor版型庫,所以做這教學。

Elementor版型庫是Elementor插件已預先設計好的頁面,你可在Wordpress文章或頁面輕鬆導入140多個美觀設計的版型,再修改自己的內容。

預覽Elementor版型>>

免費版的Elementor約有20多個版型​可供使用,但你如仍覺不夠可升級​Elementor PRO​,使用所有美觀設計的版型及佈局!

好!!立即開始使用版型教學。


第一步

  1. 首先在Wordpress創建一個新文章或頁面。
  2. 設定好頁面的內容,屬性等項目或選寫標題後
  3. 按儲存草稿
  4. 再按藍色按鈕”使用Elementor編輯”

♦順帶一提,當你己啟用Elementor插件後,你會在Wordpress頁面編輯內右方的”文章屬性”多了兩個選項,分別是”Elementor畫布”及”Elementor全寬”。

Elementor畫布:建立的頁面是全空白的,任你自由發揮創意

Elementor全寬:建立的頁面有預設的頁眉和頁腳(header and footer)但沒有側欄

第二步

打開新的一頁編輯後你會看到,有兩個案,左方的是新增區塊,右方正是我們要找的”新增版型”

之後你便可以加選取你的心水版型自行仍改動 ♥

另外你會發現還有兩個選項是:”區塊”及”我的版型”

區塊

是已設計好的單一項目,如:Header,Footer,404頁面,About等等,令你設計的靈活度可大大提高

我的版型


我的版型是你事先儲存的頁面或區塊設計,你可以用以下三個方法去把頁面或區塊儲存:

1.在Elementor的編輯頁面,滑鼠指向你想儲存的區塊的”加號旁的六點”按右鍵=>儲存成版型

2.儲存整個頁面: 在編輯頁面的最左下角,的綠色按鈕,選取儲存版型

3.Wordpress 控制台=> 選取Elementor的Templates=> Saved Templates => 新增 =>創建版型

現在你已懂得如何使用及創建Elementor的版型去架設美觀的Wordpress網站。

如還有什麼疑問可在下方留言給我,你更可在以下連結獲取Elementor PRO獲得有功能。

This Post Has 4 Comments

  1. Travis

    I am unable to read this, is there any way you can translate it to English? The website looks very nice though, I like the way you have it laid out. It seems like you have everything you would need to teach somebody how to do it if they were able to read the language. Thank you for sharing!

  2. Suz

    Hi and thanks a bunch for sharing the Elementor version library and especially the free Elementor plug-in.  I have spent 3 years so far working on my web design and am always looking for ways to make it more attractive and easier for clients to read through and navigate. I will be looking into this more.♥

  3. Rhain

    For a while now, I’ve been searching for an elementor tutorial. One that can show me step-by-step how to integrate and properly use a type library. this tutorial has done just that. You have gone over and beyond to make this as easy as possible. I’m sure even a total novice would get a good grasp of what to do and how to do it.

    thanks for sharing.

  4. Gomer

    I have Divi on one site which has the functionality that’s similar to Elementor and on the other site, I have an ordinary WordPress theme installed on it. In the site that has an ordinary theme installed, I am thinking of installing the Elementor plugin and design a landing page using Elementor’s drag and drop features. 

    In the site with Divi theme, I am happy to see regular updates from the theme’s developer which then assured me that the theme is safe and functioning well. I’d like to know if the developers of Elementor are also updating their products. Do they?

發佈留言