改行が反映されない!原因と対応策!

Cocoon

今まで改行できてたのに急にできなくなった!なぜじゃ?

 

この記事をみてください。赤枠の中。いっさい改行がなくぎちぎちです。

 

でも、この記事の「投稿の編集」画面では改行をいれているのです。

それなのに、実際は改行されないのです。しかも急に「改行が反映されなくなった」のです。今までは改行がきっちりできてたのに・・

今回の記事は同じ症状「改行が反映されない!」になった方に、お役にたてるのではないかと思います。

スポンサーリンク

改行できなくなった時の対応策

先に答えから。どうすれば改行するかをお伝えします。

みなさん「投稿の編集」画面で記事を書いてあるわけですが、「ビジュアルモード」と「テキストモード」があるのはご存じですよね。(右上にタブがあります)

普段ほとんどの方が「ビジュアルモード」で書いていると思います。ビジュアルモードでは、実際表示される画面をみながらの編集になります。

テキストモードでは、複雑なコードがずらーとならんで、初心者にはたちうちできません。自分もよくわからないので、説明することもできません。

でも大丈夫です。新幹線の動く仕組みがわからなくても目的地に到着するのと同じで、わからなくてもいいのです。この例えは2回目です。

さっそく改行する方法を真似してやってみてください。

  1. 「テキストモード」にしてください
  2. 改行したい箇所へ「 」と入力してください。

これで改行できていると思います。

これで「改行できなくなった」時に「改行できる」ようになります。

原因を知らなくても結果をえる事ができたので、これ以上読み進めなくてもいのですが、少し気持ち悪いなぁ~という方は、もう少し読んでみてください。

 

改行できなくなった原因

今までできてた改行が急にできなくなった。新しい記事をたちあげると普通に改行ができる。

やっぱりなんかモヤモヤが残ったので、もう少し原因を調べることにしました。

上記の例をもう一度だします。

 

「投稿の編集」画面では改行しているのに

 

結果、改行ができていない。

 

そこで「テキストモード」にきりかえて、中をみてみました。

 

アップにします。

青枠の中にはちゃんと改行コード「 」があります。

そして自分の中では赤枠に中も「&nbsp;」があるはずなのです。それが「<div><div>」となっています。

よくわかりませんが、これが原因なのはまちがいなさそう。

「&nbsp;」が記述されてほしい場所に、「<div><div>」が記述されているのです。

<div><div>の意味も調べたのですが、頭から湯気がでてきて到底説明できるレベルにないので、ここはスルーします。

ただ、なんで「&nbsp;」が「<div><div>」に変わったのか?しかもこの記事のここだけ!

これは検証することができそうです。

「&nbsp;」が「<div><div>」に変わった原因

いろいろ調べたのですが、ここに注目です。

この青枠のところ

CHECKボックスの下へ「カラーコードをいれたら前コピーして、スタイルシートの1番下へ追記してください」とあります。

その前後へ「<div>」が記述されています。これが悪さをしている。それから後の記述の前後に全て「<div>」がありますよね。

思い出しました。その上のCHECKボックスありますよね。そのボックスと下の文章がくっついちゃったんです。とにかくごにょごにょしちゃったんです。

そして<div>がくっついてしまった。その後の記述全てに<div>がはいり、改行も<div><div>が記述された。

はいごめなさい。わかりにくいですね^^;

結局上記の青枠でかこった<div>から下の全ての<div>を削除しました。

一度削除したあと、ビジュアルモードに戻り、改行をいれると「&nbsp;」が記述されるようになり、改行も反映されました。

修正された画面

以上長くなりましたが、「改行が反映されない!できない!場合の対応策」と「原因」でした。

数あるうちの1つの原因だと思いますので、上記の方法で改善できなければ、ネットで調べながら頑張ってくださいね。

 

 

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