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

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

Feb 18, 2025 am 11:17 AM

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

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

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

function my_shortcode_callback_function(){
    return; 
}
ログイン後にコピー
コールバック関数パラメーター

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

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

    、および
  • in

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

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

  • $tag

    関数
を使用します

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

shortcode_atts()関数

function display_my_profession_callback($atts){
    $values = shortcode_atts(array(
        'profession_type' => 'other'
    ),$atts);
    // ... 处理 $values['profession_type'] ...
}
ログイン後にコピー
を使用します

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

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

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

概要add_shortcode($name, $callback_function)

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

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

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

WordPressブログを始める方法:初心者向けのステップバイステップガイド WordPressブログを始める方法:初心者向けのステップバイステップガイド Apr 17, 2025 am 08:25 AM

ブログは、人々が自分の意見、意見、意見をオンラインで表現するための理想的なプラットフォームです。多くの初心者は自分のウェブサイトを構築することに熱心ですが、技術的な障壁やコストの問題を心配することをためらっています。ただし、プラットフォームが初心者の能力とニーズを満たすために進化し続けるにつれて、今まで以上に容易になり始めています。 この記事では、テーマの選択からプラグインの使用まで、セキュリティとパフォーマンスを向上させ、独自のWebサイトを簡単に作成できるように、WordPressブログを構築する方法を段階的に導きます。 ブログのトピックと方向を選択してください ドメイン名を購入したり、ホストを登録する前に、カバーする予定のトピックを特定することをお勧めします。個人的なウェブサイトは、旅行、料理、製品のレビュー、音楽、またはあなたの興味を引き起こす趣味を中心に展開できます。あなたが本当に興味を持っている領域に焦点を当てることは継続的な執筆を奨励することができます

WordPressは初心者にとって簡単ですか? WordPressは初心者にとって簡単ですか? Apr 03, 2025 am 12:02 AM

WordPressは、初心者が簡単に始めることができます。 1.バックグラウンドにログインした後、ユーザーインターフェイスは直感的であり、シンプルなダッシュボードは必要なすべての関数リンクを提供します。 2。基本操作には、コンテンツの作成と編集が含まれます。 WysiWygエディターは、コンテンツの作成を簡素化します。 3.初心者は、プラグインとテーマを介してウェブサイトの機能を拡張でき、学習曲線は存在しますが、練習を通じて習得できます。

親カテゴリのアーカイブページに子カテゴリを表示する方法 親カテゴリのアーカイブページに子カテゴリを表示する方法 Apr 19, 2025 pm 11:54 PM

親カテゴリアーカイブページに子カテゴリを表示する方法を知りたいですか?分類アーカイブページをカスタマイズするときは、訪問者にとってより便利にするためにこれを行う必要がある場合があります。この記事では、親カテゴリアーカイブページに子カテゴリを簡単に表示する方法を示します。サブカテゴリが親カテゴリアーカイブページに表示されるのはなぜですか?親カテゴリアーカイブページにすべての子カテゴリを表示することにより、訪問者にとってより一般的で便利になります。たとえば、本に関するWordPressのブログを実行し、「テーマ」と呼ばれる分類法を持っている場合、「小説」、「ノンフィクション」などのサブ課題を追加して、読者ができるようにすることができます。

パーソナライズされた結果のためにWordPressでユーザー情報をログインする方法 パーソナライズされた結果のためにWordPressでユーザー情報をログインする方法 Apr 19, 2025 pm 11:57 PM

最近、ユーザーがお気に入りの投稿をパーソナライズされたライブラリに保存できるようにすることで、ユーザー向けのパーソナライズされたエクスペリエンスを作成する方法を示しました。一部の場所で名前を使用することで、パーソナライズされた結果を別のレベルに引き上げることができます(つまり、ウェルカム画面)。幸いなことに、WordPressにより、ユーザーのログインに関する情報を簡単に入手できます。この記事では、現在ログインしているユーザーに関連する情報を取得する方法を紹介します。 get_currentuserinfo()を使用します。  関数。これは、テーマ(ヘッダー、フッター、サイドバー、ページテンプレートなど)のどこでも使用できます。それが機能するためには、ユーザーをログインする必要があります。したがって、使用する必要があります

WordPressの有効期限後の日付で投稿を並べ替える方法 WordPressの有効期限後の日付で投稿を並べ替える方法 Apr 19, 2025 pm 11:48 PM

過去には、拡張後のプラグインを使用してWordPressの投稿を期限切れにする方法を共有してきました。さて、Activity List Webサイトを作成するとき、このプラグインは非常に便利であることがわかりました。期限切れのアクティビティリストを簡単に削除できます。第二に、このプラグインのおかげで、有効期限後の日付までに投稿を並べ替えることも非常に簡単です。この記事では、WordPressの有効期限後の日付で投稿を並べ替える方法を紹介します。プラグインの変更を反映してカスタムフィールド名を変更するためのコードを更新しました。コメントで私たちに知らせてくれたTajimに感謝します。特定のプロジェクトでは、イベントをカスタムポストタイプとして使用します。今

WordPressでクエリカウントとページの読み込み時間を表示する方法 WordPressでクエリカウントとページの読み込み時間を表示する方法 Apr 19, 2025 pm 11:51 PM

ユーザーの1人が、フッターにクエリの数とページの読み込み時間を表示する方法を他のWebサイトに尋ねました。これをウェブサイトのフッターでよく見ることがよくあり、「1.248秒で64クエリ」のようなものを表示する場合があります。この記事では、WordPressにクエリの数とページの読み込み時間を表示する方法を紹介します。テーマファイル(たとえば、footer.php)で好きな場所に次のコードを貼り付けます。クエリエシン

WordPressの記事リストを調整する方法 WordPressの記事リストを調整する方法 Apr 20, 2025 am 10:48 AM

WordPressの記事リストを調整するには4つの方法があります。テーマオプションを使用し、プラグイン(投稿タイプの注文、WP投稿リスト、ボックスのものなど)を使用し、コード(functions.phpファイルに設定を追加)を使用するか、WordPressデータベースを直接変更します。

ワードプレスは何に適していますか? ワードプレスは何に適していますか? Apr 07, 2025 am 12:06 AM

wordpressisisgoodforvirtalayanywebprojectoitsversitilityasacms.itexcelsin:1)ユーザーフレンドリー、柔軟性と柔軟性と顧客化の維持、およびプルージンの数値化; 3)seooptimization;

See all articles