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

개발
2

푸펜더님, 안녕하세요!

SCSS를 사용하면 가능합니다:

$categories: 13 12;
$labels: "first label" "second label";

@each $category, $label in zip($categories, $labels) {
  .category-title-link[href$="/#{$category}"] .category-logo.aspect-image:after {
    display: block;
    content: $label;
  }
}

위 코드를 시도해 보시고 원하는 동작을 하는지 알려주세요.
슬러그는 변경될 수 있으므로 카테고리를 식별하는 데에는 ID를 사용하는 것을 권장합니다. 반면, ID는 항상 동일하게 유지됩니다.
CSS에 주석을 추가하여 어떤 카테고리 ID가 어떤 카테고리 이름과 관련이 있는지 기록해 두실 수 있습니다.