WordPressで改行などの崩れが起こる原因とは…?

おはようございます、コンノです。

WordPressでブログを書いていて、改行やスペースが’いつの間にか消えていた!という経験をされた方!
その原因はテキストエディタの切り替えかもしれません…
今日は、表示崩れの原因の1つであるテキストエディタについてご説明致します。

目次

  • 改行・スペースが消える原因
  • ビジュアルエディタとは?
  • テキストエディタとは?
  • 最後に…

改行・スペースが消える原因

ブログを書いていて、改行やスペースを入れたはずなのに編集作業中に消えてしまう一番の原因は、【ビジュアルエディタ】と【テキストエディタ】を行き来することで起こります。
文章を書いていて、途中でインスタやYouTubeの埋め込みコードを入力するために【ビジュアルエディタ】から【テキストエディタ】へ変更しコードを埋め込み、【ビジュアルエディタ】へ戻り文章を追加し、また【テキストエディタ】に変更し埋め込みコードを入力するという風に、【ビジュアルエディタ】と【テキストエディタ】を作業の区切りで保存せずに何回も行き来することで、ソースが何回も切り替わることでエラーが起こり、消えることがあります。

201612225

なるべく、エディタの行き来を少なくしこまめに保存することでエラーが起こるのを回避できます。

ビジュアルエディタとは?

テキストの色を変える・テキストの大きさを変える・テキストにリンクを貼る・画像を挿入するなど、視覚的に編集できるようになってるのが【ビジュアルタブ】です。
HTMLの知識がない人でも、Excelを操作する感覚でカンタンに編集できます。

201612222

画像を挿入すると、ビジュアルで見える。

201612227

テキストエディタとは?

HTMLタグが表示されます。
HTMLの知識がない人には、何が何だかわからない画面になり編集するのが怖いと思います。
しかし、インスタや、YouTubeを表示させたい場合は、【テキストエディタ】に切り替えてから、タグを埋め込みます。

201612221

画層を埋め込むとHTMLタグで表示される。

201612226

最後に…

インスタやYouTubeをブログ記事に入れることは、情報発信に不可欠なので、【ビジュアルエディタ】と【テキストエディタ】を保存せずに行き来することは、なるべくやめて作業していただければと思います。

  • シェア
  • twitter
The following two tabs change content below.
株式会社インファクトでWEBサイト・ブログの制作からお客様サポートまで担当しています。どう改善したら伝わりやすいのか、反応が出るのかを常に考えながら仕事に取り組んでいます。WEBサイトだけでなく、紙ものメール設定など、幅広い業務に携わっているので、色んな視点でお客様のお手伝いができると思います。よろしくお願い致します。
  • twitter
  • このエントリーをはてなブックマークに追加
PAGE TOP
LINE it!