検索
ホームページ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.comからwordpress.orgに簡単に移動する方法ブログをwordpress.comからwordpress.orgに簡単に移動する方法Apr 18, 2025 am 11:33 AM

ブログをwordpress.comからwordpress.orgに移動しますか? 多くの初心者はWordPress.comから始めますが、すぐに制限を実現し、自己ホストされたWordPress.orgプラットフォームに切り替えたいと考えています。 このステップバイステップガイドでは、WordPress.comからWordPress.orgにブログを適切に移動する方法を示します。 なぜwordpress.comからwordpress.orgに移行するのですか? WordPress.comを使用すると、誰でもアカウントを作成できます

IFTTT(およびその他)でWordPressとソーシャルメディアを自動化する方法IFTTT(およびその他)でWordPressとソーシャルメディアを自動化する方法Apr 18, 2025 am 11:27 AM

WordPress Webサイトやソーシャルメディアアカウントを自動化する方法をお探しですか? 自動化を使用すると、WordPressのブログ投稿やFacebook、Twitter、LinkedIn、Instagramなどで自動的に共有できます。 この記事では、IFTTT、Zapier、およびUncanny Automatorを使用してWordPressとソーシャルメディアを簡単に自動化する方法を紹介します。 WordPressとソーシャルメディアを自動化する理由 WordPreを自動化します

WordPressでカスタムメニュー項目の制限を修正する方法WordPressでカスタムメニュー項目の制限を修正する方法Apr 18, 2025 am 11:18 AM

ほんの数日前、ユーザーの1人が異常な問題を報告しました。問題は、彼がカスタムメニュー項目の限界に達することです。メニュー項目の制限に到達した後に保存するコンテンツはまったく保存されません。この問題を聞いたことがないので、ローカルインストールで試してみることにしました。 200を超えるメニュー項目が作成され、保存されました。効果はとても良いです。 100個のアイテムをドロップダウンリストに移動し、それらを非常によく保存します。その後、サーバーに関係している必要があることがわかりました。さらなる研究の後、他の多くの人が同じ問題に遭遇したようです。深く掘り下げた後、この問題を強調したTRACチケット(#14134)を見つけました。よく読んでください

WordPressのカスタム分類法にカスタムメタフィールドを追加する方法WordPressのカスタム分類法にカスタムメタフィールドを追加する方法Apr 18, 2025 am 11:11 AM

WordPressのカスタム分類法にカスタムメタフィールドを追加する必要がありますか? カスタム分類法により、カテゴリとタグ以外にコンテンツを整理できます。他のフィールドを追加してそれらを説明するのが便利な場合があります。 この記事では、作成した分類法に他のメタフィールドを追加する方法を紹介します。 カスタムメタフィールドはいつカスタム分類法に追加する必要がありますか? WordPressサイトで新しいコンテンツを作成すると、2つのデフォルトの分類法(カテゴリとタグ)を使用して整理できます。 一部のWebサイトは、カスタム分類法の使用から恩恵を受けます。これらを使用すると、コンテンツを他の方法で並べ替えることができます。 例えば、

Windowsライブライターを使用してWordPressにリモートで公開する方法Windowsライブライターを使用してWordPressにリモートで公開する方法Apr 18, 2025 am 11:02 AM

Windows Live Writerは、デスクトップからWordPressブログに直接投稿することができる多用途のツールです。これは、ブログを更新するためにWordPress管理パネルにログインする必要がないことを意味します。このチュートリアルでは、Windows Live Writerを使用してWordPressブログのデスクトップ公開を有効にする方法を紹介します。 WordPressにWindows Live Writerをセットアップする方法 ステップ1:WordprでWindows Live Writerを使用するには

WordPress Visual Editorで白いテキストと欠落ボタンを修正する方法WordPress Visual Editorで白いテキストと欠落ボタンを修正する方法Apr 18, 2025 am 10:52 AM

最近、ユーザーの1人が非常に奇妙なインストールの問題を報告しました。投稿を書くとき、彼らは彼らが書くものは何も見ることができません。ポストエディターのテキストは白だからです。さらに、すべてのVisual Editorボタンが欠落しており、VisualからHTMLに切り替える機能も機能しません。この記事では、WordPress Visual Editorで白いテキストと欠落したボタンの問題を修正する方法を示します。 初心者に注意:他のWebサイトのスクリーンショットで見られる隠されたボタンを探しているなら、キッチンシンクを探しているかもしれません。 Kitchen Sinkアイコンをクリックして、下線、​​Wordからのコピーなどの他のオプションを表示する必要があります。

WordPressのユーザーメールでアバターを表示する方法WordPressのユーザーメールでアバターを表示する方法Apr 18, 2025 am 10:51 AM

WordPressのユーザーメールでアバターを表示しますか? Gravatarは、ユーザーのメールアドレスをオンラインアバターに接続するネットワークサービスです。 WordPressは、コメントセクションに訪問者のプロフィール写真を自動的に表示しますが、サイトの他の領域に追加することもできます。 この記事では、WordPressのユーザーメールでアバターを表示する方法を紹介します。 グラバタルとは何ですか、なぜそれを表示する必要がありますか? Gravatarは、世界的に認識されているアバターの略で、画像をメールアドレスにリンクできるようになります。 ウェブサイトがサポートしている場合

WordPressのデフォルトのメディアアップロード場所を変更する方法WordPressのデフォルトのメディアアップロード場所を変更する方法Apr 18, 2025 am 10:47 AM

WordPressのデフォルトのメディアアップロード場所を変更しますか? メディアファイルを他のフォルダーに移動すると、Webサイトの速度とパフォーマンスが向上し、バックアップをより速く作成することができます。また、自分に最適な方法でファイルを整理する自由を提供します。 この記事では、WordPressのデフォルトのメディアアップロード場所を変更する方法を紹介します。 デフォルトのメディアアップロード場所を変更する理由 デフォルトでは、WordPressは/wp-content/uploads/folderにすべての画像およびその他のメディアファイルを保存します。 このフォルダーには、さまざまな年と数ヶ月の子供がいます

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

ホットツール

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

SublimeText3 Mac版

SublimeText3 Mac版

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

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。