【初心者向け】本文にリストを入れてみる | アメブロデザイン制作サービス@シンクマックス

アメブロデザイン制作サービス@シンクマックス

オリジナルデザインで印象に残るビジネスブログを作りましょう!

情報を箇条書きにしたい時、リストマーカー付きのリストを入れたい時などに使う、リストの入れ方について解説します。
  • リスト1
  • リスト2
  • リスト3
こんな感じの、マーカー付きリストを作る方法です。
ブログの編集画面で「HTML タグを表示」タブを使って設定していきます。

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

1.編集画面のタブを「HTML タグを表示」に切り替えます

アメブロスキン制作サービス@エレファント-リスト説明1

2.リストにしたい部分のテキストを書いて、タグを付けます

アメブロスキン制作サービス@エレファント-リスト説明2

<ul>
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ul>
リストの見本です。
枠で囲んである部分をコピーして、「リスト1」などの部分を任意のテキストに変更してください。行を増やす場合は、<li> ~<li> 部分をコピーして追加してください。

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

イベント情報等、箇条書きにして情報をわかりやすく見せたいときなどに、活用してみてくださいね。メッセージボードなどにも同じように使うことができます。


マーカー(リストの先頭に付くマーク)ですが、アメブロスキンのデフォルトは、disc(黒丸)のようです。マーカーを付けない、もしくは違う形のマーカーにする方法については、こちらで解説しています。