WordPress 改行を理解する

WordPressで改行をするXNUMXつの方法

WordPressから Shiftキー+ Enterキーを押すと、強制改行(line-break)されます。 ただ 入力しますをクリックすると、段落の区切り(new paragraph)になります。

Line-breaks in WordPress - WordPressで改行理解

WordPress 書き込み画面でビジュアルモードで見ると、上記のように表示されます。 これはテキストモードで見ると、別の方法で表示されます。

Text Mode in WordPress - WordPress テキストモード

上の図では、表示されていないが 入力しますを入力して、改行をした場合、段落タグ()が追加され Shiftキー+ Enterキーを入力して、改行をした場合、 タグが入力されます。

WordPressで改行されていない場合は、

WordPressで改行されていないのは WordPress エディタ(Editor)で改行記号を除去する可能性があります。 この場合、まず TinyMCEの高度 プラグインをインストールして、問題が解決するか調べてみましょます。

それでも問題が解決しない場合、次のコードを使用している WordPress テーマの関数ファイルに追加します。

function clear_br($content){
return str_replace("<br />","<br clear='none'/>", $content);
}
add_filter('the_content', 'clear_br');

上記の方法もうまくいかない場合... タグと タグをショートコードで作成追加する方法を考えてみることができます。 この場合も面倒と思われる。 まず、テーマ作成者に連絡して問題を解決できるかどうかを確認してみるのもいいようです。 ショートコードを作成する方法は、 この記事を参考にしてみてください。 他にもいくつかの記事では、 マージンこの 0に設定されており、そのような現象が現れるとされていることもあります。

アップデート: br タグが正常に動作しない場合 この記事を参考にしてみてください。 この記事に記載され、様々な方法を試して、問題の解決を試してみてください。

メモ:

一部の記事にはアフィリエイトリンクが含まれている場合があり、パートナーの活動で一定額の手数料を受け取ることがあります。

16のコメント

  1. こんにちは。 おかげで WordPress よく学んでいます。

    今日のサイト構成中に最近の投稿リストのタイトルを変更すると、モバイルサイズに変換すると最近の投稿のタイトル行間隔が広すぎて見える現象が発生します。 いろいろなタイトルに関連するCSSを入れても見逃しの調整が容易ではなくて助けを求めてみます。
    リンクに関連写真つなげておきました。 https://ferstx.tistory.com/3904

    1. そのURLでは、タイトルがモバイルでも正しく表示されますね。 問題のあるURLをアップロードしてください。

      1. XNUMX回答ありがとうございます。
        https://ucanwalk.net
        PC画面では、通常は最近の投稿のタイトルが正常に見えますが、
        モバイルサイズに縮小すると、タイトルの改行になりすぎて広がります。 line-height属性でも変化がないですね。 助けてください。

      2. うわー〜! 解決しました。
        死ぬと.post-title a属性だけに触れましたね。
        .post-title に与えられた内容を入れると、ライン間隔がすっきり完璧になりました。 ありがとうございます。

  2. こんにちは。 WordPressを今まさに開始する初心者ブロガーです。
    ワードさんのブログの記事を見て見てたくさん学んでいます。 ところが、ワードさんのスレッドの特徴が改行はないかぶっ段落にのみ投稿を希望いう、改行を使用すると、seoに悪い影響を与えますか?
    私は長文の投稿をたくさんする改行を使用する必要が可読性の面でより良いだろので悩み中です。
    または改行を使用しても、段落を適切に使用すると、大丈夫でしょうか?
    アドバイスお願いします。

  3. もしかしたら WordPressで書いた文章のタイトル(title)行間隔も調整することがありますか?
    文のタイトルを書いてみるとpc版では、ある程度長いタイトルも一行に見え大丈夫だ、モバイル版で見る時は二行に改行されて見えるんですよ -
    この時、バーの更新状況された文字同士の間隔が狭くて文字が重なって見えますねㅠㅠ本文は行間、文字間隔も調整がドゥェドンデタイトルは、私が探せないのか。修正がないんですよㅠㅠしっかり答えお願いします!

    1. テーマオプションでオプションを提供していない場合、CSSで調整できます。

      たとえば、このブログに設置された Newspaper テーマでは、次のようなコードを使用することができます。

      .td-post-template-default .td-post-header .entry-title {
      line-height: 42px;
      }

      実際CSSコードは、テーマごとに少しずつ異なります。
      CSSを少し知ること容易に可能です。

      line-heightについては、次のW3Schools文書を参照してみてください。
      https://www.w3schools.com/cssref/pr_dim_line-height.asp

      WordPressでのCSSを追加する方法は、次の記事を参考にしてください。

      https://www.thewordcracker.com/basic/how-to-add-css-in-wordpress/

  4. ...
    .
    .
    .

    ...
    このようにになったタイトルの下に文と次のでされたタイトルの間に行をもう一つ入れたい時がある、enterもshift + enterも受け入れられないですね。 ビジュアルモードでのみ変化し、テキストモードでは、変化がありません。 テキストモードでのメモ入れても同じです。 と一度だけ表示されます。 他の記事で言われたようにTinyMCEプラグインを入れても同じなんです。 なぜでしょうか?

    1. うーん...特定のh2タイトルだけを下に並べてもうXNUMXつ入れたい場合...

      ...のようにテキストモードでクラスを追加してから...

      .extra-line {
      margin-bottom: 20px;
      }

      上記のようなCSSコードを追加してください。 数字は適切な変更をすると、ドゥェゴヨ。

      1. ああ、タイトルの下ではなく、タイトルに付き文とその次のタイトルの間にギャップを広げたいから。 強制的に行を追加しようとしを入れるのにそれ入れたら跡形もなく消えね。

      2. そのような場合、複数の方法が可能であることです。

        ショートコードを一つ作ればどうでしょうか?

        function line_break_shortcode() {
        return '<br />';
        }
        add_shortcode( 'br', 'line_break_shortcode' );

        上記のようなコードをテーマの関数ファイルに追加し、空白が必要なところに[br]を追加します。

        2つ必要と二つの追加してください。

      3. ありがとうございます。
        子 theme のfunction.phpファイルに追加しましたが、正しいですか?
        お知らせいただいた通り的だったがダメですね。

      4. その後、すぐにテキストモードで、次のコードを一度追加してください。

        <div class="extra-line"></div>

        そしてCSSスタイルシートファイルには、次のコードを入れてみてください。

        .extra-line {
        margin-bottom: 20px;
        }

      5. 不思議ですね。
        もしかしたら、キャッシュのプラグインがインストールされている場合は、キャッシュを削除して、ブラウザのキャッシュも削除した後にテストしてみてください。

コメントを残す

メールアドレスは公開されません。 必須フィールドは *と表示されます