WordPressのスペース (改行・段落・空白)が消える原因と対処方法を解説!


アイコスでも吸えます!定期購入で割引!

 

 

 

 

 

僕はブログを書くときは改行や段落をいれて、なるべく読みやすい記事になるように心掛けていました。

ペラッペラな記事内容を読みやすさでカバーしようとしてたわけです (笑)

でも時々、意識して空けていた空白スペースが勝手になくなって、記事の文章が詰まってしまうことがありました。

どうやらこの症状は、WordPressのエディタをビジュアル↔テキストに切り替えるときに起こるみたいです。

ということで、この原因をサクッと調べてみましたが、WordPressの「自動整形機能」というものが諸悪の根源だと判明 (笑)

今回はこのクソ余計な機能を無効化する方法を書いていきます。


WordPressの自動整形機能とは?

どんな機能?


「自動整形機能」とは、

  • 文章を改行した箇所にbrタグの挿入
  • 段落をpタグで囲む
  • spanタグの削除

などといった処理を自動で行なってくれる機能です。

僕のように「HTMLタグ」をよく知らない初心者が、ブログ記事を編集することを想定して実装された機能かもしれません。

基本的には親切・丁寧な機能なのかもしれませんが、おそらく大半の人にとっては「ありがた迷惑」、ぶっちゃけ「余計なお世話」な機能なのかなと思います (笑) 

どんな影響?


僕は記事の見やすさを重視させるために、文章は「。」で改行して段落を作っています。

WordPressのビジュアルモードでは「Enterキー」を押せば段落、「Enter+Shiftキー」を押せば改行することが可能。

通常はこの方法で改行も段落もできるので、空白スペある読みやすい記事が作成されるはずでした。

が、この「自動整形機能」が余計な処理を自動で行ってしまうため、記事に改行や段落を入れても反映されません。

その結果、改行や段落の空白スペースがない「すし詰め状態」の文章が表示されてしまうというわけです。


自動整形機能を無効化するには?

プラグインやコードの改変

この「自動整形機能」を無効化する方法はいくつかあるみたいです。

「fanctions.php」にコードを追加する方法や、「PS Disable Auto Formatting」というプラグインを使用する方法でも可能。

ここでまとめて書くのは面倒くさいのでゴチャつくと思うので (笑) 、これから誰でも簡単に無効化できる方法を1つ紹介します。

TinyMCE Advancedを活用

1番簡単だと思うのがプラグインの
「TinyMCE Advanced」を使用する方法。

この「TinyMCE Advanced」は、インストールして有効化するだけでビジュアルエディタを拡張できるというプラグイン。

WordPressでブログを書いている人であれば利用している場合がほとんどだと思います。

WordPressの管理画面からインストール済みプラグイン欄にある「TinyMCE Advanced」の「設定項目」をクリック。


設定メニュー内にある「段落タグの保持」にチェックを入れます。


 
これだけで自動整形機能を無効化することが可能。

これで空白スペースが勝手に消えることはなくなり、記事の文章がすし詰め状態になることもありません。


まとめ

僕はこの「TinyMCE Advanced」のオプション設定で、クソ不要な「自動整形機能」を無効化することができました (笑)

ただ、場合によっては無効化できないパターンもあるかもしれません。

そのときは上記のコード追加方法や、他のプラグインを試してみればいいかと思います。

そもそも「自動整形機能」を必要とするのはどんな人なんだろう?

初心者の僕にとっては謎機能でした (笑)

 

本日も最後までお付き合い頂き、ありがとうございました m(_ _)m


超高濃度60%のCBDが登場!

アイコスでも吸えます!定期購入で割引!