Tubuyaki

カテゴリのデザインを変えてみました。
PCは2カラム、スマホは1カラム。
テンプレートのデザインに合わせて透ける感じにしてみた。
見やすくなっただろうか…?

----------

ちなみにですが、てがろぐは以下の記法でカテゴリ一覧が出せます
[[CATEGORY:TREE]]

このままだと、黒点のリスト表示でテンプレートと合わないことが出てくるので、見た目を変えます。

[[CATEGORY:TREE]] を div で囲むことで、装飾できます。
<div class="category-list">
  [[CATEGORY:TREE]]
</div>

今回は、category-list というクラス名を付けました。

そしてCSSで整えます

.category-list li {
  /* 好きなデザインのCSSを書く */
}

.category-list li > a {
  display: block;
  padding: 6px 10px;
  border-radius: 12px;
  background: rgba(255,255,255,0.35);
  text-decoration: none;
  color: inherit;
  transition: background .2s ease;
}

カード型にするのはこんなかんじ

Category:サイト