Title: ウィジェットでのリスト表示
Last modified: 2017年1月29日

---

# ウィジェットでのリスト表示

 *  解決済 [zen73](https://ja.wordpress.org/support/users/zen73/)
 * (@zen73)
 * [10年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%a7%e3%81%ae%e3%83%aa%e3%82%b9%e3%83%88%e8%a1%a8%e7%a4%ba/)
 * リストマークにアップロードした画像を使おうと思い，次のようにしてみました。
    `.
   widget ul { 　　/* list-style-type: none; list-style: none; */ 　　list-style-
   image: url(http://zensoft.main.jp/zen/wp-content/uploads/2016/05/listmark-1.png);
   margin: 0; padding: 0; }
 * .widget ul li {
    padding: 0 0 9px 0; margin: 0 0 8px 0;
 * }
 * これでは，リストマークが表示されないようです。これの設定の仕方をお教え願います。
 * あわせて，リストに破線の区切り線の入れ方もお教えください。

3件の返信を表示中 - 1 - 3件目 (全3件中)

 *  トピック投稿者 [zen73](https://ja.wordpress.org/support/users/zen73/)
 * (@zen73)
 * [10年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%a7%e3%81%ae%e3%83%aa%e3%82%b9%e3%83%88%e8%a1%a8%e7%a4%ba/#post-180339)
 * 区切り線は，下のようにして解決しました。
    ` .widget ul li { padding: 0 0 9px 
   0; margin: 0 0 8px 0; border-bottom: 1px solid #E7E7E7; }
 *  トピック投稿者 [zen73](https://ja.wordpress.org/support/users/zen73/)
 * (@zen73)
 * [10年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%a7%e3%81%ae%e3%83%aa%e3%82%b9%e3%83%88%e8%a1%a8%e7%a4%ba/#post-180340)
 * リストマークの表示ができましたが，これではリストの文字とマークが重なってしまい
   ます。
    ` .widget ul { list-style-type: none; list-style: none; margin: 0; padding:
   0;　　/* この数字を大きくするのかな */ }
 * .widget ul li {
    padding: 0 0 9px 0; margin: 0 0 8px 0; border-bottom: 1px solid#
   E7E7E7; background: url([http://zensoft.main.jp/zen/wp-content/uploads/2016/05/listmark-1.png](http://zensoft.main.jp/zen/wp-content/uploads/2016/05/listmark-1.png))
   left 4px no-repeat; }
 *  トピック投稿者 [zen73](https://ja.wordpress.org/support/users/zen73/)
 * (@zen73)
 * [10年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%a7%e3%81%ae%e3%83%aa%e3%82%b9%e3%83%88%e8%a1%a8%e7%a4%ba/#post-180342)
 * 解決しました。
    ` .widget ul li { padding: 0 0 9px 10px; margin: 0 0 8px 0; border-
   bottom: 1px solid #E7E7E7; background: url(http://zensoft.main.jp/zen/wp-content/
   uploads/2016/05/listmark-1.png) left 3px no-repeat; }

3件の返信を表示中 - 1 - 3件目 (全3件中)

 トピック「ウィジェットでのリスト表示」には新たに返信することはできません。

## タグ

 * [ウィジェット](https://ja.wordpress.org/support/topic-tag/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88/)
 * [リストマーク](https://ja.wordpress.org/support/topic-tag/%e3%83%aa%e3%82%b9%e3%83%88%e3%83%9e%e3%83%bc%e3%82%af/)

 * フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3件の返信
 * 1人の参加者
 * 最後の返信者: [zen73](https://ja.wordpress.org/support/users/zen73/)
 * 最後の活動: [10年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%a7%e3%81%ae%e3%83%aa%e3%82%b9%e3%83%88%e8%a1%a8%e7%a4%ba/#post-180342)
 * 状態: 解決済

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック