WordPressで改行が上手くできない!反映されない!訳が分からない!そんな時の解決策を教えます。

https://excellent.ne.jp/wp-content/uploads/2022/02/customer300x300-300x300.png

ワードプレスの改行がうまく出来ないんですよ

https://excellent.ne.jp/wp-content/uploads/2022/02/tsutsupen_200x200.png

そうなんですか・・・・。
困りましたね。

https://excellent.ne.jp/wp-content/uploads/2022/02/customer300x300-300x300.png

そうなんですか・・・
でなくて、あなたプロでしょ!なんとかしてよ!

https://excellent.ne.jp/wp-content/uploads/2022/02/tsutsupen_200x200.png

うーーん。
プロ野球選手でも150kmのストレートの後の140kmのフォークは打てないじゃないですか~~。
どうしようもない時ってあるじゃないですか~~

https://excellent.ne.jp/wp-content/uploads/2022/02/customer300x300-300x300.png

そうだね~~確かに・・・。
そりゃ~~打てないよね~~。(笑)

という野球好きなら分かって頂ける??
意味不明な説明をしてその場を切り抜けることが多いWordPressの改行問題

ほんとは当然にしっかりとした理由があるのですが、説明が面倒だったので説明をさせて頂くことを避けて来たのですが、そろそろその問題から逃げることなく立ち向かう決心をしました。

そう!なぜWordPressで改行がうまく出来ない現象が起きるのかという理由を解説いたします。

WordPress (ワードプレス) で改行されない理由

WordPressはエディターで入力した文章に自動でタグを追加する自動整形機能を搭載しています。

この自動整形機能はHTMLの知識が無くとも自動的に記事を整形してくれる便利な機能ですが、自分の思った通りに整形されないことがあるという難点があります。

例えば複数回改行したいときに、エディター上で何度改行してもその分は削除されて表示されるのがその現象です。

プラグインの導入やコードの書き換えを行うことで、自動整形機能を無効にできますが、プラグイン同士の相性が悪い場合、プラグインを停止しなければならない場合があります。そのために既存のプラグインを停止したり、将来的に改行を行うプラグインを停止する事が起きると、すべての記事の改行が反映されなくなってしまいますのでこの方法はお勧めできません。

そこで、今回はプラグインを使用せず、シンプルな方法で解決する方法をご紹介します。

 (半角スペース)での改行方法

  …半角スペースを示すHTMLタグ

HTML上に半角スペースを挿入することにより改行することが可能です。

記事作成画面

プレビュー

HTML

 

 を挿入したところは挿入した分だけ空白行になります。

記事作成画面で空白行を入れたらプレビューでも空白行になりますが、2行空白を入れても1行分しか認識されません。

2行空白を入れたい場合は を使用をお薦めします。

<br>での改行方法

<br> …改行を示すHTMLタグ

この<br>タグはWordPressのバージョンによっては反映されないので、その場合は上で紹介した&nbsp;を使用してください。

HTMLタグと実際に反映される改行の個数が違うので、作成画面とプレビュー画面をよく確認しましょう。

記事作成画面

プレビュー

HTML

記事作成時に「Enter」を押して改行した場合は<br>タグか<p>タグが自動的に追記されます。

<br>で改行する場合は、作成時と反映時の改行数が異なる場合があるので、空白行が出来すぎていないか確認しながら作業をお願いします。

以上、WordPressで改行できない!反映されない!そんな時の解決策を2通り紹介しました。

ただ、これだけでは解決できない場合があります。
それは、ビジュアルエディタとテキストエディタどちらを使用しているのかという問題。

正解の近道はテキストエディタの一択

WordPressでは、ビジュアルエディタとテキストエディタを使用できますが、当社ではテキストエディタを使用することをおすすめします。

ビジュアルエディタでは、htmlを理解していなくても記事を作成できるというメリットがありますが、ソースを制御できないというデメリットもあります。

●そのソースを制御できない現象の中に、改行が思うように出来ないという現象が起きる事があります。
●同じ編集画面で同じ操作をしても、環境が違えば違う反映結果になる理解不能の現象が起きる事があります。

当社にWordPressの改行についてのご相談を頂く場合に、このような状況で発生している事が多いので・・・

https://excellent.ne.jp/wp-content/uploads/2022/02/tsutsupen_200x200.png

うーーん。
プロ野球選手でも150kmのストレートの後の140kmのフォークは打てないじゃないですか~~。
どうしようもない時ってあるじゃないですか~~

という回答になる事がございますので、、、、事情、お察し頂ければと思います。

そんなこんなで、ここまでの内容を確認して頂いてもWordPressの改行についてのトラブルうまく改善が出来ないのであれば、当社にご相談ください。雑な説明になるかもしれませんが、きっとお力になれます。

▼該当サービス
ホームぺージレスキューサービス

メールでのお問い合わせ

お問い合わせはこちら
メールフォームの内容をご確認頂きまして送信してください。

LINEでのお問い合わせ

お友達登録はこちら
お友達登録をして頂いて
お問合せ内容をトーク画面から送信してください。

Web集客サポートと商品ページ制作代行ならエクセレント

筒井 章年

Web制作歴25年。1,000サイト以上のWeb集客のサポート経験を持つ。 その経験で得た知識や経験でWeb集客の立案やコンサルティングを担当しています。集客問題を解決できるノウハウをわかりやすくご紹介いたします!

関連記事

無料相談行っています!!お気軽にご利用ください。
最近の記事 おすすめ記事
  1. Instagram(インスタグラム)の位置情報に自分のお店を載せる方法

  2. Instagramでバズる方法とは? ハッシュタグは重要ではありません。アルゴリズムを解析した真実。【運用者必見です】

  3. Instagram(インスタグラム)のアルゴリズムについての記事をまとめました

  4. バズる投稿をするにはInstagram(インスタグラム)のアルゴリズムを攻略する必要があります。【運用者必見】

  5. Instagram(インスタグラム)の魅力的なプロフィールの書き方を解説します

  6. Instagram(インスタグラム)まとめ記事 ハッシュタグについてまとめました

  7. Instagram(インスタグラム)まとめ記事 プロフィールについて

  8. Instagram(インスタグラム)とは?いまさら聞けないInstagramの基礎知識

  9. Instagram(インスタグラム)まとめ記事 フォロワーを増やす方法について

  10. Instagramで攻略すべきは「発見タブ」。その発見タブについて解説します。

  1. Instagram(インスタグラム)のリール動画の音源を保存して活用する方法

  2. Instagramのリール動画やTicktockやYoutubeのショート動画にたくさんの会社が力を入れている理由

  3. Instagram(インスタグラム)で集客を始める時に知っておくべき集客のコツ12選

  4. 初心者が知っておくべき基本的なSEO対策とは?上位表示に必要なやり方・方法について解説します。

  5. 検索意図とは?SEO対策で重要な調べ方と考え方を解説します。

  6. ホームページが検索結果に表示されない時の原因と対処方法を徹底解説!

  7. 【2022年版】Web集客の種類とその方法を集客にお困りのあなたに分かりやすく解説します

  8. SEO対策の内製化を積極的に取組んでいる中小企業の多くは自社でするSEO対策に迷走している。

  9. 売れているホームぺージ = 集客型ホームぺージに共通しているぺージ構成の法則

  10. これを見れば完璧!Google Maps API 取得方法をご紹介します。

資料を無料ダウンロード

弊社の会社概要と、ご提供サービスのご紹介資料です。
ご覧いただき、お気軽にお問い合わせください。

TOP