[최신 케이테마] Card Box 상세 설정

예상 읽기 시간:1분 3 조회수

적용 대상	최신 공개 케이테마
Elementor 표시명	Card Box
작업 위치	Elementor → K-Theme Widgets
권장 작업 시간	20분

Card Box는 서비스, 포트폴리오, 제품처럼 반복되는 항목을 카드 형태로 보여 줄 때 사용합니다. 카드마다 이미지·카테고리·제목·링크를 같은 규칙으로 준비하면 훨씬 안정적으로 보입니다.

시작하기 전에

준비물	권장 기준
카드 이미지	같은 가로세로 비율로 맞춤
카드 제목	한 줄 또는 짧은 두 줄
카테고리	항목을 구분할 짧은 문구
링크	상세 페이지 또는 문의 페이지

공개 중인 페이지를 바로 수정하지 말고 복제본에서 먼저 연습합니다. 위젯 목록의 실제 표시명은 K-Theme Widgets 찾기와 사용하기에서 확인할 수 있습니다.

K-Theme Widgets 찾기와 사용하기 바로가기

1. Card Box를 추가하고 스타일 고르기

위젯 검색창에 Card Box를 입력해 컨테이너에 넣습니다. 내용 → 레이아웃 → 스타일에서 아래 목적에 맞는 스타일을 고릅니다.

스타일	권장 용도
Style 1 – 포트폴리오 그리드	여러 작업 사례를 그리드로 나열
Style 2 – 회사소개 세로	회사·서비스 소개 카드를 세로로 구성
Style 3 – 제품 그리드	제품과 행동 버튼을 함께 표시
Style 4 – 오버레이 카드	이미지 위 제목을 강조하는 콘텐츠

개발 사이트 Elementor의 Card Box 위젯 스타일과 반응형 컬럼 수 설정 — Card Box는 레이아웃에서 스타일과 기기별 컬럼 수를 정한 뒤 목록에서 카드 내용을 입력합니다.

2. 컬럼 수와 카드 목록 만들기

컬럼 수는 데스크톱·태블릿·모바일 아이콘을 각각 선택해 조절할 수 있습니다. 처음에는 데스크톱 3~4열, 태블릿 2열, 모바일 1열처럼 단순하게 시작합니다.

목록을 열고 카드마다 배경 이미지, 카테고리, 제목, 라벨, 링크를 입력합니다. Style 3에서만 버튼이 필요하다면 버튼 표시를 켜고 버튼 텍스트를 정합니다.

3. 카드 품질 확인하기

카드가 많을수록 규칙이 중요합니다. 모든 카드의 이미지 비율, 제목 길이, 링크 목적을 통일하고 애니메이션은 필요한 경우에만 적용하세요.

Elementor 컨테이너 안내에서 카드 영역을 담는 컨테이너 설정 방법을 확인할 수 있습니다.

Elementor 컨테이너 안내 바로가기

완료 확인

확인 항목	완료 기준
스타일	카드 목적에 맞는 스타일 하나를 사용함
컬럼	PC·태블릿·모바일에서 카드가 겹치지 않음
이미지	잘림과 비율이 모든 카드에서 자연스러움
링크	각 카드가 의도한 상세 페이지로 이동함
버튼	Style 3에서만 필요한 버튼을 표시함

기존 테마 사용자

기존 카드형 위젯과 Card Box는 옵션 구조가 다를 수 있습니다. 기존 페이지의 카드를 일괄 교체하지 말고, 백업 후 복제한 페이지에서 한 구역씩 비교하세요. 마이그레이션이 필요한 기존 사이트는 도구 → KTheme Migration의 드라이런 결과를 먼저 확인합니다.