如何使用 WordPress 簡碼塊
已發表: 2021-09-18使用短代碼是 WordPress 體驗的固有部分。 許多插件不會向塊編輯器添加自定義塊。 相反,它們使您能夠使用短代碼在您的帖子和頁面上放置元素(並自定義它們)。 為此,您需要使用Shortcode塊。
簡而言之,這 block 使您可以在所需的任何啟用塊的位置向 WordPress 添加短代碼。 在本文中,我們將向您展示如何使用和配置它。
讓我們開始工作吧!
如何將短代碼塊添加到您的帖子或頁面
如果您以前使用過塊編輯器,則在查找Shortcode塊時應該不會有任何問題。 添加新元素時,編輯器將使您能夠從最常用的選項中進行選擇或瀏覽整個目錄:

使用此塊添加短代碼非常簡單。 該塊本身只是添加了一個字段,您可以在其中輸入要使用的短代碼:

如果您在添加短代碼之前查看前端的帖子或頁面,您將看不到任何內容。 除非您添加有效的短代碼,否則塊本身不會顯示:

向塊添加短代碼後,您無需執行任何其他操作。 WordPress 會自動解析並在前端顯示結果。
在我們的示例中,我們使用 WooCommerce 附帶的短代碼之一。 預覽頁面後,塊的外觀如下所示:

請記住,您可以訪問的短代碼取決於您使用的插件和主題。 傳統上,插件和主題將包含有關如何使用每個短代碼以及您可以訪問哪些參數的全面說明。
簡碼塊設置和選項
簡碼塊本身不包含任何其他設置。 這是因為它的唯一工作是獲取短代碼、解析它們並生成用戶在訪問您的網站時會看到的元素。
如果您查看塊的格式工具欄,您會看到它只提供一個選項——選擇將其切換為另一個元素:
要更改使用簡碼生成的任何元素的樣式,您需要設置不同的參數。 一些短代碼將為您提供大量自定義選項。 但是,這取決於它們的實現,而不是塊本身。

有效使用短代碼塊的技巧和最佳實踐
短代碼塊非常容易添加到任何帖子或頁面。 使用短代碼的唯一挑戰在於代碼本身。
總的來說,只要您閱讀了要使用的短代碼的文檔,就不會遇到任何問題。 當然,在發布任何帶有短代碼的頁面和帖子之前,您總是希望預覽它們,以確保一切都按預期工作。 這對於短代碼尤其重要,因為它們不會出現在後端編輯器中。
預覽頁面將使您能夠在訪問者看到短代碼之前解決任何問題。 如果某個元素不起作用,您可以隨時返回文檔以查看出了什麼問題。
不幸的是,一些插件沒有為它們添加的短代碼提供足夠的文檔。 在這些情況下,您最終可能會得到一個與廣告宣傳不一樣的元素,或者其樣式與您網站的其餘部分不太匹配。 您可以嘗試聯繫開發人員或社區尋求幫助,但為了獲得最佳效果,我們建議僅使用帶有詳盡說明的插件和主題短代碼。
關於短代碼塊的常見問題
如果您不熟悉它們的工作方式,那麼使用短代碼可能是一個挑戰。 考慮到這一點,我們整理了一份最常見問題的列表,以幫助您入門。
為什麼我的短代碼不起作用?
如果您使用塊添加短代碼並且它沒有在前端顯示任何內容,則可能有幾個原因。 使用短代碼的插件可能被禁用,或者代碼本身可能有錯誤。 請記住,塊只解析代碼,所以如果它不起作用,問題在於代碼而不是塊。
我可以在帖子或頁面上添加多個短代碼嗎?
與任何其他塊一樣,您可以使用編輯器添加任意數量的短代碼。 由於代碼的結果不會顯示在編輯器中,如果您要添加多個元素,我們建議您經常預覽帖子或頁面。
短代碼比塊更好嗎?
許多插件開發人員開始使用自定義塊而不是短代碼。 如果您喜歡更直觀的網頁設計方法,可以更輕鬆地自定義塊。 但是,如果您花時間了解它們的工作原理,短代碼可以非常通用。 即使您沒有任何代碼經驗,通常也不難根據自己的喜好自定義它們。
我可以使用單個塊添加多個短代碼嗎?
此塊的每個實例僅適用於單個短代碼。 該代碼可能很長,具體取決於它包含的參數數量。 但是,您需要為要添加的每個元素使用一個新塊。
為什麼我無法訪問短代碼塊?
如果您不使用塊編輯器,您將無法訪問其任何元素。 經典編輯器使您無需阻止即可添加短代碼,只需在編輯器中的任何位置輸入代碼即可。
另一方面,如果您使用的是 WordPress 頁面構建器插件,它可能帶有自己的此塊版本。 要找到正確的元素,我們建議查看頁面構建器的文檔。
結論
如果您打算暫時使用 WordPress,則需要習慣使用短代碼。 許多插件添加了廣泛的元素,您只能使用代碼訪問和自定義這些元素。 要使該代碼正常工作,您需要使用Shortcode塊。
由於此塊不附帶任何自定義選項,因此您需要仔細閱讀要使用的短代碼的文檔。 您需要確保了解每個短代碼的工作原理、如何對其進行自定義以及您可以訪問哪些參數。
您對如何使用Shortcode塊有任何疑問嗎? 讓我們在下面的評論部分中討論它們!
精選圖片來自 MchlSkhrv/shutterstock.com

