brBRbrじゃ改行できない?simplicityで思い通りに改行する方法

brBRbrじゃ改行できない?simplicityで思い通りに改行する方法

こんにちは、連クミコです。

当サイトでは、構築に無料のWordPressテーマであるSimplicityを利用させていただいています。

このテーマ、ほとんどプラグインを使わず”かゆいところに手が届く”ので、とても助かっています。

が、記事を投稿してみたところ、エディタで2行以上改行した部分が反映されていない!?

サポートフォラムで同じような疑問を持っていらっしゃる方に対して「brBRbrを使ってみたら」という回答が寄せられていたので、早速私もインストールしてみたのですが、今度はスマホが改行されず・・・

ググって、色んな記事を参考に、何とか解決しましたので、同じように悩んでいる方の参考になれば幸いです。

スポンサーリンク

brBRbr無効+テキストエディタで編集

下の画像のように改行しました。

01_1

PCで見るとこんな感じ。

01_2

スマホ(iPhone)見るとこんな感じ。

IMG_1335

エディタでの改行が1段でも2段でも、1段分しか反映されません。

brBRbr有効+テキストエディタで編集

テキストエディタで編集しつつ、今度はbrBRbrをインストールしました。

PCで見るとこんな感じ。

02_2

スマホ(iPhone)見るとこんな感じ。

IMG_1336

PCはうまく改行されたけど、スマホで改行されなくなった!?

brBRbr有効+ビジュアルエディタで編集

プラグインbrbrbrのダウンロード方法と使いかた。効かない・改行されないとは? | joism
※テキストエディタで記事作成を行う方のみ導入しましょう。ビジュアルエディタで記事作成を行う方は導入する必要はありません。 ワードプレスのインストール、テンプレートなどを設置し終わり、テキストエディタで記事を書いてプレビュ・・・

上の記事の「うまく改行されない・効かないという場合は、ビジュアルエディタを使えば解決されるようです。」との記載を参考に、今度はビジュアルエディタで下の図のように改行してみました。

03_1

PCで見るとこんな感じ。

03_2

スマホ(iPhone)見るとこんな感じ。

IMG_1341

PCは相変わらず、スマホは改行の代わりにスペースが空いただけ・・・

brBRbr無効+ビジュアルエディタで編集

http://netdebusiness.mobacawa.com/kaigyo/

上の記事の「brBrBr停止したら、バッチリ改行されました!」という内容に「えぇっっ!今までの労力は・・・」と思いつつ、藁にもすがる思いで、brBRbrを無効化してみました。

PCで見るとこんな感じ。

04_2

スマホ(iPhone)見るとこんな感じ。

IMG_1342

おおっっ!ついに、PCもスマホも、思い通りに改行されました。

brBRbr無効+テキストエディタで(ちょこっと工夫しつつ)編集

”brBRbr無効+ビジュアルエディタで編集”でほぼ解決できたのですが、全てビジュアルエディタで改行すると、所々うまく改行されていなかったので、今はテキストエディタを使って、次のようなルールで記事を書いています。

05_1

【1】1行改行する場合は、前の文と後の文の間に1行改行を入れる。

【2】段落を入れたい(2行以上の改行)場合は、上の図のように1行改行+ +1行改行と入力する。

class属性で段落をつけることも検討したんですが、そうなるといちいち段落ごとに<p>タグをつけなくてはならず、結局上のような運用方法が一番楽かな、と考えています。

「いちいち&nbsp;タグを入れるのも面倒」という方は、下記の方法で、&nbsp;タグをテキストエディタのタグ挿入ボタンに追加できますので、試してみてくださいね。

記事を書く時間半減!テキストエディタに独自のタグを挿入するボタンを追加する方法
こんにちは、連クミコです。 Wordpressのテキストエディタで記事を書いていると、<h2>や<h3>といった、自分がよく使うタグが、タグ挿入ボタンにあるといい...

あ、あと、今回、brBRbrを有効化したり無効化したりしていますが、頻繁に有効化・無効化すると、記事の改行自体が消えてしまうことがある(私も途中で経験しました・・・)ので、上記の方法を試される方は、あしからず。