WordPressの使い方：ビジュアルエディタで箇条書き、引用、インデント、ラインを設定

2016年12月9日 Web, Wordpress, WordPressの使い方

WordPressで記事を書いているときに書式設定の他にも文章を表現するための方法があります。

たとえば、一覧形式の文章をリスト形式で箇条書きにすることは見やすさだけでなく、SEOにも影響されるので区別して利用するようにすることが大切です。

今回はそのようなビジュアルエディタで記事を書くときの箇条書き、引用、インデント、ライン設定について説明します。

箇条書き
引用
インデント
ライン

箇条書き

まずは複数項目を並べて「・」でリスト表示する箇条書きについて説明します。

箇条書きにしたい複数の文字列を選択して、「番号なしリスト」アイコンをクリックします。

wordpress_post_editorsetting1

選択していた文字列が箇条書きになったことが確認できます。

wordpress_post_editorsetting2

テキストエディタでは以下のようなタグになっていることが確認できます。

wordpress_post_editorsetting3

「・」の箇条書きではなく番号の連番にしたい場合は、対象の複数の文字列を選択して「番号付きリスト」をクリックします。

wordpress_post_editorsetting4

先頭に番号が連番になって番号付きのリスト形式で表示されました。

wordpress_post_editorsetting5

テキストエディタで確認すると以下のようなタグになっていることが確認できます。

wordpress_post_editorsetting6

引用

他サイトなどや書籍などから文章を引用するときに利用する設定について説明します。

引用する文字列を選択して、「引用」アイコンをクリックします。

wordpress_post_editorsetting7

選択していた文字列が引用表示に変更されました。テーマによって引用の書式が異なります。

wordpress_post_editorsetting8

テキストエディタで確認すると以下のようなタグになっていることが確認できます。

wordpress_post_editorsetting9

インデント

文章の文字の先頭に空白を入れて表示するインデントの設定について説明します。

インデントの設定をしたい文字列を選択して「インデントを増やす」アイコンをクリックします。

wordpress_post_editorsetting10

選択していた文字列の先頭に空白が入って右側にずれてインデントされました。

wordpress_post_editorsetting11

テキストエディタで確認すると以下のようなタグになっていることが確認できます。

wordpress_post_editorsetting12

さらに右にずらしたい場合は、必要な分だけ「インデントを増やす」アイコンをクリックします。

戻したい場合は「インデントを減らす」アイコンをクリックします。

ライン

ブログ記事の文章の流れが変わったときなどに利用する横ラインの設定について説明します。

ラインを入れるところにカーソルを置いて、「横ライン」アイコンをクリックします。

wordpress_post_editorsetting13

横ラインが引かれたことが確認できます。

wordpress_post_editorsetting14

テキストエディタで確認すると以下のようなタグになっていることが確認できます。

wordpress_post_editorsetting15