wordpressでimgタグ前後に勝手にpタグが入る問題の解決策というか妥協案

buntasugai | 2015年1月8日 | wordpress | コメントはまだありません

wordpressカスタマイズ俺用メモ

「wordpress管理画面編」

なぜだ、なぜ勝手に入るのだ！pタグよ、、、

まぁWYSIWYGってそういうものなんでしょうが、wordpressでどうしてもWYSIWYG使いたいんだけどどうしてもpタグ勝手に入って欲しくない時がある。

そんな時のためのimgタグの前後に勝手に入るpタグ問題の解決方法～。

というか本当は完璧に消したいんだけど、、、時間切れでこれで行きます、、、の妥協案。

いろいろ試したがエディターまわりはこれで落ち着いたのでカスタマイズセットを後々のためにメモ～。

———————————-

※自分以外にHTMLに詳しくない編集者がいる場合のカスタマイズ

1.PS Disable Auto Formattingプラグイン使用
記事の自動整形を停止

2.TinyMCE Advancedプラグイン使用
htmlを使わない他の編集者のためにstyle定義などウィジウィグをリッチに
※これをいれてもpタグ問題に影響なし

3.子テーマのfunctions.phpにコード記述
画像のみ、pタグで囲わないようにする

/* 管理画面エディタで勝手に入るimgへのpタグを消す（エディタには反映されない。htmlに反映される。） */
function remove_p_on_images($content){
return preg_replace('/
(\s*)()(\s*)<\/p>/iU', '\2', $content);
}
add_filter('the_content', 'remove_p_on_images');

参考：画像のみ、pタグで囲わないようにする

あれこれ試してこっちのプラグインいれるとこっちが駄目で、、、みたいな繰り返しになるのでもうこれで。

注意点はfunctions.phpへのコードの記述をしても管理画面のエディタ上では反映されない、ということ。

プレビューのhtmlにちゃんと反映されますよ～。