各カテゴリ画像の下にユニークなテキストを追加する方法は？

[Canapin (Coin-coin le Canapin)]

なるほど。

カテゴリのスラッグを使用して、純粋なSCSSソリューションを引き続き使用できます。

テキストに改行を追加したい場合は、テキスト内に \\A を挿入し、:after 疑似要素のプロパティに white-space: pre; を追加してください。

$categories: "nature", "general";
$labels: "All natural!\\ANaturaaal!" "Another text";

@each $category, $label in zip($categories, $labels) {
  body.category-#{$category} .category-heading .category-logo.aspect-image {
    max-height: none;
    &:after {
      display: block;
      content: $label;
      font-size: 1.25em;
      color: var(--primary-700);
      white-space: pre;
      text-align: center;
    }
  }
}