WordPressで記事作成時に改行する方法【初心者向け】

WordPress(ワードプレス)で記事作成時に【改行】させる方法を初心者向けに解説した記事です。段落を分けたい(pタグで分けたい)場合、単に改行だけをしたい(brタグで分けたい)場合に分けて紹介しています。

TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が2,000以上あります。

WordPressで記事を投稿する際には改行する、もしくは段落を分ける操作をほぼ必ず行うと思います。WordPressではビジュアルエディタとテキストエディタの2種類を使って記事を書くことができますが、それぞれにおいて、改行する、もしくは段落を分ける操作方法が若干異なります。

今回は段落を分けたい(<p>タグで分けたい)場合、単に改行だけをしたい(</br>タグで分けたい)場合それぞれの方法について初心者向けに説明していきます。

 

なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。

 

大石ゆかり

田島メンター!!記事を書いている時にイメージ通りに改行されないことがあるんですけど、どうしたらいいですか〜?

田島悠介

「段落でわける」か「改行だけする」かのどちらかだね。場合によって使い分けが必要だから、教えてあげるね!

大石ゆかり

はい、お願いします♪

 

事前準備

改行を実践する前に、まずは新規投稿を追加の画面を開き、適当な文章を入力して下さい。

wp_kaigyou1

準備はこれだけです。

 

 

段落を分けたい場合(<p>タグによって分けたい場合)

文章を段落に分けたい場合の方法をビジュアルエディタ、テキストエディタそれぞれについて見ていきます。

ビジュアルエディタを使用している場合には、段落を分けたい場所でエンターキーを押します。エンターキーを押した場合以下の写真のように行間が広く開けられて改行されていると思います。

wp_kaigyou2

 

この記事を公開し、ソースコードを見てみると2つの文章はそれぞれ<p>タグで囲まれており、段落で分けられていることが分かります。

wp_kaigyou8

 

ビジュアルエディタ上でのもう一つの方法は、段落を分けたい場所でエンターキーシフトキーを同時に2回押します。1回押した状態では以下のように行間は狭くなっていると思います。

wp_kaigyou3

 

ここでもう一度エンターキーシフトキーを押します。

wp_kaigyou4

これについても記事を公開し、ソースコードを見てみると上の方法と同じく2つの文章がそれぞれ<p>タグで囲まれている状態になっています。

 

最後にテキストエディタを使っているときに段落を分けたい場合の方法を説明します。テキストエディタ上では、エンターキーを一度押すだけでは、行間は狭いままであり、この状態では段落を分けられたことにはなりません。

wp_kaigyou6

 

ここで先ほどと同じくもう一度エンターキーを押します。

wp_kaigyou7

 

こうすることで1つの文章はそれぞれ<p>タグで囲まれることになります。

 

 

[PR] WordPressで挫折しない学習方法を動画で公開中

単に改行だけをしたい場合(</br>タグによって分けたい場合)

単に改行だけしたい場合の方法もビジュアルエディタ、テキストエディタそれぞれについて見ていきます。

ビジュアルエディタの場合、段落を分けたい場所でエンターキーシフトキーを同時に押します。先ほど段落を分けたい場合の2つ目の方法ではこれを2回押しましたが、単に段落で分けたい場合には1回だけ押します。

wp_kaigyou3

この記事を公開し、ソースコードを見てみると以下のようになり、ちゃんと</br>タグによって改行されていることがわかると思います。

wp_kaigyou9

テキストエディタの場合にも似たような操作になります。先ほどの段落に分けたい場合の3つ目の方法でエンターキーを2回押していましたが、これを1回にするだけです。これによって2つの文章は</br>タグで分けられることになります。

 

少しややこしいところもあると思いますが、記事を書いていく上での基本の操作なのでしっかりできるようにしましょう。

さらにWordPressの基礎操作を学びたい場合は、WordPressで投稿を予約する方法も合わせてご覧ください。

 

大石ゆかり

イメージ通り改行できました〜♪

田島悠介

WordPressは記事が書きやすい反面、書く時に多少癖があるから、慣れることが大事だね。

大石ゆかり

はい♪

 

[お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。