각 카테고리 이미지 아래 고유한 텍스트를 추가하는 방법?

[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;
    }
  }
}