搜尋
首頁CMS教程&#&按如何在WordPress中創建嵌套短號

How to Create Nested Shortcodes in WordPress

如何在WordPress中創建嵌套短號

當編輯器添加wordpress [快捷代碼]時 在帖子或頁面上,它被插件函數或主題函數中的處理程序函數的返回輸出所取代。讓我們創建一個簡單的例子:
// create a styled button
function ContactButton($params, $content = null) {

	extract(shortcode_atts(array(
		'url' => '/contact-us',
		'type' => 'style1'
	), $params));

	return
		'<a href="'%20.%20%24url%20.%20'">' . ucwords($content) . '</a>';

}
add_shortcode('button','ContactButton');
當頁面或帖子中遇到以下代碼時:
[button]contact us today[/button]
它將翻譯成:
<a href="/contact-us">Contact Us Today</a>
編輯的工作變得更加容易,他們不必擔心學習HTML。讓我們看另一個創建一個簡單的呼叫框的示例:
// callout box
function CalloutBox($params, $content = null) {

	extract(shortcode_atts(array(
		'type' => 'style1'
	), $params));
	
	return
		'<aside>' . $content . '</aside>';

}
add_shortcode('callout','CalloutBox');
但是,如果我們的編輯想在他們的標註框中插入一個按鈕怎麼辦? …
[callout]For more information [button]contact us today[/button][/callout]
就目前而言,當前代碼將失敗。首先調用標註框函數,但內部[按鈕]不會相應地翻譯。 解決問題的關鍵功能是do_shortcode() - 它將WordPress的短代碼過濾器應用於任何內容。在這種情況下,我們希望允許編輯器在我們的[顧問]中添加一個[按鈕],因此我們將相應地修改呼叫箱的返回語句:
return
	'<aside>' . 
	do_shortcode($content) . 
	'</aside>';
上面的嵌套代碼現在可以按預期工作。但是,不允許編輯器在[按鈕]中嵌套[註釋]。像這樣的靈活性使WordPress成為一種樂趣 - 現在可以使用3.3版。

>關於WordPress嵌套短號

的常見問題

> WordPress中的嵌套短號是什麼?它們允許您將一個快速代碼作為屬性或另一個快捷代碼的內容區域內。當您想在WordPress站點上創建複雜的內容結構或功能而無需編寫廣泛的HTML或PHP代碼時,這可能特別有用。

>如何在WordPress中創建一個嵌套的短代碼? >要在WordPress中創建一個嵌套的短代碼,首先需要在主題的functions.php文件或自定義插件中定義父和子修復代碼。父折疊碼應具有可以接受子快點的輸出的屬性。兒童短代碼應返回其輸出,而不是直接打印。這樣,輸出可以傳遞給父折疊代碼。

為什麼我的嵌套短代碼無法正常工作?

可能有幾個原因為什麼您的嵌套短代碼不起作用。一個常見的原因是,兒童短代碼直接打印其輸出而不是返回。另一個原因可能是,未正確設置父折疊代碼來接受子折疊碼的輸出。也可能與另一個插件或主題發生衝突。

>

>我可以在短代碼屬性中使用短代碼嗎?但是,這需要您的簡編函數中的特定設置。父折疊碼功能需要在包含嵌套短碼的屬性上使用do_shortCode函數。

>

>我如何調試我的嵌套短代碼?

可以通過檢查輸出來完成嵌套的短代碼每個短代碼分別。您還可以使用可用於WordPress的各種調試工具,例如Debug bar插件,它可以提供有關短代碼的有用信息。

我可以在自身中嵌套相同的快捷代碼嗎?可以在自身中嵌套相同的短代碼,從而創建遞歸快捷代碼。但是,這應該謹慎進行,因為如果無法正確控制,它可能會導致無限循環。

>

>使用嵌套的短號有限制嗎?靈活性,它們還可以使您的代碼更加複雜和難以維護。同樣重要的是要注意,並非所有的主題或插件都可以支持嵌套的短代碼。

我可以使用具有任何WordPress主題的嵌套短代碼嗎?但是,短代碼的具體功能將取決於主題或插件中定義的功能。

>

>我如何設置嵌套的短碼的輸出?使用CSS進行樣式。您可以在短代碼輸出中添加自定義類,然後在CSS中使用這些類以應用所需的樣式。

>我可以在帖子和頁面中使用嵌套的短代碼嗎?在您的帖子和頁面中使用嵌套的短代碼。您也可以在小部件中使用它們,只要您的主題或插件支持小部件中的短代碼。

以上是如何在WordPress中創建嵌套短號的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
WordPress適合創建投資組合網站嗎?WordPress適合創建投資組合網站嗎?Apr 26, 2025 am 12:05 AM

是的,wordpressisisexcellentforcortingaportfoliowebsite.1)itoffersnumeroversnumeroverportfolio-spificthemeslike'astra'astra'astra'astra'astra'astra'astra'astra'astra'elementor'Enelementor'enableIntiviveSiveSign,Thoughtemanycanslowthesite.3)

使用WordPress而不是從頭開始編碼網站的優點是什麼?使用WordPress而不是從頭開始編碼網站的優點是什麼?Apr 25, 2025 am 12:16 AM

WordPressisadvantageousovercodingawebsitefromscratchdueto:1)easeofuseandfasterdevelopment,2)flexibilityandscalability,3)strongcommunitysupport,4)built-inSEOandmarketingtools,5)cost-effectiveness,and6)regularsecurityupdates.Thesefeaturesallowforquicke

是什麼使WordPress成為內容管理系統?是什麼使WordPress成為內容管理系統?Apr 24, 2025 pm 05:25 PM

WordPressIsAcmsDuetoItseAsofuse,自定義,USERMANAMECTION,SEO和COMMUNITYSUPPORT.1)ITSIMPLIFIESCONTENTMANGAMEWITHANINTUISIDERFEEFFECE.2)提供extentensiveCustomizationThroughThroughTheMesandPlugins.3)supportrobustuserrolesandplugins.4)supportrobustuserrolesandpermissions.4)增強

wordpress怎麼加評論框wordpress怎麼加評論框Apr 20, 2025 pm 12:15 PM

在 WordPress 網站上啟用評論功能,可以為訪客提供參與討論和分享反饋的平台。為此,請按照以下步驟操作:啟用評論:在儀錶盤中,導航至“設置”>“討論”,並選中“允許評論”複選框。創建評論表單:在編輯器中,單擊“添加塊”並蒐索“評論”塊,將其添加到內容中。自定義評論表單:通過設置標題、標籤、佔位符和按鈕文本來定制評論塊。保存更改:單擊“更新”以保存評論框並將其添加到頁面或文章中。

wordpress怎麼複製子站wordpress怎麼複製子站Apr 20, 2025 pm 12:12 PM

如何復制 WordPress 子站?步驟:在主站創建子站。在主站克隆子站。將克隆導入目標位置。更新域名(可選)。分開插件和主題。

wordpress怎麼寫頁頭wordpress怎麼寫頁頭Apr 20, 2025 pm 12:09 PM

在WordPress中創建自定義頁頭的步驟如下:編輯主題文件“header.php”。添加您的網站名稱和描述。創建導航菜單。添加搜索欄。保存更改並查看您的自定義頁頭。

wordpress評論怎麼顯示wordpress評論怎麼顯示Apr 20, 2025 pm 12:06 PM

WordPress 網站中啟用評論功能:1. 登錄管理面板,轉到 "設置"-"討論",勾選 "允許評論";2. 選擇顯示評論的位置;3. 自定義評論表單;4. 管理評論,批准、拒絕或刪除;5. 使用 <?php comments_template(); ?> 標籤顯示評論;6. 啟用嵌套評論;7. 調整評論外形;8. 使用插件和驗證碼防止垃圾評論;9. 鼓勵用戶使用 Gravatar 頭像;10. 創建評論指

wordpress怎麼上傳源碼wordpress怎麼上傳源碼Apr 20, 2025 pm 12:03 PM

可以通過 WordPress 安裝 FTP 插件,配置 FTP 連接,然後使用文件管理器上傳源碼。步驟包括:安裝 FTP 插件、配置連接、瀏覽上傳位置、上傳文件、檢查上傳成功。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用