ワードプレスで記事を書いているときに勝手に段落(隙間)が空いてしまうときの対処法【初心者向け】

勝手に段落に隙間ができるときの対処法

こんにちは けいこぶ です。

皆さん、ブログ生活楽しんでいますか?私もワードプレスに徐々に慣れてきました。

今回はワードプレスで記事を書いているときに勝手にできてしまう隙間について対処法をご説明します。


勝手にできる段落ってなに?

「勝手にできる隙間」って何だ?って思いますよね。

百聞は一見に如かずということで、まずは次の画面を見てください。

勝手にできてしまう改行

これはワードプレスのビジュアルモードで記事投稿画面になります。

このとき、「決して斜めにカメラを(省略)」の文と次の写真の間には何も隙間はないですよね?

―――――――――――――――――――

勝手にできてしまう改行

―――――――――――――――――――

でもこれをプレビューで見てみますと何か隙間にいるんです!

―――――――――――――――――――

&nbspによる勝手な改行

―――――――――――――――――――

マウスでドラッグしてみると、たしかに1行分の何かがいます!

これが私の言う「勝手にできる段落」です。

コイツ、おそらく何かの行動が起点になって出てくるとは思うのですが、レイアウトを考えると何かと邪魔なんですよね。

それなのでコイツを消したいと思います。

勝手にできる段落を消す方法

勝手にできてしまう改行

まずは記事投稿画面の右側にある「テキスト」を押します。

これでビジュアルモードからテキストモードに表示が変更されます。

―――――――――――――――――――

&nbspによる勝手な改行

―――――――――――――――――――

するとビジュアルモードでは見えなかった「&nbsp」という文字が見えます。

だいたいコイツのせいです(^ω^ ≡ ^ω^)

&nbspってなに?

&nbspの先頭についている「&」はルール上ついている記号のようなものです。意味のあるのはnbspの方です。

nbspはNon-Breaking-SPaceの略で「ココでは改行はしません」を意味する記号です。

改行ってなんぞ^^;となると思いますが、わかりやすい意訳としては「半角スペースを入れる記号」と考えておいてもそんなに間違いではありません。

なんで半角スペース?と思われるかもしれませんので、イメージをつかむためにちょっと画像を用意しました。

―――――――――――――――――――

&nbspによる勝手な改行

―――――――――――――――――――

これは私の使用している別のソフト(DreamWeaver)の画面です。

上の画面がワードプレスでいうところの「ビジュアルモード」、下の画面が「テキストモード」になります。

このとき、テキストのABの間に「&nbsp」を書いてみたいと思います。

―――――――――――――――――――

&nbspによる勝手な改行

―――――――――――――――――――

どうでしょう?

下の画面でABの間に「&nbsp」を書きましたら、上の画面のABの間に何やら半角スペースっぽい何かが出てきましたね。

これが「&nbsp」です。

(専門的には詳細な意味合いがあるみたいですが、私を含めた一般人にはこの程度の認識で大丈夫だと思います)

&nbspを消してあげるだけでよい

隙間ができるのが「&nbsp」のせいならば、「&nbsp」を消してやればよいのです。

―――――――――――――――――――

余計な&nbspは消してしまおう

―――――――――――――――――――

先ほどのテキストから「&nbsp」を消去します。消去した後の隙間も気持ち悪いので適当に段落をあわせておきます。

―――――――――――――――――――

勝手に隙間ができる

―――――――――――――――――――

これで変な段落が消えました!レイアウトもスッキリして解決です!

まとめ

&nbspができるのはおそらく何らかの特定の行動が原因だとは思うのですが、今の私にはそこまでは何かがわかっていません。

それなので、とりあえず出てしまった後の対処法をご紹介しました。

私と同じようなワードプレス初心者の方は、余計な&nbspが出てしまったらとりあえず&nbspを消して対処するのをオススメします。

(この記事を書いているときにも1~2回の&nbspが出てました。おそらく写真を張り付けたり何やらが関係してそうです)