如何使用 Elementor Shortcodes 小工具 [初學者指南]

已發表: 2021-05-30

最近我已經過渡到 Elementor 作為我的首選拖放構建器。從一開始，學習曲線就非常簡單且視覺上很有趣——我可以用它來使網頁在視覺上完美並具有精確度。

幾天后使用 WordPress Elementor，我意識到只需使用“Elementor Shortcodes”，我就可以將構建過程升級十倍。

對於初學者來說，優化網站以使其更快是一回事，另一方面，快速輕鬆地構建網站是另一回事。因此，讓我們談談如何非常輕鬆地使用 WordPress Elementor 短代碼，以及為您的項目使用 Elementor 短代碼是否是個好主意。

什麼是元素短代碼？

Elementor 短代碼是一串字符或一個片段，可以復制和粘貼以復制您網站的特定組件。換句話說，短代碼是特殊的標籤；某些東西在輸入時會在您查看它時生成不同的組件。

如果這聽起來很複雜，那麼讓我為您分解。 Elementor 庫擁有大量預構建的小部件，可用於加快網站構建過程。

現在，如果您正在著手開發並需要復制組件，那麼短代碼是在幾秒鐘內完成的最佳方式。

首先，您需要復制所選組件的片段並將其粘貼到您想要復制的任何位置。

假設您正在構建要在另一個頁面上使用的表單。通常，您會使用 Elementor 構建完全相同的表單，並且需要幾分鐘的時間。

但是，Elementor 模板簡碼允許您從網頁中選擇您選擇的預製組件，然後將其複製到其他位置。

這是小部件簡碼最基本的用途之一，老實說，它的使用效率更高。所以，如果你已經在想……

何時以及如何使用 Elementor 簡碼？

這是我發現最適合使用 WordPress Elementor 短代碼的一個真實案例：

如果部分使用 Elementor 設計，則 Elementor 短代碼是快速向您的網站添加更多內容的理想選擇。

如果您想調整舊內容並將預先設計的小部件添加到您的頁面，那麼專家建議說短代碼是最佳選擇。所以輸入你想要的模板的簡碼，瞧！

注入 Elementor 短代碼進行調整是最佳選擇。您可能會遇到這種情況的一個常見場景是在所選主題的默認頁面上工作。

並非所有主題都是使用 Elementor 設計的，因此嘗試將它們轉換為 Elementor 網頁可能會破壞頁面結構。

此外，不支持 Elementor 的其他插件將無法編輯這些元素，從而使您處於災難狀態。

不過，別擔心……

使用 Elementor 短代碼，您可以將新組件或元素添加到您的網站，而不會與其他頁面構建器和/或插件發生任何衝突。此外，它還允許您添加自己的自定義模板。

如何為 Elementor 安裝簡碼？

安裝短代碼非常簡單，只需 3 個步驟即可完成。以下是為 Elementor 安裝短代碼的方法。

溫馨提醒——本安裝指南中的所有三個步驟都要求您在 WordPress 中安裝 Elementor。因此，如果您直到現在還沒有這樣做，請快速進行並稍後查看這些步驟。

本安裝指南有兩個過程——自動安裝和手動安裝

自動安裝

轉到“插件”，然後從同一屏幕轉到“添加新”。
尋找 Elementor 的 WordPress 簡碼。
安裝插件並激活它。

手動安裝

下載 RS<a href="#"> Elementor 簡碼。
提取 shortcode.zip 文件。插件文件將位於名為 rselements-lite 的目錄中。
將插件文件上傳到 WordPress 安裝位置。該目錄應該是這樣的 - /wp-content/plugins/elementor-short-code。
從 WordPress 菜單的“插件”部分激活插件。

手動安裝只是一個特定插件的示例，對於您要手動安裝的任何插件，該過程都類似。

如何使用短代碼輸入 Elementor 模板？

以下是使用短代碼輸入預先設計的 Elementor 模板的方法。這是您如何做到的。前往 –

WordPress -> 模板 -> 保存的模板

在這裡，您將能夠檢查庫中每個小部件的簡碼。此外，您還可以創建自己的模板並為其生成唯一的短代碼。

每個保存的模板都有自己獨特的短代碼，它始終可用於其他頁面。

例如，您想要創建一個 WooCommerce 彈出窗口，您的客戶可以在其中查看他們的訂單狀態。

為此，您需要做的就是從畫布的側邊欄中拖放一個彈出窗口小部件。現在，從原始彈出窗口生成短代碼並將其粘貼到新彈出窗口中，它會立即生成完全相同的彈出窗口小部件。

既然您了解了短代碼及其工作原理，您可能想知道 Elementor 是否將網頁上的每個內容都轉換為短代碼？好吧，如果您已經問過這個問題，那麼這就是您的答案。

Elementor 是否將內容輸入到帶有或不帶有簡碼的網頁中？

為了消除您的困惑，Elementor 不會使用短代碼將內容插入網頁。簡而言之，它不會將模板轉換為唯一的短代碼，然後將其放在網頁上。這就是為什麼……

如果 Elementor 為庫中每個生成的模板使用短代碼，則其庫元素將極大地依賴於 Elementor 插件。

出於某種原因，如果您需要從網頁的已安裝插件列表中刪除 Elementor，您將失去對現有 Elementor 庫組件的所有支持，並且短代碼與它們相關聯。就像如果它發生，它會變成一場絕對的噩夢。

但 Elementor 並非如此，因為它簡單地解決了問題。 Elementor 確實為您要復制的所選模板生成一個簡碼。

但在此之前，它會復制您設計的模板作為頁面上的代碼。

因此，下次您將某些內容從一個地方復製到另一個地方時，您正在將代碼粘貼到後面。但從視覺上看，您正在使用短代碼來做到這一點。

早期的頁面構建器曾經對特定的插件和模板有這種依賴性，因此很難在網站上使用其他插件。

但是現在，沒有依賴項，無論是否使用 Elementor 頁面構建器，您都可以輕鬆調整網頁。

總結

到目前為止，您已經掌握了在 WordPress 網站上開始使用 Elementor 短代碼所需的所有想法。此外，前幾次總是有點混亂。因此，請務必在執行此操作時查看一些視頻，以確保您的學習完美無缺。