[케이테마 v2] Icon Box 상세 설정

예상 읽기 시간:1분 13 조회수
적용 대상최신 공개 케이테마
Elementor 표시명Icon Box
작업 위치Elementor → K-Theme Widgets
권장 작업 시간15~20분

Icon Box는 서비스·장점·절차처럼 같은 형식의 정보를 여러 개 나란히 보여 줄 때 사용합니다. 처음에는 3개 항목, 같은 길이의 제목, 짧은 설명으로 시작하면 균형을 맞추기 쉽습니다.

시작하기 전에

준비물권장 기준
항목 수3개부터 시작
제목한 줄에 들어가는 길이
설명항목마다 1~2문장
링크상세 페이지가 있을 때만 입력

KTheme Premium이 활성화되어 있는지 확인한 뒤, K-Theme Widgets 찾기와 사용하기의 방법으로 위젯을 찾습니다.

1. Icon Box 찾기와 추가하기

Elementor 검색창에 Icon Box를 입력합니다. Elementor 기본 아이콘 상자와 혼동하지 않도록 K-Theme Widgets 영역의 Icon Box인지 확인하고 컨테이너에 추가하세요.

개발 사이트 Elementor 위젯 검색에서 확인한 Icon Box
Icon Box는 K-Theme Widgets 안에서 실제 표시명 Icon Box로 제공합니다.

2. 레이아웃과 항목 만들기

내용 탭의 레이아웃에서 스타일, 기기별 컬럼 수, 아이템 간격을 먼저 정합니다. 그 다음 목록에서 아이콘·제목·설명·링크를 항목별로 입력합니다.

설정용도
Style 1 – 아이콘 상단서비스 장점을 세로로 정돈할 때
Style 2 – 카드형배경과 경계를 가진 안내 카드에 사용
Style 3 – 가로형아이콘과 설명을 한 줄로 강조할 때
컬럼 수데스크톱·태블릿·모바일별로 조정
Elementor Icon Box 레이아웃과 목록 설정 화면
레이아웃에서 스타일·컬럼 수를 고르고 목록에서 항목을 만듭니다.

3. 버튼과 스타일 다듬기

상세 페이지 연결이 필요한 경우에만 버튼 표시를 켜고, 모든 항목에 같은 버튼 문구를 사용합니다. 스타일 탭에서는 아이템·아이콘·제목·설명 순서로 조절하세요. 기기별 컬럼 변경은 Elementor 반응형 모드 안내에서 함께 확인합니다.

Elementor Icon Box 스타일 설정 화면
스타일 패널에서 아이콘과 버튼의 색상·간격을 다듬습니다.

완료 확인

확인 항목완료 기준
항목 수같은 목적의 정보만 함께 표시됨
제목 길이어느 항목도 두 줄 이상으로 불균형하지 않음
링크필요한 항목만 실제 상세 페이지로 연결됨
모바일컬럼이 1개 또는 읽기 쉬운 수로 바뀜

기존 테마 사용자

기존 아이콘 박스의 아이콘 파일과 문구는 재사용할 수 있지만, 기존 레이아웃 위젯을 같은 자리에서 직접 교체하지 않습니다. 복제 페이지에서 간격·링크·모바일 컬럼을 먼저 확인한 뒤 반영하세요.

페이지 공유

[케이테마 v2] Icon Box 상세 설정

URL 주소 공유

목차