リストデザインの入力方法|DIVER入力補助

こんにちは、みのる(@minoru3_com)です。

 

DIVERの入力補助にあるリストデザインの入力方法を紹介します。


リストデザインの入力画面です

 

使い方が全くわからなくて、DIVERの開発者さんに問い合わせてもよかったんやけどさすがに初歩的な質問に感じて問いあわせず・・・。
ネットでリストデザインの使い方を調べてみるも意外とみつからなくって・・・。

 

そして最近ようやくHTMLについての知識も少しはついてきたようで、なぜリストデザインが使えなかったのか理解できたので記事にします。

スポンサーリンク

リストデザインを入力しても反映されない場合

入力画面ではリストにしたい文字を入力し、その他リストデザインやカラーのチェックを入れるだけなのですが

この様に入力しては反映されません

みのる
HTMLについて理解できていなかったわたしもずっとこのやり方で入力していました。

 

スポンサーリンク

正しいリストデザインの入力方法

  1. 箇条書き<ul>順序リスト<ol>どちらかの入力と
    項目別にそれぞれ<li>~</li>を使う
  2. リストにしたい項目を入力
  3. デザインを選択
  4. カラーを選択
  5. デザインリストを挿入するで完了

みのる
①をクリックすればタグを閉める/**が入力できるようになるのでとても便利です。

 

下記タグの左右どちらかをリストデザインの入力フォームにコピー&ペーストして使ってみてください。

箇条書きリストの場合
<ul>
<li>サンプル1</li>
<li>サンプル2</li>
<li>サンプル3</li>
<li>サンプル4</li>
<li>サンプル5</li>
</ul>
順序付きリストの場合
<ol>
<li>サンプル1</li>
<li>サンプル2</li>
<li>サンプル3</li>
<li>サンプル4</li>
<li>サンプル5</li>
<ol>

 

スポンサーリンク

Twitterで最新情報をお届け!

RECOMMEND-こちらの記事も人気です-