ホームページ >CMS チュートリアル >&#&プレス >WordPressのカスタムショートコード

WordPressのカスタムショートコード

Jennifer Aniston
Jennifer Anistonオリジナル
2025-02-18 11:17:09750ブラウズ

WordPressショートコード:Webサイト機能を簡素化するための強力なツール

この記事では、動的で複雑なWebサイト機能を作成するための便利で迅速な方法であるWordPressショートコードを検討します。短いコードは、複雑なPHPコードを記述する必要なく、機能実行を通じてカスタム関数を実装する擬似コードのようなものです。

Custom Shortcodes for WordPress

ショートコードの概要

WordPressショートコードは、わずかな入力で動的で強力な要素を生成する効率的なメカニズムです。開発者は通常、PHPコードを介してWebサイト機能を作成しますが、開発者以外のユーザーの場合、PHPコードを直接操作することは友好的ではありません。 Short Codeはこの問題を完全に解決し、ユーザーがマクロに似た擬似コードを使用して強力なWebサイト機能を作成できるようにします。短いコードが呼び出された後、パラメーター(存在する場合)を受信し、事前定義された関数を介してカスタム関数を実行します。たとえば、ショートコードを使用して美しいボタンを作成できます。

[pretty_button]阅读更多![/pretty_button]

短いコードソース

短いコードを使用するには、最初にウェブサイトに登録する必要があります。短いコードは、次の方法から来ることができます:

  • WordPressには短いコードが付属しています:

    WordPress自体には、主にギャラリー、タイトル、オーディオ、ビデオなどのメディア要素を作成するために使用されるいくつかの事前定義されたショートコードが含まれています。たとえば、はビデオプレーヤーに埋め込むことができます。詳細については、公式のWordPressドキュメントを参照してください。 [video src="video-source.mp4"]

  • テーマには短いコードが付属しています。

    多くのテーマ開発者は、ウェブサイトの機能を強化するための一連の短いコードを提供します。これらの短いコードは、インタラクティブな要素を作成したり、視覚的に魅力的な方法でコンテンツを表示したり、貴重な情報を提供したりできます。トピックを購入するときは、開発者が提供したドキュメントを確認して、含まれているショートコードとそれらの使用方法について学習してください。すべてのトピックに追加のショートコードが含まれているわけではありません。

  • プラグインには短いコードが付属しています:

    コンテンツ(フォーム、スライダー、インタラクティブな要素など)を提供する多くのプラグインが短いコードを備えています。これらの短いコードは、通常、プラグイン開発者のWebサイトまたはWordPressプラグインライブラリで詳しく説明されています。たとえば、WooCommerceプラグインのショートコードには、ショッピングカートを表示できます。 [woocommerce_cart]

短いコードタイプ

短いコードのソースを理解した後、2種類の短いコードを見てみましょう。

    非エンキングショートコード:
  • このタイプのショートコードには、他のコンテンツが含まれていないかラップされていません。HTMLの自己閉鎖タグ(例:

    )と同様のユニットです。たとえば、ギャラリーを表示するためにショートコードが使用されます。 <br> [gallery]

  • 短いコードを閉じる:
  • これらの短いコードには、開始タグとエンドタグが付いた他の要素またはコンテンツが含まれています。たとえば、

    ショートコードは、スタイルのタグにコンテンツをラップします。 [big_and_bold]这是加粗加大的文本[/big_and_bold] <span></span>

    カスタムショートコードを作成

カスタムショートコードを作成するには、ショートコードの関数を定義し、add_shortcode($name, $callback_function)関数を使用してショートコードを登録するためのコールバック関数が必要です。 Childテーマのファイルにコードを追加します(親テーマファイルを直接変更しないでください!)。 functions.php

コールバック関数を定義します

コールバック関数は、短いコードの関数を定義し、エンドユーザーに表示される値を返します。値は、単純なテキストまたは複雑な動的フォームまたはスライダーにすることができます。最も単純なコールバック関数は次のとおりです

<code class="language-php">function my_shortcode_callback_function(){
    return; 
}</code>
コールバック関数パラメーター

コールバック関数は、3つのパラメーターを受信できます。

$atts $content$tag(プロパティ):短いコードのプロパティまたは設定を含む連想配列。たとえば、

    、および
  • in

    は属性です。 $atts [audio preload="auto" autoplay="true" loop="true"] preload autoplayloop(content):閉じた短いコードの場合、

    は、開始タグとエンドタグの間にコンテンツを含みます。
  • $content$content(タグ名):短いコードの名前。

  • $tag

    関数
を使用します

関数は、デフォルトの属性とユーザーが提供する属性をマージして属性処理を簡素化するために使用されます:shortcode_atts()

shortcode_atts()関数

<code class="language-php">function display_my_profession_callback($atts){
    $values = shortcode_atts(array(
        'profession_type' => 'other'
    ),$atts);
    // ... 处理 $values['profession_type'] ...
}</code>
を使用します

他のショートコードを含むを処理する場合、do_shortcode()関数を使用して、ネストされたショートコードを再帰的に処理します。

$content関数を使用して、短いコードを登録しますdo_shortcode($content)

関数を使用して短いコードを登録してください:add_shortcode()

概要add_shortcode($name, $callback_function)

<code class="language-php">add_shortcode('clear_content','clear_content_callback_function');</code>
WordPressショートコードの習得は、Webサイト機能の作成を大幅に簡素化し、開発効率を改善し、開発者以外のユーザーにより便利なWebサイトのカスタマイズエクスペリエンスを提供できます。

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

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