您想使用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 令人驚奇的是,它使您可以添加聯繫表並將其嵌入到您的網站中。
2。 JetMenu
JetMenu是一個擴展 非常實用 插件 Elementor,可讓您創建 megamenus 帶有易於使用的滾動元素。 該插件不會限制您的想像力,並且有可能創建令人驚嘆的菜單並根據您的遠見和需求對其進行修改。
它的主要特點是:不需要編碼知識, 豐富的功能與簡潔明了的完美結合, 大量的內容模塊,專門開發來幫助您創建菜單,快速響應的佈局等。
如果您想為您的網站菜單或巨型菜單增添趣味,請諮詢此WordPress插件。
3。 JetWooBuilder
JetWooBuilder是必備組件,可讓您使用Elementor創建完整的WooCommerce產品頁面。
作為功能,您會發現: 幾個獨特的產品頁面模板,許多視覺效果 創建產品頁面 WooCommerce, 許多引人注目的內容小部件,例如“添加到購物車”,“預覽”,“圖像”,“評分”,“相關”等,以及顯示的功能 產品分類 等等。
一些有用的資源:
- JetPlugins-使用Elementor Page Builder構建網站的最佳模組
- 用於創建網站的15主題和Elementor模板
- Monstroid 2-使用Elementor輕鬆創建您的網站
- 如何在WooCommerce上配置傳送
結論:
這是 ! 就是本教程的內容了,希望它允許您使用插件創建現代且專業的佈局 Elementor.
但是,您也可以諮詢我們的 RESSOURCES,如果您需要更多的元素來執行創建Internet網站的項目,請參考我們關於 WordPress博客創建 或者那個 Divi:有史以來最好的WordPress主題.
尤其是在您不同的社交網絡上分享本文。
...
如何製作 2 列以便在智能手機上仍然有 2 列? 對不起新手
你好
只需在所有設備上保留默認的兩列部分。 但總的來說,從美學和用戶友好的角度來看,將 2 列的一部分轉換為智能手機上的列會很有趣
cordialement
你好,蒂埃里!
非常感謝您的出色帖子。
我正在使用ELEMENTOR PRO,並創建了一個頁面,可以通過ELEMENTOR下載已建立的頁面,但是,我不明白,這個頁面可以在我的所有網站中找到...所有我的網絡架構中已經更改,正是這種佈局可以在我網站的所有頁面中找到。 另一方面,舊版式尚未刪除,但可以在頁面底部找到。 當我單擊“使用ELEMENTOR編輯”時,我無法刪除它……知道它的來源嗎?
非常感謝你!
你好蒂埃里
從心底裡,非常感謝您的這篇文章。現在,我有一個問題困擾了我幾天,我從 Wordpress 開始,使用 Ocean WP 作為主題,然後在免費版本中安裝了 Elementor,因此在這個免費版本中,我首先創建了我的頁面。但對我來說出現的問題是,當我發布我的頁面或文章時,大寫字母不會出現在點之後或句子開頭,這是排版或字體系列上的必要設置簡而言之,選擇幫助我更好地理解免費版本在句號後面沒有大寫字母。感謝您的體諒。
你好,
我建議您在WordPress.org頁面上聯繫Elementor插件支持。 你肯定會找到作者的答案。
您好,可以使用Elementor更改起始頁嗎? 如果是的話? 我可以使用此插件創建聯繫表單嗎? 🙂
你好,
是Elementor非常完整。
你好
我通過wordpress界面的自定義選項卡創建了我的主頁。 為什麼我在元素中找不到相同的東西? 在elementor上,我的菜單欄不在同一個地方,我沒有出現我的徽標! 我更喜歡wordpress上的那個,但當我對我的網站進行可視化時,會出現elementor的主頁! 你能告訴我怎麼做嗎?
謝謝你
抱歉,我忘了提到我使用的主題是oceanwp!
你好,
我們從未用您的主題測試過Elementor。 抱歉。
你好,
我有問題幾個月來,我尚未更新使用此元素的網站; 今天,我嘗試這樣做,但是我遇到了問題,大多數部分向我展示了帶有OFF OFFECTION字樣的劃線框,我無能為力。 我只能編輯頁面的一部分,其中一部分是我自己的文本。
你知道它能起作用嗎?
嗨,如何在Elementor Pro中編輯歸檔模板?在哪裡? 我無法在博客側欄中插入內容
瓦倫蒂娜你好,
你直接使用WordPress小部件嗎? 你想添加什麼樣的內容?
你好,
我正在學習如何使用WordPress建立網站,Elementor是一個很棒的插件,它對我有很大幫助,我發現了一些新東西。
也問題;)我通常處理解決方案。 不是現在。
我在編輯文字時遇到問題。 段落和標題都是固定的,我無法更改字體,顏色,粗細等。 儘管設置已更改,但沒有任何變化。 這不是圖案問題,因為它的字體和配色方案與Elementor給我的不同。
我什至不知道如何更改此模板參數(即使標頭為1),但我通過在標頭中輸入html代碼來更改它,並提供了幫助,現在它不起作用了。
這將如何改變? - 請幫忙。
你好,
嘗試禁用所有WordPress插件,然後重試。 如果您的問題在全部禁用時解決,請先逐個激活它們,然後每次檢查。
如果與另一個插件存在兼容性問題,您將知道哪個。
晚上好。
我在網站(著陸頁)上添加了一張照片,並試圖將其更改為另一張我無法…刪除的照片,並放入了新照片,但未加載…舊照片仍然保留…
你能幫我嗎?
你好
你檢查過WordPress網站的緩存了嗎?
您好,感謝您提供這篇文章,該文章確認了我選擇Elementor作為頁面構建器。 ^^
另一方面,您如何看待修改前創建子站點。 Elementor是否有必要?
我擔心更新主題時所做的所有更改都會被覆蓋嗎? 沒有風險嗎?
感謝您的回答,
邊àVOUS,
薩科
你好,
從未測試過。您聯絡過他們的支援人員嗎?
你好,感謝你這篇非常有趣的文章。
我開始使用Elementor,並想知道是否有任何需要,然後再繼續製作所用主題的子主題。 否則,是否存在主題或插件的更新將全部覆蓋使用Elementor構建的佈局的風險?
感謝你的回報,
你好,
我想知道如何獲取ELEMENTOR擴展的PHP代碼以將其集成到我的主頁中?
感謝您關注我的要求。
你好,
抱歉,我們沒有適合您的解決方案。
你好,
非常有趣的文章。
我對你是專業人士有疑問。
是否可以在生成的表單中添加方法=“ POST”?
讓松
晚上好,
尚未測試。 我建議您與Elementor團隊聯繫。
很好的文章,甘想問,我什麼時候開始去elementor的,或者為什麼它似乎有頁眉和頁腳,怎麼顯得空虛
你好,我不太明白你的問題。