独自のショートコードを定義する方法 [WordPress]

独自のショートコードを定義する方法

参考：

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

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

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

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

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

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

囲み型ショートコード ($content)

参考：

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

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

デフォルトのショートコード

• [audio]
• [caption]
• [embed]
• [gallery]
• [video]
• [playlist]

参考：

デフォルトで使えるショートコード | WordPress Codex 日本語版

ショートコードのエスケープ

角括弧を二重にする

[[escaped_shortcode]]

参考：

ショートコードのエスケープ | WordPress Codex 日本語版

ショートコード自体を表示する (ショートコードのエスケープ) | jz5.jp

記事中にショートコードを紹介する方法 | ぺらラボ

ショートコード属性値のエスケープ

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

参考：

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

ショートコード内の記号をエスケープ処理する

function escape_short_code( $attr, $content = null ){
    $content = clean_pre($content);
    $content = trim($content);
    $content = str_replace("\t", '    ', $content);
    $content = str_replace('<', '&lt', $content);
    $content = str_replace('>', '>', $content);
    return '<pre><code>'.$content.'</code></pre>';
}
add_shortcode( 'code', 'escape_short_code' );

参考：

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

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

参考：

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

HTML エスケープ | SYNCER

Snippy

参考：

Snippy | WordPress.org [Official]

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

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