お問い合わせはコチラから

クラシックエディタでHTMLが勝手に変わるのを防ぐTips

サイト運営

一部のWordpressマニアを除けば、Gutenbergとかどうでもいいよって思っている人がほとんどだと思います。

Classicエディタのサポート期限が事実上なくなったのもあって、Classicエディタを使い続けている人は一定数残ることでしょう。

先日、クラシックエディタで作られたサイトのテーマを変更したら、記事のレイアウトが崩れました。原因はエディタによってHTMLが自動整形されてしまったためです。

問題となった記述と整形後

整形前

pタグの中で<br>タグが連続していたら、複数のpタグに分割されてしまった。

<p>
あああああ<br/>
<br/>
<br/>
</p>

整形後

<p>
あああああ<br/>
</p>
<p>
<br/>
</p>

この動きを制御するのは、TinyMCE Advancedのオプションでも対応できません。

余計な整形をやめるカスタマイズ

以下のコードをfunctions.phpに追加することで、予想の斜め上の動きを止めることができます。

add_action('init', function() {
	remove_filter('the_title', 'wptexturize');
	remove_filter('the_content', 'wptexturize');
	remove_filter('the_excerpt', 'wptexturize');
	remove_filter('the_title', 'wpautop');
	remove_filter('the_content', 'wpautop');
	remove_filter('the_excerpt', 'wpautop');
	remove_filter('the_editor_content', 'wp_richedit_pre');
});

add_filter('tiny_mce_before_init', function($init) {
	$init['wpautop'] = false;
	$init['apply_source_formatting'] = ture;
	return $init;
});

まとめ

Classicエディタでは定期的に、

①ビジュアルモード ⇔ テキストモードの切り替えで保存データからタグが消える問題
②記事を表示する時にタグが消えてしまう問題

が起きます。

今回のケースは後者の問題の対応になります。

この記事を書いた人
ブーン

はるばる日本よりオランダ王国へやってまいりました。
自分の経験が少しでも参考になれば嬉しいです。
お問い合わせは、『こちら』からお願い致します。

\ブーンをフォロー/
スポンサーリンク
サイト運営
\シェアお願いします!/
\ブーンをフォロー/
こんな記事も読まれています

失敗しないレンタルサーバーランキング

mixhost

不正アクセスに強くて使いやすいおススメサーバー
\本サイトで利用中/
メリット①:自動ウィルス駆除対応
メリット②:サイトの表示速度が速い!
メリット③:転送量の上限が多い!
メリット④:自由にプラン変更ができ、アクセス増にも対応できる!
メリット⑤:バックアップデータが無料で復元できる!
メリット⑥:Wordpressが簡単にインストールできる!
メリット⑦:どのプランでも初期費用が無料!
メリット⑧:10日間の無料お試し期間と30日の返金保証!

Conoha Wing

国内Wordpress最速の最強サーバー
メリット①:圧倒的な表示速度
メリット②:レンタルサーバーと独自ドメインがセットでお得◎
メリット③:プラン変更はすべてのプランで自由自在
メリット④:一か月の利用転送量の制限が緩い(9TB~)
メリット⑤:WordPresサイトの移行が簡単

エックスサーバー

国内シェアNo1の安定性と実績が魅力。ALL SSDで死角なしの万能サーバー。
メリット①:サイトの表示速度が安定して速い!
メリット②:アクセス負荷に強くて安定性が高い!
メリット③:24時間365日の充実サポートで安心!電話サポートもあり!
メリット④:転送量が多い!
メリット⑤:自動バックアップ機能付き!
メリット⑥:WordPressが簡単にインストールできる!
メリット⑦:10日の無料お試し期間がある!

タイトルとURLをコピーしました