HTMLで制作したWebサイトをWordpress化しているとき、
固定ページにソースコードを記述するとなぜか余計なpタグが生成されてしまい、何度CSSをいじってもまったく反映されず数時間が過ぎていく…
という問題が生じたときに確認すべきこと。
WordPressオリジナルテーマのCSSを修正しても余計なpタグが消えないときは
functions.phpに以下のコードを追記します。
//記事表示時の整形無効
add_action(
'wp_head',
function(){
remove_filter('the_content', 'wpautop');
remove_filter('the_excerpt', 'wpautop');
}
);
//ビジュアルエディタ(TinyMCE)の整形無効
add_filter(
'tiny_mce_before_init',
function($init_array){
global $allowedposttags;
$init_array['valid_elements'] = '*[*]';
$init_array['extended_valid_elements'] = '*[*]';
$init_array['valid_children'] = '+a[' . implode( '|', array_keys( $allowedposttags ) ) . ']';
$init_array['indent'] = true;
$init_array['wpautop'] = false;
$init_array['force_p_newlines'] = false;
return $init_array;
}
);
これで解決できるかと思います。（解決できない場合は他にも何かしらの問題があるかもしれません）
わたし自身このコードを知らなかった時に、何時間もCSSとにらめっこを続けた結果、なんだ数分で解決できたのか…とげっそりしたことがあります（笑）
ぜひご参考になさってください。