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

How to Create Custom WordPress Shortcodes for Your Editors

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

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

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

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

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

短いコード作成場所:

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

include('shortcodes.php');

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

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

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

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

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

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

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

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

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

関数は、必要に応じてデフォルト値をパラメーターに割り当てます。 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 id="title">$title</h2>" : '') .
      '<ul>' . $sitemap . '</ul>';
  }

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

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

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

include('shortcodes.php');

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

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

<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 までご連絡ください。
WordPressのプラグインエコシステムはCMS機能をどのように強化しますか?WordPressのプラグインエコシステムはCMS機能をどのように強化しますか?May 14, 2025 am 12:20 AM

WordPressPluginsSisificallyScmscmScapabilitivitiationsCustomizationAndFunctionality.1)50,000を超える50,000PluginsallowuserStotailorStotailorsiteforseo、e-commerce.2)PluginsCanextEndCorefeatures、iceadding-customsttypes.3)

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)

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

ホットツール

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

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

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

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