나만의 Elementor 위젯을 만드세요. 코드 필요 없음.
마스터 애드온의 위젯 빌더 – 사용자 정의 코드와 Elementor 편집기 사이의 강력한 다리를 만나보세요. 고유한 디자인,AI 생성 인터페이스 또는 대화형 CodePen 스니펫을 완전한 기능을 갖춘 재사용 가능한 Elementor 위젯으로 전환하세요.
위젯 빌더의 장점
정말 독특한 위젯을 만드세요
프로젝트의 정확한 요구 사항에 맞게 위젯을 구축하세요. 미리 만들어진 라이브러리에서는 제공할 수 없는 것입니다.
AI 및 CodePen 디자인에 생명을 불어넣으세요
AI 도구의 사용자 정의 UI 또는 CodePen의 라이브 프로토타입을 편집 가능한 Elementor 위젯으로 사이트에 직접 통합합니다.
전체 크리에이티브 컨트롤
전체 스택을 소유합니다: 구조 (HTML), 스타일 (CSS), 상호작용 (JS), 그리고 외부 라이브러리를 추가하는 기능.
재사용 및 시간 절약
위젯을 한 번 빌드하고 라이브러리에 저장한 다음 일관되고 편집 가능한 설정으로 모든 프로젝트에서 다시 사용하십시오.
파워 유저를 위해 제작되었습니다
Elementor 를 알고 있다면 Widget Builder 를 사용할 수 있습니다. 친숙한 탭 기반 인터페이스는 위젯 생성을 시각적이고 직관적으로 만듭니다.
모든 사이트에 사용자 정의 위젯이 있습니다
위젯을 한 번 빌드하고 완전히 다른 WordPress 웹사이트에서 사용할 수 있도록 쉽게 내보내기/가져오면 엄청난 시간을 절약할 수 있습니다
위젯을 만들고 이름을 지정하세요
새 구성 요소의 ID 를 설정하는 것부터 시작하세요. 명확한 제목을 지정하고 Elementor 를 사용할 때마다 원활하게 액세스할 수 있도록 범주 내에서 구성하세요.
- 독특하고 설명적인 제목을 위젯에 할당하세요.
- 나중에 편집기 패널에서 쉽게 액세스할 수 있도록 분류하세요.
- 재사용 가능한 요소의 기본 토대를 설정합니다.
편집자 경험을 디자인하세요
사용자가 상호 작용할 인터페이스를 구성하십시오. 토글 및 색상 선택기와 같은 컨트롤을 추가하면 코드를 작성하지 않고도 위젯의 설정 패널을 시각적으로 구축 할 수 있습니다.
- 왼쪽 패널에서 컨트롤 (텍스트,색상, 선택) 추가.
- 각 컨트롤은 Elementor에서 편집 가능한 옵션이 됩니다.
- 사용자를 향한 설정 패널 전체를 시각적으로 디자인합니다.
컨트롤을 코드에 매핑하세요
여기서 위젯이 동적으로 됩니다. 빌더는 각 컨트롤에 대한 스마트 단축 코드를 생성하며,이 단축 코드를 템플릿에 배치하여 설정과 출력 간의 라이브 링크를 생성합니다.
- {{color}}처럼 자동 생성된 단축 코드를 사용합니다.
- HTML, CSS 또는 JS 코드에 붙여넣으세요.
- 편집기 입력과 프런트 엔드 디스플레이 간의 직접 링크를 만듭니다.
어디서나 저장하고 사용하세요
저장되면 사용자 정의 위젯이 동작할 준비가 됩니다. Elementor 편집기에 나타나며,모든 페이지로 드래그하여 빌드한 라이브 설정으로 사용자 지정할 준비가 됩니다.
- Elementor 패널에 즉시 추가하려면 저장하세요.
- 위젯을 아무 페이지나 끌어다 놓습니다.
- 라이브 설정을 조정하고 디자인 렌더링을 즉시 확인하세요.
기성 위젯
실제로 무엇을 만들 수 있나요?
AI에서 웹사이트로
AI 디자인 도구로 복잡한 가격 카드 또는 사용후기 슬라이더를 생성하고 코드를 복사한 후 Widget Builder 에 연결하세요. 이제 편집 가능한 텍스트와 색상이 포함된 관리 가능한 Elementor 위젯입니다.
코드펜을 생산으로
CodePen 에서 멋진 애니메이션 버튼이나 독특한 갤러리를 발견 했습니까? 그냥 포함시키지 말고 모든 매개 변수를 제어 할 수있는 기본 위젯으로 변환하십시오.
나만의 UI 키트 구축
브랜드의 고유한 상호 작용 패턴으로 사용자 정의 버튼, 헤더 또는 정보 카드 제품군을 만들고 모든 클라이언트 사이트에서 재사용하세요.
사용 가능한 옵션
텍스트
기본 텍스트 입력 추가.
숫자 값만 입력합니다.
더 긴 텍스트 항목의 경우.
풍부한 시각적 텍스트 편집기.
코드 조각을 직접 입력합니다.
숨겨진 배경 데이터를 저장합니다.
옵션 켜기/끄기를 전환합니다.
고급 설정 팝오버 열기.
드롭다운 옵션에서 선택.
시각적으로 어떤 색이든 선택하세요.
글꼴 모음을 선택합니다.
모든 텍스트 스타일링을 제어합니다.
날짜/시간을 선택하세요.
링크를 입력하거나 선택합니다.
미디어를 업로드하거나 선택합니다.
여러 이미지를 함께 선택합니다.
아이콘 라이브러리 중에서 선택하세요.
슬라이더로 값 조정.
패딩, 여백 등을 설정합니다.
그림자 효과를 시각적으로 적용합니다.
요소 배경 속성 설정.
이미지 옵션에서 선택.
반복되는 콘텐츠 그룹을 만듭니다.
콘텐츠를 탭으로 구성.
위젯에 색상 옵션을 추가하세요.