WordPressでネストされたショートコードを作成する方法

編集者がWordPressを追加するとき[ショートコード] 投稿またはページに、プラグイン内のハンドラー関数の返された出力またはテーマのfunctions.phpファイルに置き換えられます。簡単な例を作成しましょう。

// create a styled button
function ContactButton($params, $content = null) {

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

	return
		'<a href="' . $url . '" >' . 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]

現状では、現在のコードは失敗します。 calloutbox関数は最初に呼ばれますが、内側[ボタン]はそれに応じて翻訳されません。 問題を修正するための重要な関数は、do_shortcode（）です。WordPressのショートコードフィルターを任意のコンテンツに適用します。この場合、エディターが[Callout]内に[ボタン]を追加できるようにするため、CallOutboxのReturn Statement Statementを変更します。

return
	'<aside >' . 
	do_shortcode($content) . 
	'</aside>';

上記のネストされたコードは、予想どおりに機能します。ただし、編集者は[ボタン]内に[コールアウト]をネストすることは許可されません。 WordPressを使用する喜びにするこのような柔軟性です。バージョン3.3は現在入手可能です。

WordPressネストされたショートコード

についてよく尋ねる質問

WordPressのネストされたショートコードは何ですか？

​​

WordPressのネストされたショートコードは、基本的にショートコード内のショートコードです。 1つのショートコードを属性として、または別のショートコードのコンテンツ領域内で使用できます。これは、広範なHTMLまたはPHPコードを記述せずにWordPressサイトに複雑なコンテンツ構造または機能を作成する場合に特に便利です。 > WordPressでネストされたショートコードを作成するには、最初にテーマのfunctions.phpファイルまたはカスタムプラグインで親と子のショートコードを定義する必要があります。親ショートコードには、子のショートコードの出力を受け入れることができる属性が必要です。子のショートコードは、直接印刷する代わりに出力を返す必要があります。このように、出力は親のショートコードに渡すことができます。

ネストされたショートコードが機能していないのはなぜですか？

ネストされたショートコードが機能していない理由がいくつかある可能性があります。一般的な理由の1つは、子のショートコードが出力を返す代わりに直接印刷していることです。もう1つの理由は、子のショートコードが子どものショートコードの出力を受け入れるように適切に設定されていないことです。また、別のプラグインやテーマと競合する可能性もあります。

ショートコード属性内のショートコードを使用できますか？

​​

はい、ショートコード属性内のショートコードを使用できます。ただし、これにはショートコード機能に特定のセットアップが必要です。親のショートコード関数は、ネストされたショートコードを含む属性でdo_shortcode関数を使用する必要があります。各ショートコードの個別に。 Debug Barプラグインなど、WordPressで利用できるさまざまなデバッグツールを使用することもできます。これは、ショートコードに関する有用な情報を提供できます。それ自体に同じショートコードをネストして、再帰的なショートコードを作成することが可能です。ただし、適切に制御されていない場合、潜在的に無限のループにつながる可能性があるため、これは注意して行う必要があります。柔軟性は、コードをより複雑で維持しにくくすることもできます。また、すべてのテーマやプラグインがネストされたショートコードをサポートしているわけではないことに注意することも重要です。

WordPressテーマでネストされたショートコードを使用できますか？ただし、ショートコードの特定の機能は、テーマまたはプラグインで定義されている機能に依存します。 CSSを使用してスタイルを整えます。ショートコードの出力にカスタムクラスを追加し、CSSでこれらのクラスを使用して目的のスタイルを適用できます。

投稿やページでネストされたショートコードを使用できますか？投稿やページにネストされたショートコードを使用してください。テーマやプラグインがウィジェットのショートコードをサポートしている限り、ウィジェットで使用することもできます。

以上がWordPressでネストされたショートコードを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。