Skip to content

WordPressの神様

WordPress初心者の方に最高の情報をお届けするサイトです

  • ホームHOME
  • WordPressを始める前にFirst step
  • 事前準備とインストールInstall
  • ダッシュボードの使い方Dashboard
  • プライバシーポリシーPrivacy policy
  • サイトマップ
  • ホームHOME
  • WordPressを始める前にFirst step
  • 事前準備とインストールInstall
  • ダッシュボードの使い方Dashboard
  • プライバシーポリシーPrivacy policy
  • HOME
  • ダッシュボードの使い方
  • ダッシュボード > 投稿

[ダッシュボード > 投稿]ビジュアルエディタの2種類の改行を理解し上手に使い分ける方法

ダッシュボード > 投稿 2016年2月25日2017年11月8日KAMISAMA

【スポンサーリンク】

WordPressを利用してブログやWEBサイトの記事を作成する際に、記事本文の入力には「ビジュアルエディタ」と「テキストエディタ」を使い分けることができるようになっています。

それぞれのエディタの使いかたについては当サイトの別の記事で紹介していますので、そちらもぜひご覧になってください。

関連記事
[ダッシュボード > 投稿]ビジュアルエディタを利用して記事を作成(装飾)する
[ダッシュボード > 投稿]テキストエディタを利用して記事を作成(装飾)する

ビジュアルエディタは入力した内容がブログやWEBサイトで実際に表示されるような見た目で確認できようになっています。専門的な知識を必要とせず、簡単に質の高い記事の作成ができるようになっているので、一概には言えないのですが、ブログ初心者の方やHTML等の知識がない方向けの機能と言えます。

対してテキストエディタはHTMLを直接入力できたり、文字の装飾もHTMLタグの形で表示されるようになっています。HTMLを直接入力することができるため、非常に自由度は高いのですが、それなりに専門的な知識が必要となります。
こちらはビジュアルエディタよりもブログ慣れ、HTML慣れしている人向けの機能と言えるでしょう。

今回はビジュアルエディタを利用している方向けに、2種類の開業の違いを紹介します。改行なんて全部同じだと思われているかもしれませんが、上手く使い分けることで記事をより見やすく仕上げることもできるようになります。

難しい設定や手順は一切ありませんのでぜひ覚えていってください。

ビジュアルエディタの改行の違い

言葉で説明するよりは実際に見ていただいた方がわかりやすいかと思いますので、下記にて改行の違いをご確認ください。


■通常の改行

首尾も口のかっか塩目を向うを膨らん眼たござい。

そしていきなりまじめましましという包みたです。

■Shiftキーを押しながら改行

首尾も口のかっか塩目を向うを膨らん眼たござい。
そしていきなりまじめましましという包みたです。


いかがでしょうか?1つ目の改行と2つ目の改行では、1行目と2行目の余白の大きさが異なっているのがわかると思います。どちらが良い悪いというわけではないのですが、WordPressのビジュアルエディタでは「普通に改行を入れる」のと「Shiftキーを押しながら改行を入れる」のでは、別の改行として扱われるという特徴があります。

それぞれの改行について、違いをHTMLタグで確認してみましょう。

<p>■通常の改行</p>
<p>首尾も口のかっか塩目を向うを膨らん眼たござい。</p>
<p>そしていきなりまじめましましという包みたです。</p>
<p>窶闊€</p>
<p>■Shiftキーを押しながら改行</p>
<p>首尾も口のかっか塩目を向うを膨らん眼たござい。<br>
そしていきなりまじめましましという包みたです。</p>

先ほどの2つの例はHTMLタグではこのように表現されています。違いは

  • 通常の改行は1行ごとに<p>タグで囲まれている
  • Shiftキーを押しながらの改行は1つの<p>タグの中で<br>タグを利用している

というところにあります。

先述しましたが、どちらが良いかという問題ではなくビジュアルエディタの改行の仕方は2種類あり、HTMLタグレベルでは上記のような違いが発生します。<p>タグは1つの段落を作るために利用されるHTMLタグですので、文章の中で改行を使う意味を考えて使い分けられるとよいでしょう。

  • 改行を用いて段落をわけたいときは通常の改行
  • 1つの段落の中で、可読性のために改行を利用する場合はShiftキーを押しながらの改行

大体のシチュエーションでは上記の2点が当てはまると思います。記事を書くときに参考にしてみてください。

HTMLの作法として、複数行の改行を入れる(行間の余白の調整)のために複数の<br>タグ連続して利用することは推奨されていません。そのような場合はCSSを利用して調整するようにしましょう。

【スポンサーリンク】

みんなとシェアする
  • Twitter
  • Facebook
  • はてブ
  • Google+
  • Pocket
  • LINE

関連記事

ダッシュボード > 投稿2016年3月13日

[ダッシュボード > 投稿]登録したカテゴリを編集・削除する

WordPressを利用して、ブログやサイトに投稿する記事にはその記事が扱う情報の種類をグルーピングするために「カテゴリ」を設定することができます。 一度作成したカテゴリーはいつでも自由に変更すること…

ダッシュボード > 投稿2016年3月9日

[ダッシュボード > 投稿]新しい記事を投稿する

WordPressを利用して、ブログやWEBサイトに記事を追加するには、ダッシュボードに用意されている[投稿]という機能を利用します。 ここでは新しく記事を追加する方法を紹介します。新しく記事を追加す…

ダッシュボード > 投稿2016年3月14日

[ダッシュボード > 投稿]登録したタグを編集・削除する

WordPressを利用して、ブログやサイトに投稿する記事にはその記事が扱う情報の種類を端的に表すために「タグ」を設定することができます。 記事の投稿に対して、タグの設定は必須ではありませんが、その記…

ダッシュボード > 投稿2016年3月12日

[ダッシュボード > 投稿]ピンバックを送信する

WordPressを利用して、ブログに記事を投稿する際に、他のブログシステム同様にトラックバックを送信することができます。 トラックバックの送信方法、また、トラックバックとピンバックの違いについては、…

ダッシュボード > 投稿2016年3月11日

[ダッシュボード > 投稿]非公開状態で記事を登録する

WordPressを利用してブログやWEBサイトの記事を登録する際に、「コンテンツをより良くするために、一晩時間を置いてから見直したい」とか、「もう記事は書いたけど、明日の商品発売後に公開したい」など…

投稿ナビゲーション

WordPressとは?WordPressってなに??
ブログとホームページの違いってなに?

コメントを残す コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

最近の投稿

  • WordPressのサイトマップ生成プラグイン、PS Auto Sitemapのインストールと初期設定
  • 一番簡単に始める、Akismetの設定から使い方までご紹介
  • 無料で使えるFTPソフト”FileZilla”の初期設定と基本的な使い方
  • [ダッシュボード > ユーザー]ユーザー権限によるメニュー表示と操作の違い
  • [ダッシュボード > ユーザー]現在ログイン中のユーザーの情報を変更する

メニュー

  • WordPressを始める前に
  • 事前準備とインストール
  • ダッシュボードの使い方
    • ダッシュボード > 投稿
    • ダッシュボード > メディア
    • ダッシュボード > 固定ページ
    • ダッシュボード > 外観
    • ダッシュボード > プラグイン
    • ダッシュボード > 設定
  • 保守・メンテナンス
  • プラグイン情報
  • ブログ

メニュー

  • WordPressを始める前に
  • 事前準備とインストール
  • ダッシュボードの使い方
    • ダッシュボード > 投稿
    • ダッシュボード > メディア
    • ダッシュボード > 固定ページ
    • ダッシュボード > 外観
    • ダッシュボード > プラグイン
    • ダッシュボード > 設定
  • 保守・メンテナンス
  • プラグイン情報
  • ブログ

最近の投稿

  • WordPressのサイトマップ生成プラグイン、PS Auto Sitemapのインストールと初期設定
  • 一番簡単に始める、Akismetの設定から使い方までご紹介
  • 無料で使えるFTPソフト”FileZilla”の初期設定と基本的な使い方
  • [ダッシュボード > ユーザー]ユーザー権限によるメニュー表示と操作の違い
  • [ダッシュボード > ユーザー]現在ログイン中のユーザーの情報を変更する
  • HOME
  • WordPressを始める前に
  • 事前準備とインストール
  • ダッシュボードの使い方
  • プライバシーポリシー
WordPressの神様

Copyright © 21 All Rights Reserved.