如何在WordPress中添加簡碼? (最終指南)


簡碼是將動態內容添加到WordPress帖子,頁面和側邊欄中的簡便方法。

許多WordPress插件和主題都使用短代碼來添加專門的內容,例如聯繫表格,圖像庫,滑塊等。

在本文中,我們將向您展示如何輕鬆地在WordPress中添加簡碼。 我們還將向您展示如何在WordPress中創建自己的自定義簡碼。

在WordPress中添加簡碼

什麼是簡碼?

WordPress中的短代碼是代碼快捷方式,可幫助您在WordPress帖子,頁面和側邊欄小部件中添加動態內容。 它們顯示在方括號內,如下所示:

[myshortcode]

為了更好地理解短碼,讓我們來看看為什麼首先添加短碼的背景。

WordPress會過濾所有內容,以確保沒有人使用帖子和頁面內容在數據庫中插入惡意代碼。 這意味著您可以在帖子中編寫基本的HTML,但不能編寫PHP代碼。

但是,如果您想在帖子中運行一些自定義代碼以顯示相關帖子,橫幅廣告,聯繫表,畫廊等,該怎麼辦?

這就是Shortcode API的來源。

基本上,它使開發人員可以將他們的代碼添加到一個函數中,然後將該函數作為簡碼註冊到WordPress,因此用戶可以輕鬆使用它而無需任何編碼知識。

當WordPress找到簡碼時,它將自動運行與其關聯的代碼。

讓我們看看如何在WordPress帖子和頁面中輕鬆添加短代碼。

在WordPress帖子和頁面中添加簡碼

首先,您需要編輯要在其中添加簡碼的帖子和頁面。 之後,您需要單擊添加塊按鈕以插入一個簡碼塊。

在WordPress中添加簡碼塊

添加簡碼塊後,您只需在塊設置中輸入簡碼即可。 您可能會使用的各種WordPress插件將提供該短代碼,例如WPForms用於聯繫表單,OptinMonster用於電子郵件營銷表單,WP Call按鈕用於插入點擊通話按鈕等。

在塊編輯器中插入簡碼

要了解有關使用塊的更多信息,請參見我們的Gutenberg教程以獲取更多詳細信息。

現在,您可以保存您的帖子或頁面並預覽更改,以查看正在使用的簡碼。

在WordPress側邊欄小部件中添加簡碼

您還可以在WordPress側邊欄小部件中使用短代碼。 只需訪問 外觀»小部件 頁,然後將“文本”小部件添加到側邊欄。

現在,您可以將簡碼粘貼到小部件的文本區域內。

在邊欄小部件中添加簡碼

不要忘記單擊“保存”按鈕來存儲您的小部件設置。

之後,您可以訪問WordPress網站以在側邊欄小部件中查看短代碼的實時預覽。

在舊的WordPress經典編輯器中添加簡碼

如果您仍在WordPress中使用舊的經典編輯器,則可以通過以下方法將短代碼添加到WordPress帖子和頁面中。

只需編輯要在其中添加簡碼的帖子和頁面。 您可以將短代碼粘貼到內容編輯器中希望顯示的任何位置。 只要確保簡碼在自己的行中即可。

簡碼經典編輯器

不要忘記保存您的更改。 之後,您可以預覽您的帖子和頁面以查看正在使用的簡碼。

如何在WordPress主題文件中添加簡碼

簡碼旨在在WordPress帖子,頁面和小部件內使用。 但是,有時您可能想在WordPress主題文件中使用簡碼。

WordPress可以很容易地做到這一點,但是您將需要編輯WordPress主題文件。 如果您以前沒有做過,請參閱我們的指南,了解如何在WordPress中復制和粘貼代碼。

基本上,您只需添加以下代碼即可向任何WordPress主題模板添加簡碼。


WordPress現在將尋找簡碼並在主題模板中顯示其輸出。

如何在WordPress中創建自己的自定義簡碼

當您想在WordPress帖子和頁面中添加動態內容或自定義代碼時,簡碼會非常有用。 但是,如果要創建自定義的簡碼,則需要一定的編碼經驗。

如果您願意編寫PHP代碼,那麼這裡是示例代碼,您可以將其用作模板。

// function that runs when shortcode is called
function wpb_demo_shortcode() { 

// Things that you want to do. 
$message="Hello world!"; 

// Output needs to be return
return $message;
} 
// register shortcode
add_shortcode('greeting', 'wpb_demo_shortcode'); 

在此代碼中,我們首先創建了一個運行一些代碼並返回輸出的函數。 之後,我們創建了一個名為“ greeting”的新短代碼,並告訴WordPress運行我們創建的功能。

現在,您可以使用以下代碼,將此簡碼添加到帖子,頁面和小部件中:

[greeting]

它將運行您創建的函數並顯示所需的輸出。

現在讓我們看一下短代碼的更實際用法。 在此示例中,我們將在簡碼內顯示Google AdSense標語。

// The shortcode function
function wpb_demo_shortcode_2() { 

// Advertisement code pasted inside a variable
$string .= '

';

// Ad code returned
return $string; 

}
// Register shortcode
add_shortcode('my_ad_code', 'wpb_demo_shortcode_2'); 

不要忘記用您自己的廣告代碼替換廣告代碼。

您現在可以使用 [my_ad_code] WordPress帖子,頁面和側邊欄小部件內的簡碼。 WordPress將自動運行與短代碼關聯的功能並顯示廣告代碼。

簡碼與古騰堡塊

用戶經常向我們詢問簡碼與新的Gutenberg塊之間的區別。

基本上,如果您發現短代碼有用,那麼您會喜歡WordPress編輯器塊的。 塊允許您以更用戶友好的方式執行相同的操作。

塊不要求用戶添加用於顯示動態內容的簡碼,而是允許用戶使用更直觀的用戶界面在帖子/頁面內添加動態內容。 許多流行的WordPress插件都開始使用古騰堡塊而不是短代碼,因為它們對初學者更加友好。

我們匯總了您可能想嘗試的最有用的WordPress Gutenberg塊插件列表。

如果要創建自己的自定義古騰堡塊,您可以按照我們的分步教程學習如何在WordPress中創建自定義古騰堡塊。

我們希望本文能幫助您學習如何在WordPress中添加簡碼。 您可能還想查看有關最佳拖放WordPress頁面構建器插件的指南,以及如何在不編寫任何代碼的情況下創建自定義WordPress主題。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。