ホームページ >CMS チュートリアル >&#&プレス >編集者用のカスタムWordPressショートコードを作成する方法

編集者用のカスタムWordPressショートコードを作成する方法

尊渡假赌尊渡假赌尊渡假赌
尊渡假赌尊渡假赌尊渡假赌オリジナル
2025-02-10 16:27:10425ブラウズ

How to Create Custom WordPress Shortcodes for Your Editors

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

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

短期コードの重要な利点:

  • html埋め込みを簡素化:HTMLコードを直接記述せずに複雑なHTMLコンテンツを簡単に追加します。
  • パラメーター化されたカスタマイズ:パラメーターを介して短いコードの出力をカスタマイズして、柔軟なパーソナライズされた設定を実現します。
  • ネスト機能:短いコードネスティングをサポートして、より複雑なページ関数を構築します。
  • 効率の向上:コンテンツ管理を簡素化し、コンテンツの作成効率を向上させます。

特に複雑な機能を扱う場合は、コンテンツ管理をより便利でユーザーフレンドリーにする場合、さまざまな例を含む短いコードのクイックルックアップテーブルを作成することをお勧めします。

短いコード作成場所:

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

<code class="language-php">include('shortcodes.php');</code>

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

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

HTMLコード文字列を返す関数
    WordPressの呼び出し
  1. ショートコードのテキスト定義を関数にバインドするフック。
  2. add_shortcode()最も基本的な例:

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

を入力します。ページにアクセスすると、「Hello World!」に置き換えられていることがわかります。
<code class="language-php">// "Hello World" 短代码
function shortcode_HelloWorld() {
  return '<p>Hello World!</p>';
}
add_shortcode('helloworld', 'shortcode_HelloWorld');</code>

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

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

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

<code>[sitemap title='网页列表', depth=3]</code>

関数は、必要に応じてデフォルト値をパラメーターに割り当てます。 php

関数は、各配列値を実際の変数
<code class="language-php">// sitemap 短代码
function shortcode_GenerateSitemap($params = array()) {

  // 默认参数
  extract(shortcode_atts(array(
    'title' => '站点地图',
    'id'    => 'sitemap',
    'depth' => 2
  ), $params));

  // 创建站点地图
  $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');</code>

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

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

<code class="language-php">include('shortcodes.php');</code>

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

タグ間のコンテンツ間のコンテンツは、ショートコード関数の2番目のパラメーターとして渡されます。 2つのショートコード関数を作成できます:
<code class="language-php">// "Hello World" 短代码
function shortcode_HelloWorld() {
  return '<p>Hello World!</p>';
}
add_shortcode('helloworld', 'shortcode_HelloWorld');</code>

<code>[sitemap title='网页列表', depth=3]</code>
関数の使用に注意してください。これは、コンテンツが存在するときにさらにショートコードを適用します。ショートコードは実装が簡単で、すぐに変更または強化できます。エディターが複雑な機能が必要なときに参照できるように、例を備えた短いコードクイックルックアップテーブルを作成することをお勧めします。

do_shortcode($content)

How to Create Custom WordPress Shortcodes for Your Editors

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。