Elementor工具使設計漂亮的頁面、文章和整個網站變得容易。但是,即使您擁有強大的頁面構建器 (例如Elementor),建立新的網站設計也需要時間和精力。
這就是Elementor的匯入和匯出系統的用武之地。使用此功能,您可以通過為專案建立可重用模板或匯入第三方佈局來縮短設計和開發時間。
這篇文章將深入探討Elementor靈活而強大的匯入/匯出系統。我們將涵蓋從部分模板到頁面模板的所有內容,甚至匯出您的整個Elementor網站。
- 如何為新的Elementor模板準備網站
- 如何儲存Elementor模板
- 如何建立Elementor模板
- 如何匯出Elementor模板
- 如何匯入Elementor模板
- 如何匯出和匯入單個Elementor頁面
- 如何匯出和匯入整個Elementor網站
- 如何修復Elementor的“無效檔案”錯誤
- 用於匯入和匯出模板的Elementor外掛
如何為新的Elementor模板準備網站
Elementor模板是適用於單個頁面或特定使用者介面 (UI) 元素的預先設計的佈局。儘管它們聽起來與WordPress主題相似,但還是有一些本質區別。
WordPress主題改變了整個網站的設計。相比之下,Elementor模板會影響單個網頁的佈局。由於它們僅限於一頁,因此可以同時使用多個 Elementor 模板。此外,這些模板在WordPress主題上執行,無論是免費的還是高階的。
將新的Elementor模板應用到您的網站可以改變它的外觀或功能。考慮到這一點,您應該在更改模板之前執行一些操作。
第 1 步:建立備份
在更改Elementor模板之前建立備份是明智的。此步驟可確保您在遇到新設計問題時可以恢復內容。
各種外掛使您能夠建立網站備份。其中包括UpdraftPlus外掛,它可以將您的所有檔案和資料庫資訊複製到雲端:
UpdraftPlus
如果您是寶塔面板使用者,單獨備份網站檔案或者資料庫都是一件非常容易的事情,甚至你可以設定自動備份計劃任務。
第 2 步:將您的站點置於維護模式
更改您網站的模板可能會導致意外的崩潰、錯誤或其他奇怪的行為。應用新設計後,您可能需要花一些時間測試您的網站並進行調整。
如果在您進行這些更改時訪問者試圖訪問您的網站,他們可能會影響他們的體驗質量。這可能會導致您失去潛在的轉化。
在應用新的Elementor模板之前,您可能希望將您的網站置於維護模式。此步驟將阻止訪問者在您測試新設計時訪問您的網站。
幾個外掛可以建立自定義維護模式。但是,WP Maintenance Mode 是一種流行的選擇:
WP Maintenance Mode
這個外掛有很多額外的附加功能,包括為您的維護啟動螢幕新增倒計時。此功能可以幫助您圍繞網站的重新設計和重新啟動引起轟動。
一旦您的網站處於維護模式,您就可以自由地嘗試各種模板並測試它們在您網站前端的顯示方式。當您對結果感到滿意時,您可以讓您的網站退出維護模式 – 並通過您的網站重新設計讓訪問者驚歎不已。
如何儲存Elementor模板
作為全球最受歡迎的頁面構建器之一,Elementor不乏現成的第三方模板。但是,有時您可能想要建立模板。
使用模板可以幫助您實現整個網站的設計一致性。它還可以節省您的時間,主要是如果您在多個站點上使用相同的設計。
例如,WordPress 設計和開發機構可能會受益於建立具有他們經常應用於其客戶網站的核心元素的模板。
方法 1:將頁面另存為Elementor模板
您可以將任何頁面儲存為Elementor模板。這可以幫助您建立標準的外觀和感覺,準備在您的網站上進行部署。
例如,您可以建立站點的選單,以及頁首和WordPress頁尾。然後,您可以將此頁面模板應用於您的所有網頁。
建立模板還意味著您不必為每個網頁手動重新建立相同的元素。這對您的生產力來說是個好訊息。
要將當前頁面儲存為Elementor模板,請在Elementor側邊欄底部找到綠色的Update/Publish按鈕。然後,單擊此按鈕隨附的箭頭圖示:
將頁面另存為Elementor模板
您現在可以單擊Save as Template。這將啟動一個視窗,您可以在其中為此模板指定一個描述性名稱:
為您的頁面模板命名
然後,點選Save。您現在可以通過啟動Elementor庫並選擇“My Templates”選項卡隨時訪問此設計 。
方法 2:將部分另存為Elementor模板
許多網站具有重複出現的元素。這些包括潛在客戶生成表格或描述您最暢銷產品的文字。
通過製作部分模板,您只需單擊幾下即可將其新增到任何頁面。您甚至可以為不同的內容類別建立部分模板。
例如,您可以構建一個號召性用語 (CTA) 模板。然後,每次您需要CTA時,您都可以簡單地匯入此模板並調整其訊息傳遞。
要建立模板,請按住Control鍵單擊相關部分 。然後,選擇Save As Template:
將部分另存為模板
在出現的視窗中,給這個模板一個描述性的名稱。然後,點選Save:
為您的部分命名
要將此模板應用於任何部分,只需啟動Elementor模板庫。您會在“My Templates” 選項卡中找到正在等待的設計。
如何建立Elementor模板
雖然您可以將任何正在進行的頁面或部分儲存為Elementor模板,但有時您會明確希望建立一個以供重複使用。在這種情況下,您可以將設計作為常規Elementor網頁開始,然後將其儲存為模板。
但是,您也可以提前通知Elementor您正在建立模板。這種方法使您可以更靈活地為網站的不同區域構建模板。
例如,您可以為錯誤404頁面、搜尋結果頁面設計模板,甚至建立彈出佈局。此方法還允許您使用庫中的任何模板作為新設計的基礎。
要建立頁面或部分模板,請導航至Templates > Saved Templates。然後,單擊Add New。在下一個視窗中,開啟Select the type of template…下拉選單:
選擇模板型別
您現在可以指定要建立的模板型別。我們已經介紹了頁面和部分模板,但此視窗為您提供了其他選項。
選擇後,給你的設計起一個描述性的名字,然後點選Create Template。這將啟動Elementor庫,您可以在其中使用預先存在的模板作為基礎。或者,您可以退出此視窗並從頭開始。
您現在可以使用標準Elementor編輯器構建模板。當您準備好儲存設計時,單擊Publish。這將啟動Publish Settings框:
釋出設定框
在這裡,您可以設定使用此模板的一些規則。例如,您可以單擊Add Condition並指定此佈局僅適用於單頁。
如何匯出Elementor模板
您可以從WordPress儀表盤匯出Elementor模板。此方法可以幫助您與同事共享設計或將其傳送給客戶以供他們批准。您甚至可以使用匯出功能來建立Elementor設計的備份。
匯出模板是跨多個域使用您的設計的一種簡單方法。這種方法對於管理眾多網站的WordPress設計和開發機構來說非常方便。如果您想通過您的設計獲利,出口它們通常是與世界分享它們的第一步。
導航到WordPress儀表盤中的Templates > Saved Templates以匯出設計。此選項卡顯示儲存到庫中的所有模板:
檢視所有已儲存的模板
WordPress還將這些模板分為Page和Section選項卡。只需找到您要匯出的模板,然後將滑鼠懸停在它上面:
在頁面和部分模板之間進行選擇
當Export Template連結出現時,單擊它。Elementor現在將此模板下載為JSON檔案。
您還可以從Elementor庫中匯出模板。在這個庫中,開啟My Template選項卡。找到您要匯出的模板,然後單擊其隨附的三點圖示:
直接從庫中匯出模板
然後,單擊Export。Elementor現在將此模板下載為JSON檔案。
如何匯入Elementor模板
有時,您可能希望將模板匯入Elementor。它可能是從其他網站匯出的設計或從第三方購買的設計。
如果您有JSON或ZIP格式的模板,您可以將其上傳到Elementor庫。首先,導航到Templates > Saved Templates。在此螢幕的頂部,單擊Import Templates:
找到並單擊“匯入模板”按鈕
然後,選擇您的Elementor匯入模板並單擊Import Now。此模板現在將出現在您的庫中。
要將此設計應用於您的網站佈局,只需使用Elementor編輯器開啟相關頁面或文章即可。然後,單擊由白色資料夾表示的Add Template圖示:
找到“新增模板”按鈕
在下一個視窗中,選擇My Templates選項卡。在這裡,您會找到所有Elementor匯入的模板:
檢視所有匯入的模板
要檢視此設計在應用於當前頁面時的外觀,請單擊Preview。如果您樂於使用此模板,請選擇其隨附的Insert連結。
如何匯出和匯入單個Elementor頁面
您可能希望跨多個站點重複使用同一頁面。例如,如果您運營多個WordPress網站,您可能會使用標準的關於我們頁面。
您可以將其儲存為Elementor模板並匯出,而不是手動重新建立此頁面。然後,您可以將設計匯入任何安裝了Elementor的網站。
要將單個頁面儲存為模板,請單擊Elementor的Publish/Update按鈕旁邊的箭頭圖示 。然後,您可以選擇Save as Template:
將單個頁面儲存為模板
在隨後的彈出視窗中,提供此模板名稱。然後,點選Save。
WordPress模板庫應該會自動開啟。您可以找到剛剛建立的模板,然後單擊其三點圖示。出現提示時,選擇Export:
在庫中找到任何模板
或者,您可以通過導航到WordPress儀表盤中的Templates > Saved Templates來匯出此單頁模板。然後,將滑鼠懸停在相關模板上並單擊Export。
將單頁模板安全地儲存在本地計算機上後,您可以將其匯入另一個網站。只需切換到您的新站點,然後導航到Templates > Saved Templates。
在此螢幕的頂部,單擊Import Templates。您現在可以匯入您的單頁設計。
如何匯出和匯入整個Elementor網站
雖然Elementor可以輕鬆匯入和匯出單頁模板,但您可能還需要匯出整個網站。
例如,您可能想要建立一個包含所有標準網站頁面的模板工具包,例如聯絡頁面和主頁。然後,您可以使用此工具包來構建您的基本網站。
讓我們看看如何建立這個工具包。以下是如何通過三個簡單的步驟匯出整個Elementor網站!
第 1 步:啟用Elementor匯出工具包
Elementor的匯出工具包功能可以匯出您的完整站點,包括其內容和設定。
如果您正在建立相關網站並希望保持相同的品牌,此功能會很有幫助。例如,您可以製作一個微型網站來宣傳即將推出的產品。
在撰寫本文時,Elementor的匯出工具包是一項實驗性功能。您需要通過導航到Elementor > Settings來啟用它。然後,您可以單擊“Experiments” 選項卡:
單擊Elementor選項卡並找到Experiments選項
滾動到Import Export Template Kit部分。然後,您可以開啟隨附的下拉選單並選擇Active:
滾動到“匯入匯出模板工具包”選項
不要忘記滾動到此頁面的底部並單擊Save Changes。這個實驗性功能現在可以使用了。
第 2 步:匯出整個Elementor網站
在您的WordPress儀表盤中,導航到Elementor > Tools。現在點選Import/Export Kit:
點選匯入匯出工具包
點選Start Export。出現提示時,指定要包含在下載中的內容和資料。
例如,您可以選擇僅匯出模板。或者,您可以匯出所有內容,包括頁面、文章和自定義文章型別:
匯出您想要的任何或所有內容
接下來,單擊以展開Kit Information部分併為您的檔案指定一個描述性名稱。您還可以輸入可選描述:
給你的檔案一個描述性的名字
當您對您的選擇感到滿意時,點選Export。Elementor現在將建立您的套件並顯示此檔案中包含的所有內容的摘要:
您將獲得套件的顯示摘要
Elementor會自動將生成的工具包下載到您的計算機上。出現提示時,單擊Back to dashboard。
第 3 步:匯入您的網站
您現在可以將模板工具包匯入任何安裝了 Elementor 的網站。它將覆蓋您現有的內容,因此我們建議您在繼續之前建立完整備份。
備份到位後,您需要在目標網站上啟用Elementor Experiments。和以前一樣,導航到Elementor > Settings > Experiments。然後,您可以選擇Import Export Template Kit 部分並啟用此功能。
接下來,導航到Templates > Kit Library。點選Start Import。在隨後的螢幕上,選擇您在上一步中下載的檔案:
匯入模板工具包
如果您將套件應用於預先存在的安裝,Elementor將顯示與您正在匯入的模板具有相同條件的任何模板。然後,您可以選擇要替換的模板和保留的模板。
做出選擇後,單擊Next。Elementor現在將匯入您的站點工具包。
如何修復Elementor的“無效檔案”錯誤
有時,您在嘗試匯入模板時可能會看到“無效檔案”錯誤。這通常意味著您正在嘗試匯入使用早期版本的Elementor建立的模板。
要解決此錯誤,您需要暫時切換到Elementor的早期版本。此更改可能會導致您的網站出現問題。
考慮到這一點,我們建議在繼續之前建立完整備份。您可能還需要考慮將您的站點置於維護模式。
當您準備好繼續時,請前往Elementor外掛列表。然後,選擇Advanced View:
點選“高階檢視”選項
在頁面底部,使用下拉選單選擇Elementor的早期版本。為了獲得最佳效果,我們建議下載Elementor 1的最新版本,即1.9.8:
下載最新版本的Elementor
一旦你有了這個檔案,你就有幾個選擇。您可以停用並刪除您當前的Elementor版本。然後,您可以上傳並啟用剛剛下載的軟體。
或者,您可以使用Easy Theme和Plugin Upgrades。啟用此外掛後,您可以上傳較舊的Elementor版本,而無需停用和刪除最新版本。
上傳Elementor的舊版本後,導航到Plugins > Installed Plugins。WordPress應該已經自動切換到較早的軟體版本:
在外掛部分檢視新版本的Elementor
您現在應該能夠毫無問題地匯入您的模板。匯入完成後,導航回Plugins > Installed plugins,並恢復最新版本的Elementor。該模板現在應該在您的庫中,可以使用了。
用於匯入和匯出模板的Elementor外掛
正如我們剛剛看到的,Elementor擁有強大的匯入和匯出系統。開箱即用,您可以使用此功能為各個部分、頁面甚至整個網站建立模板。
但是,您可能希望擴充套件此內建功能。考慮到這一點,這裡有三個Elementor匯入模板外掛,它們承諾增強匯入和匯出過程!
1.Happy Addons Pro
Happy Addons Pro通過新增20多個新功能擴充套件了標準Elementor體驗。其中包括可以整合到您的匯入和匯出工作流程中的幾個功能:
Happy Addons Pro
如果您正在使用多個站點,則可能需要使用Happy Addons Pro的跨域複製貼上功能。它使您能夠輕鬆地從一個站點複製內容並將其貼上到完全不同的域中。
如果您想重複使用任何Happy Addons Pro演示內容,可以將其複製到Elementor編輯器面板中。此外,此外掛還擁有定製的匯入功能。它提供了您對內建Elementor匯入和匯出系統所期望的所有功能。
特別是,您可以根據部分名稱搜尋快樂外掛模板或按頁面部分類別過濾。
特徵:
- 從70多個登入頁面模板中進行選擇。
- 使用Happy Clone功能複製任何頁面或文章。
- 從HappyAddons Pro的演示內容中輕鬆複製部分模板。
- 從任何網站複製一個部分,然後將其貼上到不同的域中。
定價:年度許可證起價為33美元。
2. Mighty Addons for Elementor
Mighty Addons for Elementor附帶一系列預先設計的模板工具包。當您將這些工具包匯入您的網站時,您將訪問設計各種網站所需的所有頁面。
Mighty Addons for Elementor為許多不同行業提供模板工具包。這些包括動物福利、健身、招待、諮詢,甚至跳傘業務:
Mighty Addons for Elementor
此外掛還具有跨域複製貼上功能。如果您管理多個網站,這可能是對傳統匯入/匯出Elementor工作流程的強大補充。特別是,此功能使您可以跨多個Elementor支援的網站使用任何部分、行、列甚至整個頁面的內容。
特徵:
- 在域之間輕鬆複製影象和視訊。
- 使用範圍廣泛的即用型部分模板。
- 將該工具與Pixabay股票攝影服務整合。
定價: 您可以下載Elementor外掛的核心Mighty Addons。還提供專業版,許可證起價為29美元。
3. Envato Elements
Envato Elements外掛可讓您在不離開WordPress的情況下瀏覽數千個頁面並阻止模板。找到完美的模板後,您可以輕鬆地將其匯入您的網站:
Envato Elements
為了幫助您快速設計具有專業外觀的網站,Envato Elements還提供了廣泛的模板工具包。此外,如果您使用庫存照片,此外掛可讓您輕鬆訪問超過一百萬張免版稅影象。
特徵:
- 多用途模板
- 靈活且完全可定製的內容
- 一鍵匯入
- 與Elementor UI無縫整合
定價: 您可以免費下載Envato Elements外掛 。但是,您需要訂閱Envato Elements才能訪問和使用模板內容。價格為每月16.50美元。
小結
我們不會假裝設計一個令人驚歎的網站很簡單。幸運的是,藉助Elementor的匯出和匯入模板功能,您不必從頭開始每個專案。
您可以利用現成的模板快速完成早期的Web開發階段。您還可以建立部分和頁面模板,以便在未來的專案中重複使用。如果您對某個網站特別自豪,Elementor甚至可以匯出您的整個網站。可能性是無止境!
評論留言