見た目通りに改行を、そのまま自然に行いたいのですが

Simplicityの特徴 フォーラム 要望・機能追加など 見た目通りに改行を、そのまま自然に行いたいのですが

  • このトピックには7件の返信、2人の参加者があり、最後にMoriにより9年、 8ヶ月前に更新されました。
7件の返信スレッドを表示中
  • 投稿者
    投稿
    • #44709
      Mori
      ゲスト

      おはようございます。いつもお世話になっています。

      長年疑問だったことを質問させてください。
      WordPressが自然に改行されないことについてです。

      長年FC2でブログをやってきていて、WordPressに移行しました。
      移行時に一番とまどったことが、改行がそのまま反映されないことでした。
      これはWordPressの仕様だということで、納得はしたのですが、ブログ運営をする上では大きな欠点です。

      ですので、「brBrbr」というプラグインを入れて思うように改行を反映させています。
      ただこのプラグインは、更新が全くされていませんので、そのうち不具合が起きるのではないかと戦々恐々としています。

      そもそも、、、みなさんが改行とはどういうおつきあいをしているのか不思議でなりません。
      ビジュアルエディタで編集するとうまくいくのか・・・。
      自分はテキストリンクを入れるなど、コードが出ている必要があったり、軽い、慣れているのでテキストエディタで行っています。

      改行のために
       
      で半角スペースだけの行を作ることで見た目の改行をする方法もあるようですが、手間です。

      というのが実情です。

      Simplicityで今後、テキストエディタでenterキーで改行をすると、そのまま表示上も反映されるような機能は実装される可能性はあるでしょうか?

    • #44713
      hidekichi
      ゲスト

      えぇぇぇぇぇぇぇぇ?!
      と言うのが素直な感想です(笑)

      僕もビジュアルエディターなんかは何かしらの質問の検証ぐらいにしか使いませんが、基本的には次のとおりです。

      ■例

      例えば文章を打ってみて途中で改行[enter]
      そして続きを打ちます。[enter]
      [enter]
      更にこのようにするとそれぞれが段落になります。

      こうあれば、出力されるhtmlは、

      <p>例えば文章を打ってみて途中で改行<br>
      そして続きを打ちます。</p>
      <p>更にこのようにするとそれぞれが段落になります。</p>

      こうなります。つまり文章中の改行にはbrが入って、行を開ければそこまでが段落になると言うことです。
      通常の動作はこの通りですが、カスタマイザーでbrを無視する設定が入っている場合は、上記の場合、

      <p>例えば文章を打ってみて途中で改行そして続きを打ちます。</p>
      <p>更にこのようにするとそれぞれが段落になります。</p>

      こうなってしまいます。これはbrがなくなっていると言うよりは非表示されているだけですので、カスタマイザーで設定を直せば通常の動作になります(スマホ等の場合ですが)。

      例えばbrを有効にしていると、レスポンシブで表示した時にスマホ等で、あらぬ所で改行されてしまい見にくくなってしまう場合があったりするために、Simplicityのカスタマイザーで設定されているものです(デフォルトはoffだったと思いますが)。つまりこれは、AA失敗みたいな感じのイメージです。

      例えば掲示板で、テキストエリアの右端手前で自らが改行して体裁を揃えようとされる人っていますよね?そしたら実際に表示されるエリアが狭くて、「お前どこで改行してんだよ」とプッとなることがあるじゃないですか。段落で書いてあれば、文字数がどれだけでもそこは段落ですから幅に合わせて表示できます。
      任意の改行があると、その改行ポイントは親の幅に合わせて変化してしまうと言うことなわけです。

      質問文から引用して説明すると、

      ですので、「brBrbr」というプラグインを入れて思うように改行を反映させて
      います。
      ただこのプラグインは、更新が全くされていませんので、そのうち不具合が起きる
      のではないかと戦々恐々としています。

      どうですか?変な所に改行があるとおかしいですよね?読みにくくもなります。Simplicityのbrの設定はこれらをbr非表示にすることで連続した文章にして、幅に合わせて読みやすくするためのものです。

      通常は、テキストエディタモードでenterキーで改行をすると、そのまま表示上も反映されますので、されないのであれば、されない理由が別途あるのではなかろうかと思います。またビジュアルエディターは見た目に公開時と同じように編集できますが、うまくやらないとpタグとbrタグのいらないものがたくさん入ってしまいます。ここからもテキストモードで編集されるのが一番良いと思います。

      考えられることとして、何かしらの関数を導入して、デフォルトで自動的に適用されるpタグを取るような機能を入れていないかも気になるところです。完璧に自分の意図通りにするためには自らがタグを入れるのが最適解です。
      普通は面倒なのでそうはしませんが、それが逆に面倒と言われる人もいますからこういった機能をもった関数を導入される人もいます。これはおそらく別の何かしらのアプリでページを作ってそのhtmlを貼り付けて投稿と言うようなことをされているのかもしれません。

    • #44718
      Mori
      ゲスト

      実現したいのは、、、3行や5行改行したいときにどうするか、なんです。
      pタグが入るので、結果的には詰まるので、

      こんにちは、
      &nbsp;
      &nbsp;
      &nbsp;
      今日はこんなことがありました

      という形にするとプラグインは必要なしでできるんですが、、、。
      いちいちコードを打つと辛くて。
      テキストエディタで改行したら、その改行はそのまま読み取ってくれるのが理想ではあります。

      やはりプラグインかタグで実現するほうがいい感じですかね。

    • #44719
      hidekichi
      ゲスト

      そういう時は、brタグを直接打つか、jQuery使います。

      こんにちは、[enter]
      <div class="space" data-space="任意のスペース"></div>
      今日はこんなことがありました

      任意のスペースの値を拾って、.spaceにそれだけの高さをstyleタグで入れるだけです。

      サンプル: 高さをdata属性から設定する | jsFiddle

      普通に、

      こんにちは、[enter]
      <div style="height: 5em;"></div>
      今日はこんなことがありました

      でもよいです。
      <div class="space" data-space="任意のスペース"></div> や、
      <div style="height: ;"></div>をquicktagとかに登録しても良いですね。

    • #44720
      hidekichi
      ゲスト

      僕なら、

      .m-btm-3 {
        margin-bottom: 3em;
      }
      .m-btm-4 {
        margin-bottom: 4em;
      }
      .m-btm-5 {
        margin-bottom: 5em;
      }

      こういうのを作っておいて、

      <p class="m-btm-4">こんにちは、</p>
      <p>今日はこんなことがありました</p>

      こうします。

    • #44723
      Mori
      ゲスト

      なるほど。やはり、、、改行というのはWordPressはけっこう手間な感じですね。
      シンプルに改行タグを打つのか、ほかにも作っておくか。
      うーーーん、こればっかりは仕方なさそうですね

      ありがとうございます!

    • #44730
      アバター画像わいひら
      キーマスター

      Wordpressはそういうものなので、今のところそういった機能追加をすることは考えていません。
      brBrbrプラグインを利用すれば、それほど手間なく実現できますし。(結構利用されているプラグインなので、不具合が出ても更新されないようであれば、誰かが新しいプラグインを出すとは思います。)

      &nbsp;の入力を楽にするなら、AddQuicktagとかを使って簡略化するしかないのかもしれません。

    • #44747
      Mori
      ゲスト

      わいひらさん

      やっぱりbrBrbrですね。
      簡略化にはAddQuicktagが便利ですね。
      納得です。ありがとうございました。

7件の返信スレッドを表示中
  • トピック「見た目通りに改行を、そのまま自然に行いたいのですが」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)