[케이테마 v2] Process Steps 상세 설정

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

Process Steps는 상담·신청·제작·완료처럼 순서가 있는 과정을 단계별로 보여 줍니다.

시작하기 전에

준비물권장 기준
단계 수3~6개
제목동작을 나타내는 짧은 단어
설명단계별 1~2문장
링크세부 설명이 있을 때만 사용

1. Process Steps 추가하기

검색창에 Process Steps를 입력하고 원하는 위치에 추가합니다. 화면에 표시할 실제 업무 순서대로 항목을 준비하세요.

Elementor 위젯 검색에서 확인한 Process Steps
Process Steps를 검색해 과정 안내 영역에 추가합니다.

2. 단계 목록과 활성 상태 설정하기

각 단계에서 번호 또는 아이콘을 선택하고 제목·설명·링크를 입력합니다. 현재 단계처럼 강조할 항목만 활성 상태를 켭니다. 모든 항목을 활성화하면 진행 상태의 의미가 사라집니다.

Process Steps 단계 목록 설정 화면
번호·아이콘·제목·설명·활성 상태를 단계별로 입력합니다.

3. 구분자와 반응형 간격 조정하기

레이아웃에서 구분자 스타일·원형 크기·간격·정렬을 조정합니다. 스타일에서 원형·제목·설명·컨테이너를 확인하고 모바일에서 단계가 자연스럽게 세로로 읽히는지 점검합니다.

Process Steps 레이아웃 스타일 설정 화면
구분자·원형·간격과 컨테이너 스타일을 조정합니다.

완료 확인

확인 항목완료 기준
순서실제 처리 순서와 일치함
강조현재 또는 핵심 단계만 활성화됨
연결구분선이 항목과 자연스럽게 이어짐
모바일번호·제목·설명이 겹치지 않음

기존 테마 사용자

기존 과정 이미지를 그대로 사용하기보다 텍스트를 새 단계 항목으로 옮겨 반응형 동작을 확보하세요. 원본 페이지는 보관하고 복제본에서 비교합니다.

페이지 공유

[케이테마 v2] Process Steps 상세 설정

URL 주소 공유

목차