ショートコード

公式サイト:

Shortcode API | WordPress Codex [Official]

使い方

参考:

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

ショートコード超詳細ガイド/自作例も紹介 | Kinsta

ショートコード | WordPress.com サポート

文字をエスケープする

ショートコードで使用する特殊文字を通常の文字として扱いたい場合は、数値文字参照を使用する。

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

参考:

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

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

ショートコードを通常の文字として表示したい場合は、角括弧を二重にする。

[[escaped_shortcode]]

参考:

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

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

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

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

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

参考:

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

ウィジェットでショートコードを使う

「テキスト」ウィジェットでショートコードを使うには、次のコードを function.php に追加する。

add_filter( 'widget_text', 'do_shortcode' );Code language: PHP (php)

参考:

WordPress のウィジェットでショートコードを使う方法 | エス技研

ウィジェットでショートコードを利用する方法 | Dolce & Vivace

サイドバーウィジェットでショートコードを呼び出す | 100ウェブ

do_shortcode() | WordPress Developer Resources [Official]

widget_text – Hook | WordPress Developer Resources [Official]

widget_text widget doesn’t work with shortcodes – Stack Overflow

Custom shortcode is not working in text widget – WordPress Development Stack Exchange

How can I whitelist only specific shortcodes for processing in text widgets? – WordPress Development Stack Exchange

改行コードの処理

  • wpautop
  • shortcode_unautop

対処法:

ショートコード内に空の p タグが挿入されてしまうのを防ぐには、次のコードを function.php に追加する。

remove_filter( 'the_content', 'wpautop' );
add_filter( 'the_content', 'wpautop', 99 );
add_filter( 'the_content', 'shortcode_unautop', 100 );Code language: PHP (php)

参考:

WordPress のショートコードが p タグで囲まれてしまうのを最も簡単に除去する方法 | かゆいところに手が届く開発・PC設定メモ

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

ショートコードの中にショートコードを入れることは出来るの? | cbc-wpc

WordPress のショートコードを入れ子で展開できる形式で管理する | 東京節約ブログ

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

投稿内容に応じて wpautop を制御する | WordPress 私的マニュアル

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

WordPress の囲み型ショートコードで p や br が付くのを防ぐ方法 | モノグサにお灸

ショートコード内で改行タグ追加を無効にして停止する方法 | WP 飽きるまで。

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

wpautop | WordPress 私的マニュアル

Remove Empty p Tags | AmberCouch

How to Remove Empty Paragraph Tags from Shortcodes in WordPress | Thomas Griffin

shortcode_unautop() | WordPress Developer Resources [Official]

shortcode_unautop – WordPress/WordPress/wp-includes/formatting.php at 0b75f9557e – GitHub

remove empty p tags from wordpress shortcodes via a php functon – Stack Overflow

shortcode_unautop shortcode not functioning – WordPress Development Stack Exchange

How to prevent newline from appearing in shortcode? – WordPress Development Stack Exchange

Is shortcode_unautop() broken? – WordPress Development Stack Exchange

Prevent shortcode from being wrapped in p tags – WordPress Development Stack Exchange

Remove empty p tags in shortcode content before non p tags – WordPress Development Stack Exchange

creating empty p tags? – Stack Overflow

How to remove a empty p tag in caption shortcode? – WordPress Development Stack Exchange

strip_shortcodes

参考:

抜粋文からショートコード/タグを消す方法 | デザイナーのタネあかし

WordPress のショートコードを削除して抜粋文を得る方法 | KuroBox

strip_shortcodes | WordPress 私的マニュアル

strip_shortcodes | WordPress Codex 日本語版

strip_shortcodes() | WordPress Developer Resources [Official]

まとめ

参考:

ショートコード超詳細ガイド/自作例も紹介 | Kinsta

Shortcodes Ultimate

公式サイト:

Shortcodes Ultimate [Official]

入手:

Shortcodes Ultimate | WordPress Plugin [Official]

ドキュメント:

Shortcodes – Documentation | Shortcodes Ultimate [Official]

参考:

Shortcodes Ultimate – 50以上の装飾機能を利用できる WordPress プラグイン | ねたわん

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

コメントを残す

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

Protected by reCAPTCHA