您想在 wordpress 中添加短代碼但不知道如何開始嗎?
短代碼是一種向 WordPress 帖子、頁面和側(cè)邊欄添加動態(tài)內(nèi)容的簡單方法。許多 WordPress 插件和主題使用短代碼來添加專門的內(nèi)容,例如聯(lián)系表單、圖片庫、滑塊等。
在本文中,我們將向您展示如何在 WordPress 中輕松添加短代碼。我們還將向您展示如何在 WordPress 中創(chuàng)建您自己的自定義短代碼。
什么是短代碼?
WordPress 中的短代碼是代碼快捷方式,可幫助您將動態(tài)內(nèi)容添加到 WordPress 帖子、頁面和側(cè)邊欄小部件中。它們顯示在方括號內(nèi),如下所示:
[我的簡碼]
為了更好地理解短代碼,我們首先看一下為什么添加它們的背景。
WordPress 會過濾所有內(nèi)容,以確保沒有人使用帖子和頁面內(nèi)容將惡意代碼插入數(shù)據(jù)庫。這意味著您可以在帖子中編寫基本的 html,但不能編寫 php 代碼。
但是,如果您想在帖子中運行一些自定義代碼來顯示相關(guān)帖子、橫幅廣告、聯(lián)系表單、圖庫或其他內(nèi)容,該怎么辦?
這就是 Shortcode API 的用武之地。
基本上,它允許開發(fā)人員將代碼添加到函數(shù)中,然后將該函數(shù)作為短代碼注冊到 WordPress,以便用戶無需任何編碼知識即可輕松使用它。
當(dāng) WordPress 找到短代碼時,它將自動運行與其關(guān)聯(lián)的代碼。
讓我們看看如何輕松地將短代碼添加到您的 WordPress 帖子和頁面。
在 WordPress 帖子和頁面中添加短代碼
首先,您需要編輯要添加短代碼的帖子和頁面。
之后,您需要單擊添加塊按鈕“+”來插入簡碼塊。
添加簡碼塊后,您只需在塊設(shè)置中輸入您的簡碼即可。
該短代碼將由您可能使用的各種 WordPress 插件提供,例如用于聯(lián)系表單的WPForms或用于電子郵件營銷的OptinMonster。
要了解有關(guān)使用塊的更多信息,請參閱我們的古騰堡教程以了解更多詳細信息。
您現(xiàn)在可以保存帖子或頁面并預(yù)覽更改以查看短代碼的實際效果。
在 WordPress 側(cè)邊欄小部件中添加短代碼
您還可以在 WordPress 側(cè)邊欄小部件中使用短代碼。
只需訪問外觀?小部件頁面并將“短代碼”小部件塊添加到側(cè)邊欄即可。
現(xiàn)在,您可以將短代碼粘貼到小部件的文本區(qū)域中。
不要忘記單擊“更新”按鈕來存儲您的小部件設(shè)置。
之后,您可以訪問WordPress 網(wǎng)站,在側(cè)邊欄小部件中查看短代碼的實時預(yù)覽。
在舊的 WordPress 經(jīng)典編輯器中添加短代碼
如果您仍在 WordPress 中使用舊的經(jīng)典編輯器,那么您可以按照以下步驟向 WordPress 帖子和頁面添加短代碼。
只需編輯要添加短代碼的帖子和頁面即可。您可以將短代碼粘貼到內(nèi)容編輯器中希望顯示的任意位置。只需確保短代碼位于其自己的行中即可。
不要忘記保存您的更改。之后,您可以預(yù)覽帖子和頁面以查看正在運行的短代碼。
如何在 WordPress 主題文件中添加短代碼
短代碼適用于 WordPress 帖子、頁面和小部件內(nèi)。然而,有時,您可能想在 WordPress 主題文件中使用短代碼。
WordPress 可以輕松做到這一點,但您需要編輯 WordPress 主題文件。如果您以前沒有這樣做過,請參閱我們有關(guān)如何在 WordPress 中復(fù)制和粘貼代碼的指南。
基本上,您只需添加以下代碼即可將短代碼添加到任何 WordPress 主題模板:
有關(guān)更多詳細信息,您可以參閱我們在 WordPress 中添加自定義代碼而不破壞任何內(nèi)容的指南。
完成此操作后,您可以使用以下代碼將此短代碼添加到您的帖子、頁面和小部件中:
[問候語]
它將運行您創(chuàng)建的函數(shù)并顯示所需的輸出。
現(xiàn)在,讓我們看一下短代碼的更實際用法。
在此示例中,我們將在短代碼中顯示 Google AdSense 橫幅:
// The shortcode functionfunctionwpb_demo_shortcode_2() { // Advertisement code pasted inside a variable$string.= '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-0123456789101112" data-ad-slot="9876543210"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({});</script>'; // Ad code returnedreturn$string; }// Register shortcodeadd_shortcode('my_ad_code', 'wpb_demo_shortcode_2');
由
在 WordPress 中一鍵使用
不要忘記將廣告代碼替換為您自己的廣告代碼。
您現(xiàn)在可以在 WordPress 帖子、頁面和側(cè)邊欄小部件中使用 [my_ad_code] 短代碼。WordPress 將自動運行與短代碼關(guān)聯(lián)的功能并顯示廣告代碼。
簡碼與古騰堡塊
用戶經(jīng)常詢問我們短代碼與古騰堡塊之間的區(qū)別。
基本上,塊允許您以更用戶友好的方式執(zhí)行與短代碼相同的操作。
塊不需要用戶添加用于顯示動態(tài)內(nèi)容的短代碼,而是允許用戶通過更直觀的用戶界面在帖子/頁面內(nèi)添加動態(tài)內(nèi)容。許多流行的 WordPress 插件已改用塊而不是短代碼,因為它們對初學(xué)者更友好。
我們整理了您可能想要嘗試的最有用的 WordPress 古騰堡塊插件列表。
如果您想創(chuàng)建自己的自定義古騰堡塊,您可以按照我們有關(guān)如何在 WordPress 中創(chuàng)建自定義古騰堡塊的分步教程進行操作。
我們希望本文能幫助您了解如何在 WordPress 中添加短代碼。您可能還想查看有關(guān)如何在不編寫任何代碼的情況下創(chuàng)建自定義 WordPress 主題的指南,以及我們專家精選的最佳拖放 WordPress 頁面構(gòu)建器插件。