WordPressで【意図せず】行間が均一になった話し ~初心者ブロガーが困った事その4~

ブログ

おばんどす、りょくです!

今日も初心者ブロガーが困った事シリーズ

いきたいと思います!

 

本当はこのブログは育児&資産形成ブログ

なんですけどね、、、

 

そうなんです。笑

 

ただ、ブログを書いてると分からない事だらけで、

調べてもうまく出てこない事も多いのです。

 

初心者ならではの分からない事なのかもしれないので、

共有できたらと思って書いてます。

 

同じような環境の困ってる人の助けになれば幸いです。

 

それでは今日の困った事の本題です。

意図せず行間が均一になった【どんな風に?】

言葉で説明するよりもまずは画像をご覧ください。

 

ドン。

 

お分かり頂けたでしょうか。

そう、

 

2番です。

事件は2番でおきてます!!

 

私は1番のように、

所々に空白が入るように記事を書きたいのです。

私は普段ビジュアルモードで記事を書いてます。

 

ではなぜ2番は行間が均一なのでしょうか。

 

これ実はビジュアルモードで記事を書いていて、

その時は1番と同じように空白があったんです。

 

それがプレビューや実際に記事を公開してみても、

行間が均一になってしまったのです。

 

なんで、、、怖い、、、

 

 

しかも厄介な事に、

全体がそうなっているわけではなく、

一部だけ、そうなっているのです。

 

 

原因を考えます。

そういえば思い当たる事が一つ。

 

改行した時の動作が変わった

参考画像をご覧ください。

 

普段の動作だとEntarを押した時、

1番 → 2番 くらいの行間が空きます。

 

行間が空くというよりは、

 

間に空白の一行が入る

ような感じで改行されるんです。

 

ところがこの時はなぜか急に、

3番 → 4番 のように、

間の空白の一行がなくなったんです。

 

もしかしたらこれが原因だったのかも?

解決のヒントは【テキストモード】にあった

原因かもしれないものは分かりました。

 

でも実際にビジュアルモードで見てみても、

いつも通りの記事が書けています。

 

試しにテキストモードも見てみます。

その画像がこちら。

 

 

なんかめっちゃいる!!

 

<div>と</div>がめっちゃおる!!

 

なんやコレ、、、

こいつが悪さしてるんじゃ、、、

 

試しに<div>と</div>を消してみて、

ビジュアルモードで見てみました。

 

すると均一ではなかったはずの行間がなぜか均一に!

 

しかし改行した時の動作は直っていたので、

また行間を均一じゃないように空白を入れます。

 

そしてテキストモードを見てみると、、、

 

 

、、、おっ!!

直ったっぽい!?

 

プレビューでも見てみます。

 

直ったー!!泣

 

良かった、本当に。

 

もう一つの解決法【アナログ修正大作戦】

先ほどのはテキストモードでの修正でしたが、

もう一つはビジュアルモードでの修正になります。

 

名付けて、、、

 

アナログ修正大作戦!!

 

とても地味なやり方です。笑

 

まずはこちらの画像をご覧ください。

 

「あああ」と「いいい」は正しい状態ですよね。

「ううう」と「えええ」を修正したいと思います。

まず、「いいい」の矢印のところで

Entarを2.3回押しましょう。

 

そうすると、

いつも通りの正常な空白ができるはずです。

 

あとは「ううう」と「えええ」を正常な空白内に

コピペ(コピー&ペースト)していきます。

これだけで正常な状態になりました。

 

個人的にはこちらの方が簡単かなと思います。

 

テキストモードいじるのなんか怖いしね、、、

ブログ初心者にとって、

テキストモードはハードルが高すぎるんです。

 

そんな人でも直せるこのアナログ修正作戦。

いいと思います!

まとめ

<div>と</div>が悪さをしていた可能性が高い

でした。

 

色々調べてみたのですが、

どうして突然そうなったのかは正直分かりません。

 

ただ、同じような事が起きた時、

この手順で修正すれば直せるという事は分かりました。

 

もしかしたら他になにかいい手段があるかもしれません。

ですがひとまず。

 

修正する手段の一つという事で、

参考になれば幸いです。

コメント

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