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

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

参考：

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

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

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

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

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

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

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

参考：

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

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

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

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

参考：

デフォルトで使えるショートコード – ショートコード API – 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');

参考：

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

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

参考：

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

HTMLエスケープ – WordPressのショートコード集 | SYNCER

Snippy

参考：

Snippy | WordPress.org [Official]

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

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