ワードプレスでリストタグ(ul、ol、li)を使い箇条書きする方法

Pocket

6530389351_aafa8d3fe7
文章を書く際に内容や文字数を気にすることもありますが、見やすさを考えることも重要です。


文章を見やすくする方法として、リストタグを上手く使うという考えがあります。リストタグとは「ul」「ol」「li」というタグのことです。


これらのタグを使うことによって、文章を箇条書きにすることができます。


箇条書きにすることで、重要な情報であるというメッセージをクローラーに伝えることができます。しかも、読者が目を引きやすくなるし、何より読みやすくなります。


このリストタグは簡単に挿入することができます。テキストエディタ、ビジュアルエディタそれぞれ以下の位置にあります。


テキストエディタだと・・・
1cc19c08a262dfcd25f33f1643f9ce2d
ビジュアルエディタだと・・・
75987715da9e5037b04eb482e32cdca8

テキストエディタの場合は自分で文章の中にタグを入れる必要があります。


ビジュアルエディタの場合は箇条書きにしたい箇所をドラッグして、ポチっとタグをワンクリックするだけでOKです。


リストタグの使い方

リストタグには2種類あります。

ul ⇒ Unordered List(数字なしの順序リスト)

  • ショートケーキ
  • チーズケーキ
  • チョコレートケーキ
  • モンブラン
  • ロールケーキ


ol ⇒ Ordered List(数字ありの順序リスト)

  1. ショートケーキ
  2. チーズケーキ
  3. チョコレート
  4. モンブラン
  5. ロールケーキ


文章だけたズラーっと並んでいるより、箇条書きがあったほうがアクセントができ見た目もいいですよね。



「・」や「数字」と同じ?

一見、単純に「・」や「数字」を入れただけのようにも見えます。


・ショートケーキ
・チーズケーキ
・チョコレートケーキ
・モンブラン
・ロールケーキ

1.ショートケーキ
2.チーズケーキ
3.チョコレートケーキ
4.モンブラン
5.ロールケーキ


確かに似ていますが、さきほどのリストタグとは全く違った意味合いを持つんです。


これだと正しくリスト化されているということをクローラーに伝えることはできていません。


箇条書きにしたい場合はしっかりと以下のような形をとりましょう。記事作成画面ではこのようになってます。



ulの場合

<ul>

<li>ショートケーキ</li>

<li>チーズケーキ</li>

<li>チョコレートケーキ</li>

<li>モンブラン</li>

<li>ロールケーキ</li>

</ul>
    
  • ショートケーキ
  • チーズケーキ
  • チョコレートケーキ
  • モンブラン
  • ロールケーキ


olの場合

<ol>

<li>ショートケーキ</li>

<li>チーズケーキ</li>

<li>チョコレート</li>

<li>モンブラン</li>

<li>ロールケーキ</li>

</ol>

   
  1. ショートケーキ
  2. チーズケーキ
  3. チョコレート
  4. モンブラン
  5. ロールケーキ



わかりやい箇条書きを作るために

記事を書き始める前に、どんな内容か明確にしておくと、箇条書きが作りやすいと思います。


何も決めずに文章を書き始めるのではなく、「自分が伝えたいこと」、「言いたいこと」をあらかじめ決めておきます。


僕は伝えたいことがまとまらない場合は、一度紙に書いて自分の頭の中を整理させてから、文章を書き始める・・・ということをしています。


自分のまとめやすい方法で構わないので、頭の中を整理させてから記事を書くという習慣をつけるべきだと思いますよ!



コメントを残す

サブコンテンツ