WordPressのエディタがdivタグをpタグに変えてしまう問題

amazletを使用していたところ、出力したHTMLレイアウトが崩れたり崩れなかったりといった現象が発生してしまいました。おかしいなぁと思いつつソースを確認してみたら、

タグがいつのまにか

タグに変わっていました。

ネットで原因を調査したところ、どうやらWordpressのビジュアルエディタが勝手に変換してしまうらしい。なぜ、そういう仕様なのかは謎。解決方法がWordPress Japanのフォーラムに投稿されていました。

wp-incluede/js/tinymce/tiny_mce_config.php の

24行目あたり・・

Code:

$valid_elements = ‘p/-div[*],-strong/-b[*],-em/-i[*],-font[*],-ul[*],-ol[*],-li[*],*[*]’;

を下記のように変更

Code:

$valid_elements = ‘p[*],-div[*],-strong/-b[*],-em/-i[*],-font[*],-ul[*],-ol[*],-li[*],*[*]’;

この変更で、解決されました。