WordPressショートコードクイックガイド：コーディングせずにHTMLコンポーネントを簡(jiǎn)単に埋め込む

WordPressショートコードは、著者がコードを作成せずにHTMLコンポーネントをレンダリングされたページに挿入する便利な方法を提供します。これらの短いコードは、プラグインコードで作成するか、テーマのfunctions.phpファイルに配置できます。

短期コードの重要な利點(diǎn)：

• html埋め込みを簡(jiǎn)素化：HTMLコードを直接記述せずに複雑なHTMLコンテンツを簡(jiǎn)単に追加します。
• パラメーター化されたカスタマイズ：パラメーターを介して短いコードの出力をカスタマイズして、柔軟なパーソナライズされた設(shè)定を?qū)g現(xiàn)します。
• ネスト機(jī)能：短いコードネスティングをサポートして、より複雑なページ関數(shù)を構(gòu)築します。
• 効率の向上：コンテンツ管理を簡(jiǎn)素化し、コンテンツの作成効率を向上させます。

特に複雑な機(jī)能を扱う場(chǎng)合は、コンテンツ管理をより便利でユーザーフレンドリーにする場(chǎng)合、さまざまな例を含む短いコードのクイックルックアップテーブルを作成することをお?jiǎng)幛幛筏蓼埂?

短いコード作成場(chǎng)所：

一般に、カスタムプラグイン用に作成された短いコードは、プラグインコード自體に配置する必要があります。ただし、テーマのfunctions.phpファイルにショートコード定義を配置することもできます。より実用的な方法は、別のショートコードを作成し、次のステートメントを使用してfunctions.phpに含めることです。

include('shortcodes.php');

最初の「hello world」ショートコード：

短いコードの定義には以下が含まれます

HTMLコード文字列を返す関數(shù)

WordPressの呼び出し
1. ショートコードのテキスト定義を関數(shù)にバインドするフック。
2. add_shortcode()最も基本的な例：

ファイルを保存して、ページまたは記事に

を入力します。ページにアクセスすると、「Hello World！」に置き換えられていることがわかります。

// "Hello World" 短代碼
function shortcode_HelloWorld() {
  return '<p>Hello World!</p>';
}
add_shortcode('helloworld', 'shortcode_HelloWorld');

[helloworld]短いコードパラメーター：

短いコードには、次のようなオプションのパラメーターがあります

パラメーターは、最初のパラメーターとしてショートコード関數(shù)の配列として渡されます。ページの階層サイトを生成するための完全なコード：

<code>[sitemap title='網(wǎng)頁(yè)列表', depth=3]</code>

関數(shù)は、必要に応じてデフォルト値をパラメーターに割り當(dāng)てます。 php

関數(shù)は、各配列値を?qū)g際の変數(shù)

// sitemap 短代碼
function shortcode_GenerateSitemap($params = array()) {

  // 默認(rèn)參數(shù)
  extract(shortcode_atts(array(
    'title' => '站點(diǎn)地圖',
    'id'    => 'sitemap',
    'depth' => 2
  ), $params));

  // 創(chuàng)建站點(diǎn)地圖
  $sitemap = wp_list_pages("title_li=&depth=$depth&sort_column=menu_order&echo=0");
  if ($sitemap) {
    $sitemap =
      ($title ? "<h2>$title</h2>" : '') .
      '<ul>' . $sitemap . '</ul>';
  }

  return $sitemap;
}
add_shortcode('sitemap', 'shortcode_GenerateSitemap');

、

、およびshortcode_atts()に変換します。 （PHP 5.4以降を使用している場(chǎng)合は、extract() Syntaxに$titleを置き換えることができます。）$idショートコードを任意の記事またはページに追加し、必要に応じてパラメーターを変更します。 $depth [...]array(...)ネストされたbbcodeショートコード：[sitemap][sitemap depth=5]

bbcode（ブロックボードコード）は、標(biāo)準(zhǔn)のショートコードと同様にコマンドを表すために[方括號(hào)]を使用する軽量タグ形式です。これにより、ショートコードはテキストコンテンツを含めるか、互いにネストすることができます。あなたのページにリファレンスおよび一般的なアクションボタンを呼び出す必要があるとします。単一のショートコードの作成は、特にボタンを単獨(dú)で使用したり、參照に埋め込むことができる場(chǎng)合は、実用的ではありません。このようなhtmlが必要になる場(chǎng)合があります：

include('shortcodes.php');

これは、エディターがHTMLに非常に精通している場(chǎng)合に問(wèn)題が発生する可能性があります。幸いなことに、短いコードは次のようなより簡(jiǎn)単な方法を提供します。

タグ間のコンテンツ間のコンテンツは、ショートコード関數(shù)の2番目のパラメーターとして渡されます。 2つのショートコード関數(shù)を作成できます：

// "Hello World" 短代碼
function shortcode_HelloWorld() {
  return '<p>Hello World!</p>';
}
add_shortcode('helloworld', 'shortcode_HelloWorld');

<code>[sitemap title='網(wǎng)頁(yè)列表', depth=3]</code>

関數(shù)の使用に注意してください。これは、コンテンツが存在するときにさらにショートコードを適用します。ショートコードは実裝が簡(jiǎn)単で、すぐに変更または強(qiáng)化できます。エディターが複雑な機(jī)能が必要なときに參照できるように、例を備えた短いコードクイックルックアップテーブルを作成することをお?jiǎng)幛幛筏蓼埂?

do_shortcode($content)

（記事の一部はSitegroundが後援しています。SitePointを可能にしてくれたパートナーへのサポートに感謝します。）

以上が編集者用のカスタムWordPressショートコードを作成する方法の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。