ショートコード API

公式サイト:

Shortcode API | WordPress Codex [Official]

使い方

  • add_shortcodeショートコードを処理するフックを追加する
  • shortcode_existsショートコードを処理するフックが登録されているか確認する
  • remove_shortcodeショートコードを処理するフックを削除する
  • remove_all_shortcodesショートコードを処理するフックを全て削除する

参考:

ショートコードの作成 | Web Design Leaves

WordPress のショートコードを自作してみる | webOpixel

WordPress ショートコードとは何か、自作する際に注意すべき3つの事 | いつも隣に IT のお仕事

便利なショートコードの基本的な書き方と使い方 | KERENOR ケレンオール

WordPress で複数のショートコードを作成し、投稿記事に呼び出す使い方 | ホワイトベアー株式会社

ショートコードを自作する方法/PHP デビューにも最適です | ぺらラボ

ショートコード API | WordPress Codex 日本語版

add_shortcode | WordPress 私的マニュアル

shortcode_exists | WordPress 私的マニュアル

remove_shortcode | WordPress 私的マニュアル

remove_all_shortcodes | WordPress 私的マニュアル

add_shortcode | WordPress Codex 日本語版

shortcode_exists | WordPress Codex 日本語版

remove_shortcode | WordPress Codex 日本語版

remove_all_shortcodes | WordPress Codex 日本語版

add_shortcode() | WordPress Developer Resources [Official]

How to create shortcode in WordPress | SmallEnvelop

属性 (shortcode_atts)

サポートする属性とそのデフォルト値を与えて、属性を処理する。サポートしない属性は無視される。

$atts = shortcode_atts( array(
    'id' => null,
    'name' => 'John',
), $atts, 'shortcode_name')Code language: PHP (php)

参考:

便利なショートコードの基本的な書き方と使い方 | KERENOR

shortcode_atts と extract | 団地デバッグ

WordPress で引数ありのショートコードを作成する方法をとっても丁寧に説明します | いつも隣に IT のお仕事

shortcode_atts | WordPress 私的マニュアル

shortcode_atts | WordPress Codex 日本語版

shortcode_atts() | WordPress Developer Resources [Official]

How to add attributes to a shortcode – WordPress Development Stack Exchange

Shortcode attributes don’t appear? – WordPress Development Stack Exchange

Shortcode empty attribute – WordPress Development Stack Exchange

囲み型ショートコード

  • 第二引数$content

参考:

WordPress の囲み型ショートコードの基本的な使い方 | bl6.jp

囲み型ショートコードと自己完結型ショートコード | WordPress Codex 日本語版

属性値をエスケープする

特殊文字を属性値で使用する場合は、数値参照文字を用いる。

文字 数値文字参照
[ [
] ]
"
'

参考:

角括弧とクォートをエスケープして表示/ショートコードと属性値 | MaryCore

記号をそのまま表示する

function escape_short_code( $atts, $content = null ) {
    $content = clean_pre($content);
    $content = trim($content);
    $content = str_replace("\t", "    ", $content);
    $content = str_replace("<", "&lt;", $content);
    $content = str_replace(">", "&gt;", $content);
    return "<code>" . $content . "</code>";
}
add_shortcode( 'code', 'escape_short_code' );Code language: PHP (php)

参考:

ショートコード内の記号をエスケープする | siro chro

改行する

参考:

WordPress で2行以上改行する方法 – teratail

HTML をエスケープする

参考:

HTML コードをエスケープするショートコード | dgcolor

HTML エスケープ | SYNCER

値を持たない属性値を使いたい

参考:

Shortcode empty attribute – WordPress Development Stack Exchange

wpautop により不要な改行が入ってしまう

参考:

WordPress で自動整形を部分的に無効化する方法 | キノコログ

WordPress で特定の部分だけ自動整形の p タグを消す | WEBUTUBUTU

WordPress でショートコードが p タグで囲まれたり改行されてしまうのを防ぐ方法 | Bamboo Works

囲み型ショートコードと wpautop | WordPress 私的マニュアル

shortcode_unautop shortcode not functioning – WordPress Development Stack Exchange

実装/関数/グローバル変数

関数
  • apply_shortcodes
  • do_shortcode
グローバル変数
  • $shortcode_tags

参考:

apply_shortcodes | WordPress 私的マニュアル

do_shortcode | WordPress 私的マニュアル

$shortcode_tags | WordPress 私的マニュアル

コード:

wp-includes/shortcodes.php – GitHub

Shortcoder

入手:

Shortcoder – Create Shortcodes for Anything | WordPress Plugin [Official]

参考:

Shortcoder の設定と使い方/ショートコードの追加と編集 | affilabo.com

Shortcoder の使い方と WordPress へのインストール方法/設定方法を解説 | HATARAKU

WordPress で同じコードを使い回す/再利用ブロックと Shortcoder プラグインの使い方 | ミフネ WEB ブログ

Snippy

入手:

Snippy | WordPress Plugin [Official]

参考:

PHP 不要で簡単にショートコードが作成できるプラグイン | ミフネ WEB ブログ

Snippy – WordPress のショートコードを簡単に作成/管理できる便利なプラグイン | コリス

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA