スキンはサイドバー(スマホは下部)から変更可!

リスト(箇条書き)【オリジナル】

スタイル

リスト(箇条書き)のデザインです。

オリジナルになります。利用するにはプラグイン「AddQuicktag」を導入する必要があります。

導入方法は下記記事をご覧ください。

使い方

ビジュアルエディタの場合

テキストエディタの場合

リスト一覧

  1. リスト1
  2. リスト2
  3. リスト3

<div class="list-box-1">
<ol class="list-1">
 	<li>リスト1</li>
 	<li>リスト2</li>
 	<li>リスト3</li>
</ol>
</div>

  • リスト1
  • リスト2
  • リスト3

<div class="list-box-1">
<ul class="list-2">
 	<li>リスト1</li>
 	<li>リスト2</li>
 	<li>リスト3</li>
</ul>
</div>

  1. リスト1
  2. リスト2
  3. リスト3

<div class="list-box-2">
<ol class="list-1">
 	<li>リスト1</li>
 	<li>リスト2</li>
 	<li>リスト3</li>
</ol>
</div>

  • リスト1
  • リスト2
  • リスト3

<div class="list-box-2">
<ul class="list-2">
 	<li>リスト1</li>
 	<li>リスト2</li>
 	<li>リスト3</li>
</ul>
</div>

  1. リスト1
  2. リスト2
  3. リスト3

<div class="list-box-3">
<ol class="list-1">
 	<li>リスト1</li>
 	<li>リスト2</li>
 	<li>リスト3</li>
</ol>
</div>

  • リスト1
  • リスト2
  • リスト3

<div class="list-box-3">
<ul class="list-2">
 	<li>リスト1</li>
 	<li>リスト2</li>
 	<li>リスト3</li>
</ul>
</div>

  1. リスト1
  2. リスト2
  3. リスト3

<div class="list-box-4">
<ol class="list-1">
 	<li>リスト1</li>
 	<li>リスト2</li>
 	<li>リスト3</li>
</ol>
</div>

  • リスト1
  • リスト2
  • リスト3

<div class="list-box-4">
<ul class="list-2">
 	<li>リスト1</li>
 	<li>リスト2</li>
 	<li>リスト3</li>
</ul>
</div>

自由入力
  1. リスト1
  2. リスト2
  3. リスト3

<div class="box1">
<div class="box-title">自由入力</div>
<ol class="list-1">
 	<li>リスト1</li>
 	<li>リスト2</li>
 	<li>リスト3</li>
</ol>
</div>

自由入力
  • リスト1
  • リスト2
  • リスト3

<div class="box1">
<div class="box-title">自由入力</div>
<ul class="list-2">
 	<li>リスト1</li>
 	<li>リスト2</li>
 	<li>リスト3</li>
</ul>
</div>

カスタマイズしたい場合

カスタマイズしたい場合はCSSを編集する必要があります。

「ここをこうしたい!」などあれば、コメント欄、Twitter、問い合わせフォームからご連絡ください。

コメント