Elementor從菜鳥到大師極速版

Elementor是國外的一款wordpress網站頁面設計插件，使用它你可以在不會任何代碼的情況下設計出自己喜歡的頁面。該插件兼容性很好，絕大多數主題都可以使用Elementor來設計頁面。

不論你的wordpress是外貿、博客、新聞、筆記、等各種類型的站點Elementor都能設計出相應的頁面。

文章目錄

1 頁面構成
2 基礎操作
3 模板導入
4 Elementor主題
5 設計header頁眉
6 設計Footer頁腳
7 發布注意
8 文章頁面模板
9 你想把文件放在哪裡?
10 插件列表

頁面構成

我們wordpress中基本所有的頁面都是由3部分組成。

Header頁眉部分：一般包括網站logo和導航欄等內容。

body內容主體部分：我們的文章內容都在此部分內，各個頁面的側邊工具欄也在此部分。

Footer頁腳部分：我們網站底部的版權信息等內容都在此部分。

一般Header和Footer都是全局調用，我們網站所有頁面不管是文章、頁面、列表頁、搜索頁等頁眉頁腳都是相同的模板。（有需求的話也可以設置個別頁面不調用Header和Footer）

基礎操作

打開文章或者頁面列表，在任意文章點擊“編輯”。這時進入到了我們wordpress默認的編輯器當中。

在文章標題下有個“使用Elementor編輯”的按鈕，點擊它就進入到了Elementor編輯界面。

我們點擊左上側的菜單按鈕，三個橫杠。

再點擊主題生成器，就進入到了通用頁面生成的界面。

左側這裡就是一些常見的各種通用頁面分類。

我們在主題生成器界面，左側分類後面鼠標放上去有個加號，點擊會創建對應分類的頁面。並進入模板選擇界面。

模板導入

因為教程演示過程會涉及到網站頁面大變動，後面本文將使用另外一個測試站點作為演示。所以截圖可能看着有點不一樣。

自動會進入模板選擇界面，裡面分為三個菜單。模塊、網頁、我的模板

我們這裡就以“模塊”中第一個為例。

點擊他會進入預覽界面，右上側點擊插入。

模板插入完成後會進入編輯界面。

Elementor主題

Hello Elementor–Elementor官方推薦主題，加載速度極快！本站目前使用的是這個。

Layers–免費的響應式多功能主題。該主題具有一個特殊的面板，提供易於使用的工具，可快速自定義網站的頁眉和頁腳，博客頁面等區域。

BuWoo–BuWoo是Elementor增強的WooCommerce主題，其中包含自定義Elementor / WooCommerce小部件，並且支持SEO。多種店鋪布局和標題樣式。更適合電商網站使用。

Sydney–Sydney是一個強大的商業主題，它為公司或自由職業者提供了一種快速的方式來建立出色的在線形象。該主題在Elementor中也很好用。

GeneratePress–GeneratePress是一個輕量級的WordPress主題，專註於速度和可用性。性能對我們很重要，因此，全新的GeneratePress安裝會為您的頁面大小增加少於10kb（壓縮）的原因。

OceanWP–OceanWP是您項目的理想主題。輕巧且高度可擴展，它將使您能夠創建具有美觀和專業設計的幾乎所有類型的網站，例如博客，投資組合，商業網站和WooCommerce店面。

Astra–Astra是一種快速，完全可自定義且美觀的WordPress主題，適用於博客，個人作品集，商業網站和WooCommerce店面。

Rife Free–Rife Free是一款出色的作品集和攝影WP主題，具有7個現成的演示版式。它也是與WooCommerce兼容的，非常適合企業，博客網站和您的商店。

Neve–Neve是一個超級快速，易於自定義的多功能主題。它非常適合博客，小型企業，創業公司，代理商，公司，電子商務商店（WooCommerce店面）以及個人投資組合網站和大多數類型的項目。

Tesseract–Tesseract在全球範圍內被成千上萬的WordPress支持者所使用，以建立在線業務，博客，產品組合，電子商務商店和個人網站。從初學者到自由職業者，再到Web開發人員，任何人都可以使用此主題。

Page Builder Framework–Page Builder Framework是一種超快速，輕量級（前端少於50kb）且高度可定製的WordPress主題，可與Elementor，Beaver Builder，Visual Composer，SiteOrigin，Divi，Thrive Architect，Brazy等所有頁面構建器一起使用。

Zakra–Zakra是靈活，快速，輕巧和現代的多功能主題，它包含許多免費的入門站點（目前有10個以上的免費入門站點，以後還會添加更多免費的入門站點），您可以使用它們來使您的站點美觀和專業。

PHLOX–Phlox是一種現代，輕便且可自定義的主題，幾乎適用於幾乎所有類型的網站，包括博客，投資組合，企業，代理，新聞和雜誌，食品和餐館，旅遊和攝影以及WooCommerce店面。

Ashe–個人和多作者免費WordPress博客主題。非常適合個人，生活方式，健康與健身，食品，烹飪，麵包店，旅行，美容，時尚，婚禮，攝影，新聞，報價博客，汽車博客，小型企業網站以及任何其他令人驚嘆的博客。