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などに空のショートコードを登録します。

function blank_shortcode(){ return "";}
add_shortcode('br', 'blank_shortcode');

あとは先程の投稿をこのように変更!

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

少しだけ見えやすい!

理想とは違う気がするけど少しだけ見えやすい!

コメントを残す

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

コーディング代行

高品質なソースコードをお約束いたします。

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

information

お問い合わせ