WordPress ビジュアルエディタでのhtmlの崩れを防ぐ方法

functions.phpに以下を貼り付ける。それだけ。

function my_tiny_mce_before_init( $mceInit, $editor_id ) {
	$mceInit['allow_script_urls'] = true;
	if ( ! isset( $mceInit['extended_valid_elements'] ) ) {
		$mceInit['extended_valid_elements'] = '';
	} else {
		$mceInit['extended_valid_elements'] .= ',';
	}
	$mceInit['extended_valid_elements'] .= 'button[onclick]';
	return $mceInit;
}
add_filter( 'tiny_mce_before_init', 'my_tiny_mce_before_init', 10, 2 );

参考サイト
「ﾋﾞｼﾞｭｱﾙｴﾃﾞｨﾀで編集するとHTMLが崩れる」