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

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 までご連絡ください。
WordPressはeコマースに適していますか?WordPressはeコマースに適していますか?May 13, 2025 am 12:05 AM

はい、WordPressはeコマースに非常に適しています。 1)WooCommerceプラグインを使用すると、WordPressはすぐに完全に機能的なオンラインストアになります。 2)パフォーマンスの最適化とセキュリティに注意し、キャッシュとセキュリティプラグインの定期的な更新と使用が重要です。 3)WordPressは、ユーザーエクスペリエンスを改善し、SEOを大幅に最適化するための豊富なカスタマイズオプションを提供します。

YandexのWebマスターツールにWordPressサイトを追加する方法YandexのWebマスターツールにWordPressサイトを追加する方法May 12, 2025 pm 09:06 PM

あなたのウェブサイトをyandexのウェブマスターツールに接続しますか? Google Search Console、Bing、YandexなどのWebマスターツールは、Webサイトの最適化、トラフィックの監視、robots.txtの管理、Webサイトのエラーの確認などを支援します。この記事では、WordPress WebサイトをYandex Webmasterツールに追加して、検索エンジントラフィックを監視する方法を共有します。 yandexとは何ですか? Yandexは、GoogleとBingに似たロシアに拠点を置く人気のある検索エンジンです。 Yandexで優れています

WordPressのHTTP画像アップロードエラーを修正する方法(シンプル)WordPressのHTTP画像アップロードエラーを修正する方法(シンプル)May 12, 2025 pm 09:03 PM

WordPressでHTTP画像アップロードエラーを修正する必要がありますか?このエラーは、WordPressでコンテンツを作成する場合、特にイライラする可能性があります。これは通常、組み込みのWordPressメディアライブラリを使用して画像またはその他のファイルをCMSにアップロードするときに発生します。この記事では、WordPressのHTTP画像アップロードエラーを簡単に修正する方法を示します。 WordPressメディアのアップロード中にHTTPエラーの理由は何ですか? WordPress Mediaアップローダーを使用してファイルをWOにアップロードしようとするとき

メディアボタンを追加することでWordPressで動作しない場合の問題を修正する方法メディアボタンを追加することでWordPressで動作しない場合の問題を修正する方法May 12, 2025 pm 09:00 PM

最近、読者の1人が、WordPressサイトの追加メディアボタンが突然機能しなくなったと報告しました。この古典的なエディターの問題には、エラーや警告が表示されないため、ユーザーが「メディアの追加」ボタンが機能しない理由を知りません。この記事では、WordPressの追加メディアボタンを簡単に修正する方法を示します。 WordPressの「メディアの追加」ボタンが動作を停止する原因は何ですか?古い古典的なWordPressエディターをまだ使用している場合、メディアの追加ボタンを使用すると、画像、ビデオなどをブログ投稿に挿入できます。

WordPress Cookieを設定、取得、削除する方法(専門家のように)WordPress Cookieを設定、取得、削除する方法(専門家のように)May 12, 2025 pm 08:57 PM

WordPress WebサイトでCookieの使用方法を知りたいですか? Cookieは、ユーザーのブラウザに一時情報を保存するための便利なツールです。この情報を使用して、パーソナライズと行動ターゲティングを通じてユーザーエクスペリエンスを強化できます。この究極のガイドでは、プロフェッショナルのようにWordPressCookiesを設定、取得、削除する方法を紹介します。注:これは高度なチュートリアルです。 HTML、CSS、WordPress Webサイト、PHPに習熟する必要があります。クッキーとは何ですか?ユーザーがWebサイトにアクセスすると、Cookieが作成および保存されます。

WordPress 429を修正する方法要求エラーが多すぎますWordPress 429を修正する方法要求エラーが多すぎますMay 12, 2025 pm 08:54 PM

WordPress Webサイトに「429が多すぎるリクエスト」エラーが表示されますか?このエラーメッセージは、ユーザーがWebサイトのサーバーにHTTPリクエストを送信しすぎていることを意味します。このエラーは、エラーの原因を見つけるのが難しいため、非常にイライラする可能性があります。この記事では、「WordPress429ToomanyRequests」エラーを簡単に修正する方法を示します。 WordPress429のリクエストが多すぎるのは何ですか? 「429toomanyRequests」エラーの最も一般的な原因は、ユーザー、ボット、またはスクリプトがウェブサイトにアクセスしようとすることです

WordPressは大規模なWebサイトのCMSとしてどの程度スケーラブルですか?WordPressは大規模なWebサイトのCMSとしてどの程度スケーラブルですか?May 12, 2025 am 12:08 AM

wordpresscanhandlelargewebsiteswithcarefulningandoptimization.1)usecachingtoreduceServerload.2)optimizeyourdatabaseRegularly.3)rivenceCdntodistributecontent.4)vetpluginsandmestoavoidConflicts.5)

WordPressは本当にカスタマイズ可能ですか?WordPressは本当にカスタマイズ可能ですか?May 11, 2025 am 12:11 AM

WordPressは非常にカスタマイズされており、幅広い柔軟性とカスタマイズ可能性を提供します。 1)テーマとプラグインのエコシステムを通じて、2)Restapiをフロントエンド開発に使用する、3)詳細なコードレベルの変更、ユーザーは高度にパーソナライズされたエクスペリエンスを達成できます。ただし、カスタマイズには、PHP、JavaScript、CSSなどのマスタリングテクノロジーが必要であり、潜在的な問題を回避するために、パフォーマンスの最適化とプラグインの選択に注意を払います。

See all articles

ホット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 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール