リストを作成する-アイキャッチ画像|アフィリエイトの水先案内

WordPressでリストを作成するための方法について解説していきます。

この記事で伝えたいこと
  • リストはユーザーにもクローラーにもわかりやすいので積極的に使用する
  • リストは「shihtキー+altキー+U」で簡単にリストに設定できる

リストを作成するとは

まずは実際にリストを作成した例をご覧ください。

  • リスト化した文章です。
  • リスト化した文章です。
  • リスト化した文章です。
  • リスト化した文章です。
  • リスト化した文章です。

リスト化することで、文章の初めに「・(中黒)」のマークがつきます。

また、リストには下記のようなものもあります。

  1. リスト化した文章です。
  2. リスト化した文章です。
  3. リスト化した文章です。
  4. リスト化した文章です。
  5. リスト化した文章です。

こちらは「・(中黒)」ではなく「数字」でリストが表示されています。

テラステラス

リストには様々な種類があります。

リストで表示することの効果

リストで表示することで、サイトに訪れてくれたユーザーに対して「関連性のある文章」と伝えることができます。

リストは表としての機能もあるため、文章を画像のように捉えてもらうことができますので、リストで表現できるところは積極的にリストで作成するとよいでしょう。

ウカブウカブ

リストはクローラーも好みなんだよね~

CSSではどのような記述となるか

リストで表示する設定すると、リストの大枠部分を<ul></ul>で囲います。そして、ひとつひとつのリストとなる文章を<li></li>で囲います。

文章で解説していてもわかりにくいと思いますので、テキストビューで確認してみましょう。下図のように<ul></ul>の中に、文章が<li></li>で囲われていることが分かるかと思います。

リストを作成する0|アフィリエイトの水先案内

文章をリスト化した場合は、この「<ul>タグと<liタグ>」が挿入されているんだな、と覚えておきましょう。

数字のリストを作成した場合は<ul></ul>部分が<ol></ol>へ変化します。こちらも確認しておきましょう。

リストを作成する0-1|アフィリエイトの水先案内

少し見にくいですが、<ul>から<ol>へと変更されています。

リストを設定する方法

リストを設定するには、まずリスト化したい部分をドラッグして選択しましょう。

リストを作成する1|アフィリエイトの水先案内

赤枠部分の「リストのアイコン」をクリックすると中黒のリストが設定されます。

実はショートカットキーで「shiftキー」+「Altキー」+「u」を押しても中黒のリストを設定することができます。マウスが使えない場合などに、覚えておくと便利です。

リストを作成する2|アフィリエイトの水先案内

また、数字のリストを作りたい場合は、隣の数字のリストのアイコンをクリックします。

ショートカットキーで「shiftキー」+「Altキー」+「o」を押しても数字のリストを設定することができます。マウスが使えない場合などに、覚えておくと便利です。

リストを作成する3|アフィリエイトの水先案内

選択した文章がリスト化されれば、成功となります。

リストを作成する4|アフィリエイトの水先案内

テラステラス

以上でリスト化する方法の解説を終わります。

ウカブウカブ

お疲れさまでした!

まとめ

文章をリスト化する効果ややり方について解説してきました。

せっかくユーザーにとって役に立つ記事を書いたとしても、読まれなければ意味がありません。

文章を装飾することで、少しでもユーザーに読んでもらえるように工夫するとよいでしょう。

それでは今回のまとめです。

今回のまとめ

  • リストで表示することで、サイトに訪れてくれたユーザーに対して「関連性のある文章」と伝えることができる。
  • リスト化すること自体はリスト化したい文章をドラッグして、ボタン一つで変更することができるので、簡単に行うことができる。