エディタ上で[Enter]キーを押した時と[Shift]+[Enter]キーを押した場合の違いについて

広告

WordPressでエディタを使って本文を入力する場合、Enterキーを押した時の挙動について注意が必要です。Enterキーを押し方によって段落が分けられたり同じ段落内で改行が行なわれたりします。ここではビジュアルエディタとテキストエディタでそれぞれEnterキーを押した時にどのような扱いになるのか解説します。

まずビジュアルエディタの場合で確認します。

ビジュアルエディタ上でテキストを入力し、その後で[Enter]キーを押してから続けてテキストを入力してみて下さい。

p2-1

[Enter]キーを押す前の行と押した後の行間が結構開いているように見えます。この記事を公開しブログで表示しソースを確認すると次のようにそれぞれの文が<p>タグで囲まれています。

<p>梅雨の季節。雨の日が最近は多くなってきました。天気が悪い日は部屋の中で遊ぶのも楽しい
ですが、どこかへお出かけしたい時もあります。</p>
<p>雨の日でも楽しめる施設を普段から探しておくといいですね。</p>

このようにビジュアルエディタで[Enter]キーを押すと、段落が分けられます。

今度は先ほどと同じような手順ですが[Enter」キーではなく[Shift]+[Enter]キーを押してから続けて文章を入力してみて下さい。

p2-2

この記事を公開しブログで表示しソースを確認すると<br />タグが挿入されていることが確認できます。

<p>梅雨の季節。雨の日が最近は多くなってきました。天気が悪い日は部屋の中で遊ぶのも楽しい
ですが、どこかへお出かけしたい時もあります。<br />
雨の日でも楽しめる施設を普段から探しておくといいですね。</p>

このようにビジュアルエディタで[Shift]キーと[Enter]キーを同時に押すと、同じ段落の中で改行が行われます。

今度は[Shift]+[Enter]キーを連続で押してから文章を入力してみます。

p2-3

[Shift]+[Enter]キーを押すと前回は改行が行われていましたが、この記事をブログで表示しソースを確認すると[Enter]キーを押したときと同じようにそれぞれの文が<p>タグで囲まれています。

<p>梅雨の季節。雨の日が最近は多くなってきました。天気が悪い日は部屋の中で遊ぶのも楽しい
ですが、どこかへお出かけしたい時もあります。</p>
<p>雨の日でも楽しめる施設を普段から探しておくといいですね。</p>

このように[Shift]+[Enter]キーを使っても連続して2回改行すると段落が分けられるようです。なお3回以上連続で[Shift]+[Enter]キーを押しても、3回目以降は無視されました。

次にテキストエディタの場合です。

テキストエディタ上でテキストを入力し、その後で[Enter]キーを押してから続けてテキストを入力してみて下さい。

p2-4

この記事を公開しブログで表示しソースを確認すると次のように表示されます。

<p>梅雨の季節。雨の日が最近は多くなってきました。天気が悪い日は部屋の中で遊ぶのも楽しい
ですが、どこかへお出かけしたい時もあります。<br />
雨の日でも楽しめる施設を普段から探しておくといいですね。</p>

テキストエディタの場合には[Enter]キーを押すと同じ段落の中で改行が行われます。[Shift]+[Enter]キーを押しても同じように改行が行われます。

今度は[Enter]キーを連続で押してから文章を入力してみます。

p2-5

この記事を投稿しブログで表示しソースを確認すると次のようになります。

<p>梅雨の季節。雨の日が最近は多くなってきました。天気が悪い日は部屋の中で遊ぶのも楽しい
ですが、どこかへお出かけしたい時もあります。</p>
<p>雨の日でも楽しめる施設を普段から探しておくといいですね。</p>

このように[Enter]キーを連続して入力すると段落が分けられるようです。なお3回以上連続で[Enter]キーを押しても、3回目以降は無視されました。

-- --

ビジュアルエディタとテキストエディタで、[Enter]キーを押した場合や[Shift]キー+[Enter]キーを押した場合の挙動について解説しました。段落を分けたい場合と同じ段落内で改行したい場合の操作方法についてはそれぞれのエディタで覚えておいて下さい。

WordPressの使い方の他の記事を見てみる

( Written by Tatsuo Ikura )

関連記事 (一部広告含む)