Wordpress

wordpressのショートコードの入れ子をちょっとだけ綺麗に表示する方法

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

例えば

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

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

理想は下記のように改行を入れたいのですが、これでは[row](br)[col]みたいに判断されちゃう

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

rowの中で改行タグは改行タグで使いたいとかなったら、もう見にくくて見にくくて

そこでちょっとだけ見えやすくする方法を思いついたので書いときます。

改行を無視させる

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

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

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

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

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

少しだけ見えやすい!

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

Leave a Reply

最初のコメントを頂けますか?

avatar
  Subscribe  
更新通知を受け取る »

コーディング代行

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

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

information

お問い合わせ