>2020年ワードプレスで改行されない時の対処法・正しい改行方法2020-04-21TwitterSharePocketHatenaLINEURLコピーワードプレスの記事を作成する時、思うように改行が反映されずに困っている方へ改行で見やすい文章にするための方法を説明しています。見やすく読みやすい文章にする改行(段落)の入れ方のポイントキーボードの使い方さえよく確認すれば問題ありません。読みやすさのために改行を作るときはスマホでの見え方を確認することも大事なポイントです。ワードプレスの改行の入れ方:この2つを抑えればまずはOKまずはこれらを覚えれば、基本的には改行したいところで改行ができ、空けたいところは空けることができます。「改行」は文章を2行(以上)に分けたい時です。改行したい箇所にカーソルを当てて次のようにキーを押します。この場合、htmlは改行を意味する<br>タグが挿入されます。ブラウザの画面HTMLソースサンプルのテキストです。<br>お客さまの感想本文です。サンプルのテキストです。お客さまの感想本文です。段落は、文章の中の1つの固まり(1つの主題)で区切る時に使います。改行とは違い、区切りを明確にするため前後に大きめの空きが作られます。改行したい箇所にカーソルを当てて次のようにキーを押します。この場合、htmlは段落を意味する<p>タグが挿入されます。ブラウザの画面HTMLソース<p>サンプルのテキストです。お客さまの感想本文です。サンプルのテキストです。</p><p>サンプルのテキストです。<br>お客さまの感想本文です。サンプルのテキストです。お客さまの感想本文です。サンプルのテキストです。お客さまの感想本文です。EnterキーMacintosh:returnキーまずはこれをやってみてください。思うように改行できるはずです。それ以外の改行が反映されない・消える等、改行できない原因その他には、タグが消えてしまう・予期せずタグが追加されてしまうことで思うような改行状態にならないケース。ワードプレスの「自動整形」機能が原因のものがあります。自動整形機能は改行1つ1つのタグを書かなくても自動入力してくれて便利なのですが、ワードプレスのエディター(記事を書く画面)の「ビジュアル」「テキスト」のタブを1記事で両方使っているとよく起ります。このような方は、自動整形機能をOFFにすることで解消されます。改行を連続して入れて「空白を大きく」作りたいタグが勝手に削除されてしまうことを避けたい意図しない<p><br>タグが入ってしまうのを避けたいここではプラグインを使って機能を無効にする方法をお伝えします。Advanced」をインストールしているなら、その機能をOFFにするチェックボックスがありますのでそれを利用します。Advancedはエディターに操作ボタンを増やせる便利な定番プラグインですから無い方はこの機会にインストールしてもよいでしょう。メモその他にPHPファイルfunction.phpに記述する方法もありますが、ここではプログラムファイルを触らずに済むプラグインでOFFする方法のみをお伝えしました。結論からお伝えするとスマホでは「コンパクト目に見せる」こと。その理由はスマホはパソコンよりも一度に見える範囲が狭いため、この方が読み手は情報を掴みやすいからです。具体的には以下の方法を実行してみてください。一段落内の改行は基本的に入れない。入れるとしても1回程度で最小限に。(段落内で改行して行頭に大事な言葉を出すことで、埋もれさせずに伝わりやすくできる場合は<br>改行を入れる等、臨機応変に)一段落を120文字〜200文字程度で短くし、小まめに段落を作る。改行の箇所は「意味に区切りがあるところに入れる」が基本。この方法よる効果は段落の中は改行せず文章を連続させ、一段落の文字数をそこそこ短めにすることで、読み手は一段落単位で集中して読み切りしやすくなる。この改行方法はワードプレスのデザインにも合わせやすい今のワードプレスのテーマはほとんどが「レスポンシブ」という画面の解像度(横幅のピクセル数)に合わせてレイアウトを柔軟に変更させる手法で作られています。それをパソコンでちょうどよいと思う箇所に改行(タグ)を入れると、そこは強制的に改行されるので幅の狭いスマホ画面では想定していない箇所で文字が残り、ブサイクに見えます。個人の感覚値やユーザーにもよりますが、パソコンで一行をそのまま流し入れたら横幅が長すぎるのでは?という疑問は、一段落の文字数を多くしなければ、ストレスを感じる前に文がが区切られるので基本的には大丈夫です。逆を言えば、長いと感じる前のところで改行(bタグ)と段落(pタグ)で区切ってください。メジャーなワードプレスのテーマであれば、本文の横幅が見やすいデザイン設計になっているはずです。今ご覧になっているワードプレスの画面テーマは評判がいいAffinger(WING)パソコン版の横幅は638px(この画面はカスタマイズしていて横幅700px)かおり改行余白をたっぷり使っていたブログが主流だった時は、インターネットをパソコンで見ることが多かったころ。アメブロの人気がピークだった2010年〜2012年位までなのよね。ITオンチ、機械オンチの私には何だか難しそう。ブロ子かおりそうかなあ。ブロコちゃん、携帯ってガラケー?スマホ。ブロ子かおりだったら自分が普段ネットを見る時の感覚でいいのよ。見やすいとか、見づらいとか半無意識で感じてるはず。それを記事作りの時に意識して反映させればいいのよ。見やすい文章にするための重要な2つのポイント改行は、読み手に見やすい画面を提供するためですから、改行や文章整形をする際にはこの2つの点に注意してください。書き手はパソコンで見て、読み手はスマホで見ていることSEOの視点でもタグは意味に合わせた使い方にする以下、説明してゆきますね。女性起業家によく見られる特徴的なブログの書き方に「アメブロ的改行法」があります。それは一行を20文字程度で細かく改行し、連続改行をたくさん使って余白をたっぷりと作る画面。これをスマホで見ると少々残念な感じになります。書き手はパソコン、読み手はスマホ。画面を見ている環境が違うから見え方の印象が変わるのです。イメージ画像を見てください。▼こまめな改行と多めの空白の画面。スマホでは情報が散らばって読みづらいではこれを段落ごとに改行し、段落の中の改行は無し(最小限)にする方法で書いた画面が以下です。(Q.の質問は<p>タグで囲うことにします)▼段落ごとに改行された画面。一段落を適量に抑えれば、それほど見づらくならないいかがでしょうか?アメブロ独自のお作法的書き方はパソコン主流の時代にできた産物で、スマホでネットを見る現代には合わなくなってきているんですね。習慣的にやっている場合は、ご自分のブログをスマホで客観的にチェックしてみましょう。Googleアナリティクスなどのアクセス解析ツールで、自分のブログの訪問者の使用デバイス(機器)を確認してみてください。ブロ子そうかー、なんかアメブロの先輩がそうやってたから無意識にやってた。大事なことは「読み手に伝わりやすいか」「解決法を探しているユーザーが読んで嬉しいか」を常に考えることなの。書くことばかりに気が行ってあまり考えてなかったかも。ビジネスブログではブログで何を実現したいのか、目的をよく見直してね。それにそって意識してゆくだけでも読まれやすいブログになるよ。意識かあ!ちょっとやってみる!SEOの視点からもタグを適切に使うこと見た目の改行を作るため、空きを広く取るために<p>や<br>使うのではなく、HTMLタグの意味を理解し、使う箇所に合ったタグ選びを心がけましょう。Webブラウザも検索エンジンもWebページはHTMLというルールに則っとりウェブページの内容を認識するからです。Pタグを使えば段落と理解し、Hタグを使えばそこは見出しとして文章の中でも重要な箇所としてGoogleも把握するんですね。具体例は以下で画像とHTMLコードで説明します。▼改行されないケースお客様の声を記事にしたページで改行がうまくいかなかったケースの再現。Enterキーで改行したとのこと。その上に自動整形機能がタグを削除してしまい、うまく改行されなかったようです。改行の入れ方は、青文字の設問部分を<p>タグで段落を作る形で改行を入れることもできます。当スクールにご参加いただいた決めては何ですか?</p><p>サンプルのテキストです。お客さまの感想本文です。見出しタグを使えば、そのタグではさまれた文言をページの中で重要な内容としてGoogleは認識します。見出しはその下にくる内容が要約された一文だからです。ブラウザの画面H(見出し)タグを使って見出しにして立てることもできます。Hタグでは改行され、お使いのワードプレステーマのデザインが反映されます。※上記画面は当ブログのH2の見出しデザインになっています。お使いのテーマによって変わります。当スクールにご参加いただいた決めては何ですか?</h2><p>サンプルのテキストです。お客さまの感想本文です。</p>ワードプレスの改行のまとめ:文章の内容に即して適切な改行タグを入れようワードプレスの改行は、相手に内容をより把握しやすく理解しやすくなるための工夫です。「記事作りはパソコン、読む人はスマホ」これを念頭に置き、常に読みやすいかどうかを意識しながら、文章の内容に合わせて改行を使い分け、読みやすい画面作りに取り組んでいきましょう。読みやすさは見出しや文字の太字やマーカーの強調、写真などの画像と合わせると、さらに読みやすさはアップします。ご紹介した方法で記事を書いてみてください。時間を置いて目が新しくなったところでてスマホで確認してみる。いう地味な作業が大きな違いを生み出します。ご自身のブログサイトの想定ユーザーに心地よいと思われる画面作りをしてください。集客ブログサイト、ワードプレス、ランディングページ、ツール...集客から販売まで、ネットビジネスで必要なスキルや知識を学べるメール講座です。今すぐ受け取るTwitterSharePocketHatenaLINEURLコピー1ランディングページの作り方|ステップで解説【初心者向け】この記事では、初心者の方向けにランディングページについて解説しています。...2ワードプレス集客のコツ!抑えておきたい11個のやるべきリストこの記事ではワードプレスを集客に使いたい個人起業家の方へ「11個のやるべきチェックリスト」をお伝えします。ワードプレス集客の方法や失敗しないコツも合わせてご紹介。ワードプレス初心者なんだけど、どんなプラグインをいれたらいいの?たくさんありすぎて、何を選べばいいのか全然分からない。...4【2021年】目的別ワードプレスのおすすめ無料テーマ9選!ワードプレスの中でテーマは非常に重要です。サイト全体の外観や、記事画面のメリハリ、運営の利便性に大きく影響するからです。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。ブログや資料などで他人の著作物(文や図/写真など)を利用するケースもありますので、最低限知っておくべき著作権法の『引用』についてをお伝えします。インターネットユーザーの性格というものをご存知ですか。未来のお客さまになる人です。“彼ら”には、3つの基本性格というものがあります。