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

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

Feature Box는 하나의 서비스·강점·회사 소개를 큰 이미지와 설명으로 보여 줄 때 사용합니다. 이미지와 문구의 비중이 큰 위젯이므로, 콘텐츠를 확정한 뒤 장식 옵션을 조절하는 순서가 좋습니다.

시작하기 전에

준비물권장 기준
메인 이미지서비스 또는 소개 내용을 직접 보여 주는 이미지
보조 이미지Style 1에서 강조할 세부 이미지
제목·설명이미지 내용을 보완하는 짧은 문장
링크·연락처실제 연결할 페이지와 정보

KTheme Premium과 Elementor가 모두 활성화되어 있어야 합니다. 위젯 검색과 기본 조작은 K-Theme Widgets 찾기와 사용하기에서 먼저 익힐 수 있습니다.

1. 스타일과 좌우 간격 정하기

Feature Box를 컨테이너에 넣고 내용 → 레이아웃에서 스타일을 선택합니다.

스타일이미지 배치추천 상황
Style 1 – 이미지 우측설명 왼쪽, 이미지 오른쪽서비스 설명을 먼저 읽게 할 때
Style 2 – 이미지 좌측이미지 왼쪽, 설명 오른쪽사진·사례를 먼저 보여 줄 때

좌우 컬럼 간격은 기본값으로 확인한 뒤, 이미지와 문구가 너무 가까울 때만 넓힙니다. 기기별 아이콘을 선택하면 태블릿과 모바일의 간격도 따로 조절할 수 있습니다.

개발 사이트 Elementor의 Feature Box 위젯 스타일과 기기별 컬럼 간격 설정
Feature Box는 레이아웃에서 이미지 배치와 기기별 간격을 정한 뒤 이미지와 콘텐츠를 입력합니다.

2. 이미지와 콘텐츠 입력하기

이미지 섹션에서 메인 이미지와 보조 이미지를 넣고, 필요한 경우 이미지 위치와 크기를 조절합니다. Style 1의 보조 이미지는 장식 역할이므로 없어도 됩니다. Style 2의 배경 패턴 이미지는 사진을 더 돋보이게 할 때만 사용합니다.

콘텐츠, 버튼 및 연락처, 슬로건을 순서대로 열어 제목·설명·링크를 입력합니다. 이미지를 바꾼 뒤에는 텍스트 줄바꿈과 버튼 위치가 자연스러운지 다시 확인하세요.

3. 모바일에서 읽기 쉽게 만들기

모바일에서는 큰 이미지를 먼저 보여 줄지, 설명을 먼저 보여 줄지 실제 화면을 보고 결정합니다. 글자 크기와 여백을 과하게 줄이지 말고, 버튼과 연락처 링크를 손가락으로 누를 수 있는 크기로 유지하세요.

Elementor 반응형 모드 안내에서 모바일 미리보기 방법을 확인할 수 있습니다.

완료 확인

확인 항목완료 기준
배치Style 1 또는 Style 2의 이미지·설명 순서가 의도와 맞음
이미지메인 이미지는 선명하고 보조 이미지는 과하지 않음
문구제목과 설명이 이미지 내용을 반복하지 않음
버튼실제 연결 페이지 또는 연락처로 동작함
모바일이미지·문구·버튼이 겹치지 않고 읽기 쉬움

기존 테마 사용자

기존 이미지 소개 구역을 Feature Box로 바꿀 때는 기존 레이아웃을 바로 덮어쓰지 않습니다. 먼저 페이지를 복제하고 Style 1·Style 2를 비교한 뒤, 이미지 비율과 링크가 모두 맞는 것을 확인하고 반영하세요.

페이지 공유

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

URL 주소 공유

목차