Elementor工具使設(shè)計(jì)漂亮的頁面、文章和整個(gè)網(wǎng)站變得容易。但是，即使您擁有強(qiáng)大的頁面構(gòu)建器 （例如Elementor），創(chuàng)建新的網(wǎng)站設(shè)計(jì)也需要時(shí)間和精力。

這就是Elementor的導(dǎo)入和導(dǎo)出系統(tǒng)的用武之地。使用此功能，您可以通過為項(xiàng)目創(chuàng)建可重用模板或?qū)氲谌讲季謥砜s短設(shè)計(jì)和開發(fā)時(shí)間。

這篇文章將深入探討Elementor靈活而強(qiáng)大的導(dǎo)入/導(dǎo)出系統(tǒng)。我們將涵蓋從部分模板到頁面模板的所有內(nèi)容，甚至導(dǎo)出您的整個(gè)Elementor網(wǎng)站。

1. 如何為新的Elementor模板準(zhǔn)備網(wǎng)站
2. 如何保存Elementor模板
3. 如何創(chuàng)建Elementor模板
4. 如何導(dǎo)出Elementor模板
5. 如何導(dǎo)入Elementor模板
6. 如何導(dǎo)出和導(dǎo)入單個(gè)Elementor頁面
7. 如何導(dǎo)出和導(dǎo)入整個(gè)Elementor網(wǎng)站
8. 如何修復(fù)Elementor的“無效文件”錯誤
9. 用于導(dǎo)入和導(dǎo)出模板的Elementor插件

如何為新的Elementor模板準(zhǔn)備網(wǎng)站

Elementor模板是適用于單個(gè)頁面或特定用戶界面 (UI) 元素的預(yù)先設(shè)計(jì)的布局。盡管它們聽起來與wordpress主題相似，但還是有一些本質(zhì)區(qū)別。

wordpress主題改變了整個(gè)網(wǎng)站的設(shè)計(jì)。相比之下，Elementor模板會影響單個(gè)網(wǎng)頁的布局。由于它們僅限于一頁，因此可以同時(shí)使用多個(gè) Elementor 模板。此外，這些模板在WordPress主題上運(yùn)行，無論是免費(fèi)的還是高級的。

將新的Elementor模板應(yīng)用到您的網(wǎng)站可以改變它的外觀或功能?？紤]到這一點(diǎn)，您應(yīng)該在更改模板之前執(zhí)行一些操作。

第 1 步：創(chuàng)建備份

在更改Elementor模板之前創(chuàng)建備份是明智的。此步驟可確保您在遇到新設(shè)計(jì)問題時(shí)可以恢復(fù)內(nèi)容。

各種插件使您能夠創(chuàng)建網(wǎng)站備份。其中包括UpdraftPlus插件，它可以將您的所有文件和數(shù)據(jù)庫信息復(fù)制到云端：

UpdraftPlus

如果您是寶塔面板用戶，單獨(dú)備份網(wǎng)站文件或者數(shù)據(jù)庫都是一件非常容易的事情，甚至你可以設(shè)置自動備份計(jì)劃任務(wù)。

第 2 步：將您的站點(diǎn)置于維護(hù)模式

更改您網(wǎng)站的模板可能會導(dǎo)致意外的崩潰、錯誤或其他奇怪的行為。應(yīng)用新設(shè)計(jì)后，您可能需要花一些時(shí)間測試您的網(wǎng)站并進(jìn)行調(diào)整。

如果在您進(jìn)行這些更改時(shí)訪問者試圖訪問您的網(wǎng)站，他們可能會影響他們的體驗(yàn)質(zhì)量。這可能會導(dǎo)致您失去潛在的轉(zhuǎn)化。

在應(yīng)用新的Elementor模板之前，您可能希望將您的網(wǎng)站置于維護(hù)模式。此步驟將阻止訪問者在您測試新設(shè)計(jì)時(shí)訪問您的網(wǎng)站。

幾個(gè)插件可以創(chuàng)建自定義維護(hù)模式。但是，WP Maintenance Mode?是一種流行的選擇：

WP Maintenance Mode

這個(gè)插件有很多額外的附加功能，包括為您的維護(hù)啟動屏幕添加倒計(jì)時(shí)。此功能可以幫助您圍繞網(wǎng)站的重新設(shè)計(jì)和重新啟動引起轟動。

一旦您的網(wǎng)站處于維護(hù)模式，您就可以自由地嘗試各種模板并測試它們在您網(wǎng)站前端的顯示方式。當(dāng)您對結(jié)果感到滿意時(shí)，您可以讓您的網(wǎng)站退出維護(hù)模式 – 并通過您的網(wǎng)站重新設(shè)計(jì)讓訪問者驚嘆不已。

如何保存Elementor模板

作為全球最受歡迎的頁面構(gòu)建器之一，Elementor不乏現(xiàn)成的第三方模板。但是，有時(shí)您可能想要創(chuàng)建模板。

使用模板可以幫助您實(shí)現(xiàn)整個(gè)網(wǎng)站的設(shè)計(jì)一致性。它還可以節(jié)省您的時(shí)間，主要是如果您在多個(gè)站點(diǎn)上使用相同的設(shè)計(jì)。

例如，WordPress 設(shè)計(jì)和開發(fā)機(jī)構(gòu)可能會受益于創(chuàng)建具有他們經(jīng)常應(yīng)用于其客戶網(wǎng)站的核心元素的模板。

方法 1：將頁面另存為Elementor模板

您可以將任何頁面保存為Elementor模板。這可以幫助您建立標(biāo)準(zhǔn)的外觀和感覺，準(zhǔn)備在您的網(wǎng)站上進(jìn)行部署。

例如，您可以創(chuàng)建站點(diǎn)的菜單，以及頁眉和WordPress頁腳。然后，您可以將此頁面模板應(yīng)用于您的所有網(wǎng)頁。

創(chuàng)建模板還意味著您不必為每個(gè)網(wǎng)頁手動重新創(chuàng)建相同的元素。這對您的生產(chǎn)力來說是個(gè)好消息。

要將當(dāng)前頁面保存為Elementor模板，請?jiān)贓lementor側(cè)邊欄底部找到綠色的Update/Publish按鈕。然后，單擊此按鈕隨附的箭頭圖標(biāo)：

將頁面另存為Elementor模板

您現(xiàn)在可以單擊Save as Template。這將啟動一個(gè)窗口，您可以在其中為此模板指定一個(gè)描述性名稱：

為您的頁面模板命名

然后，點(diǎn)擊Save。您現(xiàn)在可以通過啟動Elementor庫并選擇“My Templates”選項(xiàng)卡隨時(shí)訪問此設(shè)計(jì)?。

方法 2：將部分另存為Elementor模板

許多網(wǎng)站具有重復(fù)出現(xiàn)的元素。這些包括潛在客戶生成表格或描述您最暢銷產(chǎn)品的文本。

通過制作部分模板，您只需單擊幾下即可將其添加到任何頁面。您甚至可以為不同的內(nèi)容類別創(chuàng)建部分模板。

例如，您可以構(gòu)建一個(gè)號召性用語 (CTA) 模板。然后，每次您需要CTA時(shí)，您都可以簡單地導(dǎo)入此模板并調(diào)整其消息傳遞。

要創(chuàng)建模板，請按住Control鍵單擊相關(guān)部分 。然后，選擇Save As Template：

將部分另存為模板

在出現(xiàn)的窗口中，給這個(gè)模板一個(gè)描述性的名稱。然后，點(diǎn)擊Save：

為您的部分命名

要將此模板應(yīng)用于任何部分，只需啟動Elementor模板庫。您會在“My Templates”?選項(xiàng)卡中找到正在等待的設(shè)計(jì)。

如何創(chuàng)建Elementor模板

雖然您可以將任何正在進(jìn)行的頁面或部分保存為Elementor模板，但有時(shí)您會明確希望創(chuàng)建一個(gè)以供重復(fù)使用。在這種情況下，您可以將設(shè)計(jì)作為常規(guī)Elementor網(wǎng)頁開始，然后將其保存為模板。

但是，您也可以提前通知Elementor您正在創(chuàng)建模板。這種方法使您可以更靈活地為網(wǎng)站的不同區(qū)域構(gòu)建模板。

例如，您可以為錯誤404頁面、搜索結(jié)果頁面設(shè)計(jì)模板，甚至創(chuàng)建彈出布局。此方法還允許您使用庫中的任何模板作為新設(shè)計(jì)的基礎(chǔ)。

要創(chuàng)建頁面或部分模板，請導(dǎo)航至Templates > Saved Templates。然后，單擊Add New。在下一個(gè)窗口中，打開Select the type of template…下拉菜單：

選擇模板類型

您現(xiàn)在可以指定要創(chuàng)建的模板類型。我們已經(jīng)介紹了頁面和部分模板，但此窗口為您提供了其他選項(xiàng)。

選擇后，給你的設(shè)計(jì)起一個(gè)描述性的名字，然后點(diǎn)擊Create Template。這將啟動Elementor庫，您可以在其中使用預(yù)先存在的模板作為基礎(chǔ)?；蛘?，您可以退出此窗口并從頭開始。

您現(xiàn)在可以使用標(biāo)準(zhǔn)Elementor編輯器構(gòu)建模板。當(dāng)您準(zhǔn)備好保存設(shè)計(jì)時(shí)，單擊Publish。這將啟動Publish Settings框：

發(fā)布設(shè)置框

在這里，您可以設(shè)置使用此模板的一些規(guī)則。例如，您可以單擊Add Condition并指定此布局僅適用于單頁。

如何導(dǎo)出Elementor模板

您可以從WordPress儀表盤導(dǎo)出Elementor模板。此方法可以幫助您與同事共享設(shè)計(jì)或?qū)⑵浒l(fā)送給客戶以供他們批準(zhǔn)。您甚至可以使用導(dǎo)出功能來創(chuàng)建Elementor設(shè)計(jì)的備份。

導(dǎo)出模板是跨多個(gè)域使用您的設(shè)計(jì)的一種簡單方法。這種方法對于管理眾多網(wǎng)站的WordPress設(shè)計(jì)和開發(fā)機(jī)構(gòu)來說非常方便。如果您想通過您的設(shè)計(jì)獲利，出口它們通常是與世界分享它們的第一步。

導(dǎo)航到WordPress儀表盤中的Templates > Saved Templates以導(dǎo)出設(shè)計(jì)。此選項(xiàng)卡顯示保存到庫中的所有模板：

查看所有已保存的模板

WordPress還將這些模板分為Page和Section選項(xiàng)卡。只需找到您要導(dǎo)出的模板，然后將鼠標(biāo)懸停在它上面：

在頁面和部分模板之間進(jìn)行選擇

當(dāng)Export Template鏈接出現(xiàn)時(shí)，單擊它。Elementor現(xiàn)在將此模板下載為JSON文件。

您還可以從Elementor庫中導(dǎo)出模板。在這個(gè)庫中，打開My Template選項(xiàng)卡。找到您要導(dǎo)出的模板，然后單擊其隨附的三點(diǎn)圖標(biāo)：

直接從庫中導(dǎo)出模板

然后，單擊Export。Elementor現(xiàn)在將此模板下載為JSON文件。

如何導(dǎo)入Elementor模板

有時(shí)，您可能希望將模板導(dǎo)入Elementor。它可能是從其他網(wǎng)站導(dǎo)出的設(shè)計(jì)或從第三方購買的設(shè)計(jì)。

如果您有JSON或ZIP格式的模板，您可以將其上傳到Elementor庫。首先，導(dǎo)航到Templates > Saved Templates。在此屏幕的頂部，單擊Import Templates：

找到并單擊“導(dǎo)入模板”按鈕

然后，選擇您的Elementor導(dǎo)入模板并單擊Import Now。此模板現(xiàn)在將出現(xiàn)在您的庫中。

要將此設(shè)計(jì)應(yīng)用于您的網(wǎng)站布局，只需使用Elementor編輯器打開相關(guān)頁面或文章即可。然后，單擊由白色文件夾表示的Add Template圖標(biāo)：

找到“添加模板”按鈕

在下一個(gè)窗口中，選擇My Templates選項(xiàng)卡。在這里，您會找到所有Elementor導(dǎo)入的模板：

查看所有導(dǎo)入的模板

要查看此設(shè)計(jì)在應(yīng)用于當(dāng)前頁面時(shí)的外觀，請單擊Preview。如果您樂于使用此模板，請選擇其隨附的Insert鏈接。

如何導(dǎo)出和導(dǎo)入單個(gè)Elementor頁面

您可能希望跨多個(gè)站點(diǎn)重復(fù)使用同一頁面。例如，如果您運(yùn)營多個(gè)WordPress網(wǎng)站，您可能會使用標(biāo)準(zhǔn)的關(guān)于我們頁面。

您可以將其保存為Elementor模板并導(dǎo)出，而不是手動重新創(chuàng)建此頁面。然后，您可以將設(shè)計(jì)導(dǎo)入任何安裝了Elementor的網(wǎng)站。

要將單個(gè)頁面保存為模板，請單擊Elementor的Publish/Update按鈕旁邊的箭頭圖標(biāo)?。然后，您可以選擇Save as Template：

將單個(gè)頁面保存為模板

在隨后的彈出窗口中，提供此模板名稱。然后，點(diǎn)擊Save。

WordPress模板庫應(yīng)該會自動打開。您可以找到剛剛創(chuàng)建的模板，然后單擊其三點(diǎn)圖標(biāo)。出現(xiàn)提示時(shí)，選擇Export：

在庫中找到任何模板

或者，您可以通過導(dǎo)航到WordPress儀表盤中的Templates > Saved Templates來導(dǎo)出此單頁模板。然后，將鼠標(biāo)懸停在相關(guān)模板上并單擊Export。

將單頁模板安全地存儲在本地計(jì)算機(jī)上后，您可以將其導(dǎo)入另一個(gè)網(wǎng)站。只需切換到您的新站點(diǎn)，然后導(dǎo)航到Templates > Saved Templates。

在此屏幕的頂部，單擊Import Templates。您現(xiàn)在可以導(dǎo)入您的單頁設(shè)計(jì)。

如何導(dǎo)出和導(dǎo)入整個(gè)Elementor網(wǎng)站

雖然Elementor可以輕松導(dǎo)入和導(dǎo)出單頁模板，但您可能還需要導(dǎo)出整個(gè)網(wǎng)站。

例如，您可能想要創(chuàng)建一個(gè)包含所有標(biāo)準(zhǔn)網(wǎng)站頁面的模板工具包，例如聯(lián)系頁面和主頁。然后，您可以使用此工具包來構(gòu)建您的基本網(wǎng)站。

讓我們看看如何創(chuàng)建這個(gè)工具包。以下是如何通過三個(gè)簡單的步驟導(dǎo)出整個(gè)Elementor網(wǎng)站！

第 1 步：啟用Elementor導(dǎo)出工具包

Elementor的導(dǎo)出工具包功能可以導(dǎo)出您的完整站點(diǎn)，包括其內(nèi)容和設(shè)置。

如果您正在創(chuàng)建相關(guān)網(wǎng)站并希望保持相同的品牌，此功能會很有幫助。例如，您可以制作一個(gè)微型網(wǎng)站來宣傳即將推出的產(chǎn)品。

在撰寫本文時(shí)，Elementor的導(dǎo)出工具包是一項(xiàng)實(shí)驗(yàn)性功能。您需要通過導(dǎo)航到Elementor > Settings來啟用它。然后，您可以單擊“Experiments”?選項(xiàng)卡：

單擊Elementor選項(xiàng)卡并找到Experiments選項(xiàng)

滾動到Import Export Template Kit部分。然后，您可以打開隨附的下拉菜單并選擇Active：

滾動到“導(dǎo)入導(dǎo)出模板工具包”選項(xiàng)

不要忘記滾動到此頁面的底部并單擊Save Changes。這個(gè)實(shí)驗(yàn)性功能現(xiàn)在可以使用了。

第 2 步：導(dǎo)出整個(gè)Elementor網(wǎng)站

在您的WordPress儀表盤中，導(dǎo)航到Elementor > Tools?，F(xiàn)在點(diǎn)擊Import/Export Kit：

點(diǎn)擊導(dǎo)入導(dǎo)出工具包

點(diǎn)擊Start Export。出現(xiàn)提示時(shí)，指定要包含在下載中的內(nèi)容和數(shù)據(jù)。

例如，您可以選擇僅導(dǎo)出模板?；蛘?，您可以導(dǎo)出所有內(nèi)容，包括頁面、文章和自定義文章類型：

導(dǎo)出您想要的任何或所有內(nèi)容

接下來，單擊以展開Kit Information部分并為您的文件指定一個(gè)描述性名稱。您還可以輸入可選描述：

給你的文件一個(gè)描述性的名字

當(dāng)您對您的選擇感到滿意時(shí)，點(diǎn)擊Export。Elementor現(xiàn)在將創(chuàng)建您的套件并顯示此文件中包含的所有內(nèi)容的摘要：

您將獲得套件的顯示摘要

Elementor會自動將生成的工具包下載到您的計(jì)算機(jī)上。出現(xiàn)提示時(shí)，單擊Back to dashboard。

第 3 步：導(dǎo)入您的網(wǎng)站

您現(xiàn)在可以將模板工具包導(dǎo)入任何安裝了 Elementor 的網(wǎng)站。它將覆蓋您現(xiàn)有的內(nèi)容，因此我們建議您在繼續(xù)之前創(chuàng)建完整備份。

備份到位后，您需要在目標(biāo)網(wǎng)站上啟用Elementor Experiments。和以前一樣，導(dǎo)航到Elementor > Settings > Experiments。然后，您可以選擇Import Export Template Kit?部分并激活此功能。

接下來，導(dǎo)航到Templates > Kit Library。點(diǎn)擊Start Import。在隨后的屏幕上，選擇您在上一步中下載的文件：

導(dǎo)入模板工具包

如果您將套件應(yīng)用于預(yù)先存在的安裝，Elementor將顯示與您正在導(dǎo)入的模板具有相同條件的任何模板。然后，您可以選擇要替換的模板和保留的模板。

做出選擇后，單擊Next。Elementor現(xiàn)在將導(dǎo)入您的站點(diǎn)工具包。

如何修復(fù)Elementor的“無效文件”錯誤

有時(shí)，您在嘗試導(dǎo)入模板時(shí)可能會看到“無效文件”錯誤。這通常意味著您正在嘗試導(dǎo)入使用早期版本的Elementor創(chuàng)建的模板。

要解決此錯誤，您需要暫時(shí)切換到Elementor的早期版本。此更改可能會導(dǎo)致您的網(wǎng)站出現(xiàn)問題。

考慮到這一點(diǎn)，我們建議在繼續(xù)之前創(chuàng)建完整備份。您可能還需要考慮將您的站點(diǎn)置于維護(hù)模式。

當(dāng)您準(zhǔn)備好繼續(xù)時(shí)，請前往Elementor插件列表。然后，選擇Advanced View：

點(diǎn)擊“高級視圖”選項(xiàng)

在頁面底部，使用下拉菜單選擇Elementor的早期版本。為了獲得最佳效果，我們建議下載Elementor 1的最新版本，即1.9.8：

下載最新版本的Elementor

一旦你有了這個(gè)文件，你就有幾個(gè)選擇。您可以停用并刪除您當(dāng)前的Elementor版本。然后，您可以上傳并激活剛剛下載的軟件。

或者，您可以使用Easy Theme和Plugin Upgrades。激活此插件后，您可以上傳較舊的Elementor版本，而無需停用和刪除最新版本。

上傳Elementor的舊版本后，導(dǎo)航到Plugins > Installed Plugins。WordPress應(yīng)該已經(jīng)自動切換到較早的軟件版本：

在插件部分查看新版本的Elementor

您現(xiàn)在應(yīng)該能夠毫無問題地導(dǎo)入您的模板。導(dǎo)入完成后，導(dǎo)航回Plugins > Installed plugins，并恢復(fù)最新版本的Elementor。該模板現(xiàn)在應(yīng)該在您的庫中，可以使用了。

用于導(dǎo)入和導(dǎo)出模板的Elementor插件

正如我們剛剛看到的，Elementor擁有強(qiáng)大的導(dǎo)入和導(dǎo)出系統(tǒng)。開箱即用，您可以使用此功能為各個(gè)部分、頁面甚至整個(gè)網(wǎng)站創(chuàng)建模板。

但是，您可能希望擴(kuò)展此內(nèi)置功能?？紤]到這一點(diǎn)，這里有三個(gè)Elementor導(dǎo)入模板插件，它們承諾增強(qiáng)導(dǎo)入和導(dǎo)出過程！

1.Happy Addons Pro

Happy Addons Pro通過添加20多個(gè)新功能擴(kuò)展了標(biāo)準(zhǔn)Elementor體驗(yàn)。其中包括可以集成到您的導(dǎo)入和導(dǎo)出工作流程中的幾個(gè)功能：

Happy Addons Pro

如果您正在使用多個(gè)站點(diǎn)，則可能需要使用Happy Addons Pro的跨域復(fù)制粘貼功能。它使您能夠輕松地從一個(gè)站點(diǎn)復(fù)制內(nèi)容并將其粘貼到完全不同的域中。

如果您想重復(fù)使用任何Happy Addons Pro演示內(nèi)容，可以將其復(fù)制到Elementor編輯器面板中。此外，此插件還擁有定制的導(dǎo)入功能。它提供了您對內(nèi)置Elementor導(dǎo)入和導(dǎo)出系統(tǒng)所期望的所有功能。

特別是，您可以根據(jù)部分名稱搜索快樂插件模板或按頁面部分類別過濾。

特征：

• 從70多個(gè)登錄頁面模板中進(jìn)行選擇。
• 使用Happy Clone功能復(fù)制任何頁面或文章。
• 從HappyAddons Pro的演示內(nèi)容中輕松復(fù)制部分模板。
• 從任何網(wǎng)站復(fù)制一個(gè)部分，然后將其粘貼到不同的域中。

定價(jià)：年度許可證起價(jià)為33美元。

2. Mighty Addons for Elementor

Mighty Addons for Elementor附帶一系列預(yù)先設(shè)計(jì)的模板工具包。當(dāng)您將這些工具包導(dǎo)入您的網(wǎng)站時(shí)，您將訪問設(shè)計(jì)各種網(wǎng)站所需的所有頁面。

Mighty Addons for Elementor為許多不同行業(yè)提供模板工具包。這些包括動物福利、健身、招待、咨詢，甚至跳傘業(yè)務(wù)：

Mighty Addons for Elementor

此插件還具有跨域復(fù)制粘貼功能。如果您管理多個(gè)網(wǎng)站，這可能是對傳統(tǒng)導(dǎo)入/導(dǎo)出Elementor工作流程的強(qiáng)大補(bǔ)充。特別是，此功能使您可以跨多個(gè)Elementor支持的網(wǎng)站使用任何部分、行、列甚至整個(gè)頁面的內(nèi)容。

特征：

• 在域之間輕松復(fù)制圖像和視頻。
• 使用范圍廣泛的即用型部分模板。
• 將該工具與Pixabay股票攝影服務(wù)集成。

定價(jià)：?您可以下載Elementor插件的核心Mighty Addons。還提供專業(yè)版，許可證起價(jià)為29美元。

3. Envato Elements

Envato Elements插件可讓您在不離開WordPress的情況下瀏覽數(shù)千個(gè)頁面并阻止模板。找到完美的模板后，您可以輕松地將其導(dǎo)入您的網(wǎng)站：

Envato Elements

為了幫助您快速設(shè)計(jì)具有專業(yè)外觀的網(wǎng)站，Envato Elements還提供了廣泛的模板工具包。此外，如果您使用庫存照片，此插件可讓您輕松訪問超過一百萬張免版稅圖像。

特征：

• 多用途模板
• 靈活且完全可定制的內(nèi)容
• 一鍵導(dǎo)入
• 與Elementor UI無縫集成

定價(jià)：?您可以免費(fèi)下載Envato Elements插件 。但是，您需要訂閱Envato Elements才能訪問和使用模板內(nèi)容。價(jià)格為每月16.50美元。

小結(jié)

我們不會假裝設(shè)計(jì)一個(gè)令人驚嘆的網(wǎng)站很簡單。幸運(yùn)的是，借助Elementor的導(dǎo)出和導(dǎo)入模板功能，您不必從頭開始每個(gè)項(xiàng)目。

您可以利用現(xiàn)成的模板快速完成早期的Web開發(fā)階段。您還可以創(chuàng)建部分和頁面模板，以便在未來的項(xiàng)目中重復(fù)使用。如果您對某個(gè)網(wǎng)站特別自豪，Elementor甚至可以導(dǎo)出您的整個(gè)網(wǎng)站?？赡苄允菬o止境！