[케이테마 v2] K-Button 상세 설정

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

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

K-Button은 방문자를 소개·문의·구매 같은 다음 행동으로 안내하는 전용 버튼입니다. 처음에는 문구 1개, 실제 링크 1개, 기본 스타일 1개만 정하고 미리보기에서 연결을 확인하세요.

시작하기 전에

준비물	권장 기준
버튼 문구	행동이 분명한 2~8글자
링크	공개된 실제 페이지 주소
아이콘	의미를 보완할 때만 사용
연습 위치	공개 중인 페이지의 복제본 또는 테스트 페이지

Elementor와 KTheme Premium이 활성화되어 있어야 합니다. 위젯을 찾는 기본 방법은 K-Theme Widgets 찾기와 사용하기에서 확인할 수 있습니다.

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

1. K-Button 찾기와 추가하기

Elementor 왼쪽 위젯 검색창에 K-Button을 입력해 빈 컨테이너에 끌어 놓습니다. 한글 버튼으로 검색하면 Elementor 기본 버튼도 함께 보이므로, K-Button 표시명을 확인하세요.

개발 사이트 Elementor 위젯 검색에서 확인한 K-Button — Elementor 검색창에서는 한글 버튼이 아니라 실제 표시명 K-Button으로 찾습니다.

2. 내용과 링크 입력하기

내용 탭의 버튼 설정에서 버튼 텍스트와 링크를 입력합니다. 새 창 열기는 외부 서비스처럼 현재 사이트에서 돌아오기 어려운 목적지에만 사용합니다. 비어 있는 링크나 # 링크 상태로 공개하지 않습니다.

설정	처음 사용할 때의 권장값
버튼 텍스트	문의하기, 서비스 보기처럼 행동을 표현
정렬	주변 문단·카드의 정렬과 맞춤
아이콘 활성화	문구만으로 의미가 부족할 때만 켬
전체 너비	모바일에서 긴 문구가 잘릴 때만 사용

Elementor K-Button 콘텐츠와 링크 설정 화면 — 콘텐츠 패널에서 버튼 문구, 링크와 버튼 ID를 설정합니다.

3. 스타일과 모바일 확인하기

스타일 탭에서 기본 스타일, 호버 효과, 크기 & 모양 순서로 조정합니다. 색상·그림자·둥글기는 한 번에 모두 바꾸지 말고, 저장 후 한 항목씩 확인하세요. Elementor의 기기별 미리보기 방법은 Elementor 반응형 모드 안내에서 확인합니다.

Elementor 반응형 모드 안내 바로가기

Elementor K-Button 스타일 설정 화면 — 스타일 패널에서 색상·테두리·여백을 정한 뒤 모바일도 확인합니다.

완료 확인

확인 항목	완료 기준
링크	클릭하면 의도한 공개 페이지가 열림
대비	기본·호버·포커스 상태에서 문구가 읽힘
아이콘	문구와 겹치지 않고 의미를 보완함
모바일	버튼 전체를 손가락으로 누를 수 있음

기존 테마 사용자

기존 페이지의 버튼을 한꺼번에 K-Button으로 교체하지 않습니다. 먼저 복제 페이지에서 간격과 링크를 확인하고, 기존 버튼의 URL·새 창 옵션을 기록한 뒤 필요한 구간만 바꾸세요.