v1.1.0 - Frontend Shortcodes (Grid, Carousel, Magazine)
v1.1.0 — 프론트엔드 숏코드 3종
[dw_catalog_grid] — 카탈로그 그리드
반응형 그리드 (1~6 컬럼), 카테고리/ID 필터링, 커스텀 필드 표시, 상세보기 링크 선택
[dw_catalog_grid columns="4" per_page="12" category="seafood"]
[dw_catalog_carousel] — 카탈로그 캐로셀
vanilla JS 기반 (jQuery 의존성 없음), 좌우 화살표, 자동 재생, 호버 시 일시정지
[dw_catalog_carousel per_slide="3" autoplay="yes" interval="5000"]
[dw_catalog_magazine] — 매거진 스타일 상세
제품 이미지 배경 + 오버레이 (제목 + 커스텀 필드), 5가지 위치 선택
[dw_catalog_magazine position="bottom-right" overlay="dark"]
[dw_catalog_magazine position="middle" overlay="light"]
위치 옵션: top-left, top-right, bottom-left, bottom-right, middle
주요 특징
- 반응형: 데스크톱 설정값 / 태블릿 2컬럼 / 모바일 1컬럼
- 의존성 없음: 캐로셀도 vanilla JS로 구현 (추가 라이브러리 불필요)
- 동적 필드: 커스텀 필드 설정에 따라 자동으로 표시
- Select 라벨 해석: 저장된 값 대신 라벨로 표시 (예:
active→Active)
문서
- docs/SHORTCODES.md — 전체 사용 가이드
Tests
PASS: 106 / FAIL: 0 (14 new shortcode checks)