スポンサーリンク

WordPressの記事に空白行、連続改行を入れるには

スポンサーリンク
スポンサーリンク

WordPressde記事やウイジットを書いていて困るのが、空白行が1行分だけしか入れられない事です。

私のブログでは空白行を1行入れて書いていますが、文章の切り替わりの時に連続改行してさらに行間を空けたい時があります。

また、写真を挿入した後に行間を空けたい時もあります。

それが出来ないんです。

複数行分の改行記号を入れても、反映される空白は1行分だけと決まっているようです。

たとえばこんな感じに、

あいうえお
<br>
<br>
<br>
かきくけこ

と三行分の空白を入れて書いたとしても、実際に表示されるときは

あいうえお

かきくけこ

と、一行分しか行間が空いていません。

これは、
<br> でも <br /> でも同じ結果になります。

「html構文としては<br>タグは「改行」する目的で使用するものであって、空白行や間をあけるのはデザインの問題なので「css」で対応させるようにしている」というルール(?)のせいのようです。

 

 
でもどうしても上のように行間を広く空けたいのでネットでいろいろ調べてみまし。。。って、おい! 出来てるじゃないですか!!(笑;

 

【方法 その1】

改行プラグインの「brBrbr」というのを入れる方法。

これを導入するとWordPressで<br>タグが<p>タグに改行されてしまうのを防ぐ事が出来るようです。

ただ<p>タグや<div>タグとの関係において多少の問題もあるように聞いていますので、私はインストールしていません。

 

【方法 その2】

<p style=”margin-bottom: 2em;”>タグを使う方法。

デザイン的に、複数行分の「em」を挿入するやり方です。

実際の使い方は、

<p style=”margin-bottom: 2em;”>
あいうえお
</p>
<p>
かきくけこ
</p>

と書いたときは

あいうえお

かきくけこ

と表示されます。

たとえば「5em」のようにすれば、

あいうえお

かきくけこ

と空白を広く改行する事が出来ます。

 

【方法 その3】

<br />&nbsp;を使う方法(左の「&」は実際には半角です。表示出来ないのでやむを得ず全角にしています)

これが一番簡単なので私が使っている方法です。

改行したい場所に<br />&nbsp;を入れます。 複数重ねることも可能です。

あいうえお
<br />&nbsp;
<br />&nbsp;
かきくけこ

と書いたときは

あいうえお

 

 
かきくけこ

と表示されます。

 

私はこの「<br />&nbsp;」を「かいぎょう」で単語登録してあるのでブログ記事を書くときに簡単に出来て便利です。

 

上記のような方法で無理矢理複数行分の空白をあけるのは、SEO的には不利になるのではないかという意見もあるようです。

実際にどうなるかはわかりませんが、確かに検索結果に多く反映される方がせっかく書いた記事を読んでもらえる機会は増えるかもしれません。

でもブログの記事を書いている私の意図としては、「ここは文章のつながりから言って、間をあけたいな」という方を優先したいと思いますので、これからもこの方法を使っていくつもりです。

コメント

タイトルとURLをコピーしました