タグクラウドブロックをもう少しおしゃれにしたい

[kurudrive]

template-part/sidebar-post.html あたりにデフォルト配置してあるので、投稿アーカイブか投稿詳細ページで表示される

ブロックエディタ側で指定できる部分は極力ブロックエディタで指定してテーマにCSSをなるべく書かない方向で検討 ※ 勿論なんともならない場合もあるので、無理だと思ったらCSS指定で可

参考

[sysbird]

@kurudrive ためしに タグクラウドブロックのカスタムCSS に書いてます 「極力ブロックエディタで指定して」を理解してないので、のちほど確認させてください

selector .tag-cloud-link {
    background: var(--wp--preset--color--bg-secondary) ;
  color: var(--wp--preset--color--text-normal);
  padding: .2em .4em;
  margin: .1em .2em;
  border-radius: 4px;
  text-decoration: none;
  line-height: 1.2;
}

selector .tag-cloud-link:before {
  content: '#';
  padding-right: 2px;
  font-size: .85em;
}

selector .tag-cloud-link:hover {
  opacity: .8;
}

表示↓↓↓