Wordpress

wordpressのショートコードの入れ子を綺麗に表示するショートコード

WordPressのショートコードって便利ですが、入れ子にすると色々と見にくくなります。

例えば

[row]
[image src="hogehoge.jpg"]
[image src="hogehoge.jpg"]
[image src="hogehoge.jpg"]
[/row]

こういうのよくありますよね

理想は下記のように改行を入れたいのですが、これでは[row](br)

みたいに判断されてしまいます。

[row]
[col][image src="hogehoge.jpg"]
[image src="hogehoge.jpg"]
[image src="hogehoge.jpg"]
[/row]

rowの中で改行タグは改行タグで使いたいとかなったら、もう見にくくて見にくくて、文章書くのに集中できません。

改行を無視させるショートコードを作成

何もしないショートコードを追加

下記のコードをfunction.phpに記述するか、Post Snippetなどに空のショートコードを登録します。

すると下記のように変換され、中のショートコードも実行されて表示されます。

[row]
[image src="hogehoge.jpg"]
[image src="hogehoge.jpg"]
[image src="hogehoge.jpg"]
[/row]

ショートコードで何をしているか

not_breakに囲まれた文字列の中の]<br />]に置換しています。

つまりショートコードの始まりと終わり直後の改行を削除しています。

コーディングにお困りなら

このTipsは納品したお客様の声から誕生しました。

柔軟に対応しますコーディング代行

コーディング代行

高品質なソースコードをお約束

詳しくはこちら
背景イメージ
背景はFreepikによるデザイン

information

お問い合わせ