[Development for Blogger]投稿一覧のカードにラベルを追加する

https://development-for-blogger.blogspot.com/

Dark Theme(仮称) では投稿一覧はカード(型)を採用していますが

ラベルを入れるのに良いサンプルがあったので

• 新しいBloggerテーマ UltraSpeed

元のリポジトリが閉じちゃったのですが MIT license なので(フォークされてなかったら消えてましたね)

Code

<!-- /*! UltraSpeed Blogger Theme | MIT License | github.com/Rawandev-top/UltraSpeed/blob/main/LICENSE */ -->
                <b:if cond='data:post.labels'>
                  <div class='hmePstTgs'>
                    <ul class='listTgs' is='postLblHme'>
                      <b:loop index='i' values='data:post.labels' var='label'>
                        <b:if cond='data:i &lt;= 2'>
                          <li><a class='tgs' expr:href='data:label.url' rel='tag'><data:label.name/></a></li>
                        </b:if>
                      </b:loop>
                    </ul>
                  </div>
                </b:if>

この状態だとラベルは3つまで表示されます
増やす場合は数字を 2 よりも多くします
まぁあまり増やしてもカードの高さに影響が出るので

CSS

ul.listTgs {
  list-style-type: none;
  padding-left: 0px;
}
ul.listTgs li {
  display: inline;
}

クラスの整理はしてませんが、CSSは新規