您想使用Elementor創建佈局嗎? 您是否想輕鬆創建具有專業外觀的WordPress網站? 那你必須 在此處下載WordPress Elementor插件.

 Elementor 是一個可視頁面構建器,提供“拖放”功能,使您無需任何編碼知識即可輕鬆在WordPress上創建自定義佈局。

在本教程中,我們將向您展示如何只需單擊幾下即可使用Elementor輕鬆創建自定義WordPress佈局。 我們還為您提供 看看這個美麗的WordPress插件的其他選擇.

但是之前,如果您從未安裝過WordPress發現 如何安裝WordPress博客7步驟 et 如何找到,安裝和你的博客激活WordPress主題 

然後回到為什麼我們在這裡。

為什麼以及何時在WordPress上創建自定義佈局?

在開始之前,您可以通過參考文章在此WordPress插件上進行發現 WordPress構建器頁面的演示:Elementor 或發現 Elementor教程:介面介紹 

許多 WordPress主題 免費版和高級版都為不同類型的頁面提供多種佈局選擇。 但是,有時這些模板佈局都不能滿足您的需求。

但是,如果您是PHP,HTML和CSS的愛好者,則可以選擇創建自己的頁面模板,甚至為網站創建子主題。 但是,大多數WordPress用戶不是開發人員,因此此選項不適用於他們。

還發現這些 8 WordPress插件可輕鬆創建佈局

那麼使用簡單的界面(拖放)創建佈局不是很好嗎?

這正是Elementor所做的。 這是一個WordPress頁面構建器插件,可讓您輕鬆創建自己的自定義WordPress佈局,而無需任何編碼技能。

它具有直觀的用戶界面,可讓您使用實時預覽創建自定義佈局。 它帶有用於所有類型的Web設計元素的大量現成模塊。

它提供了幾個專業設計的頁面模板,您可以立即加載和使用它們作為起點。 話雖如此,讓我們看一下如何使用WordPress Elementor插件創建自定義WordPress佈局。

Elementor入門

首先,您需要購買插件“ 元素專業 ”。 這是插件的付費版本“ Elementor 免費,您可以使用其他功能和1的客戶支持。

然後你需要安裝並激活 Elementor插件。 有關更多詳細信息,請參見有關以下內容的分步指南 安裝WordPress插件的方法.

激活後,訪問“ Elementor>設置 配置此插件的操作。

在這裡,您可以為不同類型的帖子激活“Elementor”。 默認情況下,它為您的 WordPress 帖子和頁面啟用。 如果您的網站上有自定義帖子格式,它們也會顯示在此處,您也可以啟用它們。

您將能夠排除或包括在撰寫文章或頁面時可以使用Elementor的用戶角色。 默認情況下,僅對管理員啟用。

發現我們的 8 WordPress插件用於管理角色和用戶

別忘了點擊按鈕« 保存更改 保存設置。

使用Elementor創建自定義佈局

首先,您需要在WordPress網站上創建一個新頁面(或發布)。 在帖子編輯頁面上,您會注意到新的“使用Elementor編輯”按鈕。

單擊它會啟動Elementor UI,您可以在其中使用具有拖放功能的可視頁面構建器來編輯頁面。

現在,您可以添加部分並從頭開始創建頁面,或者仍然可以加載默認的附帶模板之一。

模型是快速入門的較快方法。 因此,Elementor提供了幾個專業設計的模板,您可以根據需要進行自定義。

讓我們從點擊“ 添加模板 “。

這將顯示一個彈出窗口,您可以在其中看到可用的不同型號。 您應該尋找一個看起來像您想要的模型。 

現在單擊以選擇所需的模型,然後單擊按鈕 插入 要將其添加到您的頁面。

Elementor將為您加載模板。

現在,您可以開始修改模板以滿足您的需求。 只需指向並單擊任何元素以將其選中,Elementor就會在左欄中顯示其設置。

現在讓我們討論一下Elementor的佈局是如何工作的。

提供的型號 Elementor插件 建立在部分、列和小部件之上。 部分就像您放置在頁面上的線條或塊。

每個部分可以具有多個列,每個部分和列可以具有自己的樣式,顏色,內容等。

您可以選擇使用Elementor提供的小部件在您的列和節中添加元素。

這些小部件是您可以放置​​在頁面部分中的內容塊類型。

只需選擇一個小部件並將其放在您的部分或列中。 有大量的小部件可用,涵蓋您可以想像的所有流行的網頁設計元素。

您可以添加圖像,文本,主題,圖像庫,視頻,地圖,圖標,推薦書,滑塊,輪播等。

另見我們的 15 Elementor主題和模板來創建網站

您還可以添加默認的 WordPress 小部件,甚至是其他人創建的小部件 WordPress插件 在您的網站上。

完成創建自己的佈局或修改佈局後,您可以點擊“ Enregistrer 保留您的更改。

雷馬克: 保存佈局不會將該頁面發佈到您的WordPress網站。 它將僅保存您的佈局。

此時,您可以選擇預覽頁面或轉到WordPress儀表板。 這將帶您回到默認的WordPress帖子編輯器。 您現在可以保存WordPress頁面或將其發佈到您的網站。

就是這樣,所以完成了使用WordPress Elementor插件創建頁面的操作。

但與許多頁面構建器一樣,它也提供擴展 通過將更多設計元素引入默認插件,您可以輕鬆快速地創建新佈局。

下載Elementor

還發現一些高級WordPress插件  

您可以使用其他 WordPress插件 賦予現代外觀並優化您的博客或網站的處理。

我們在這里為您提供了一些高級WordPress插件,它們將幫助您實現這一目標。

1。 JetElements 

該插件將通過各種模塊增強您的Elementor捆綁包,這在構建您的網站時將非常有用。 強大的元素是專門為與Elementor的功能集成而創建的,可為您提供多功能的解決方案和時尚的元素。

它的主要功能是:許多有用的模塊,其中包含許多樣式選項,功能參數和絕對可自定義的元素,可快速啟動您的在線商店的令人難以置信的元素,對RTL語言的支持, WPML插件支持 和一個模塊 聯繫表7 令人驚奇的是,它使您可以添加聯繫表並將其嵌入到您的網站中。

下載 | DEMO | 虛擬主機

2。 JetMenu 

JetMenu是一個擴展 非常實用 插件 Elementor,可讓您創建 megamenus 帶有易於使用的滾動元素。 該插件不會限制您的想像力,並且有可能創建令人驚嘆的菜單並根據您的遠見和需求對其進行修改。

它的主要特點是:不需要編碼知識, 豐富的功能與簡潔明了的完美結合, 大量的內容模塊,專門開發來幫助您創建菜單,快速響應的佈局等。

如果您想為您的網站菜單或巨型菜單增添趣味,請諮詢此WordPress插件。

下載 | DEMO | 虛擬主機

3。 JetWooBuilder 

JetWooBuilder是必備組件,可讓您使用Elementor創建完整的WooCommerce產品頁面。

作為功能,您會發現: 幾個獨特的產品頁面模板,許多視覺效果 創建產品頁面 WooCommerce許多引人注目的內容小部件,例如“添加到購物車”,“預覽”,“圖像”,“評分”,“相關”等,以及顯示的功能 產品分類 等等。

下載 | DEMO | 虛擬主機

一些有用的資源:

結論:

這是 ! 就是本教程的內容了,希望它允許您使用插件創建現代且專業的佈局 Elementor.

但是,您也可以諮詢我們的 RESSOURCES,如果您需要更多的元素來執行創建Internet網站的項目,請參考我們關於 WordPress博客創建 或者那個 Divi:有史以來最好的WordPress主題.

尤其是在您不同的社交網絡上分享本文。

...

別起來Pinterest上