Elementor에 Ninja Forms를 추가하는 방법
무료 Ninja Forms 플러그인과 그 안에 내장 된 하나 이상의 양식이 필요합니다.
- 설치 및 활성화 닌자 양식 wordpress.org 에서,그 다음 Ninja Forms 대시보드에서 양식을 작성합니다.
- 확인해 보세요 닌자 양식 마스터 애드온 위젯 설정에서 위젯이 켜져 있습니다.
- Elementor로 페이지를 편집하고 패널을 검색하세요 닌자 양식 그리고 위젯을 끌어 넣습니다.
- 에서 양식을 선택하세요 문의 양식 드롭다운하고 표시할지 여부를 선택합니다 라벨 그리고 자리 표시자 텍스트.
- 스타일 탭에서 다음을 선택합니다.In the Style tab, choose a 디자인 변형그런 다음 입력, 확인란, 제출 버튼 및 메시지를 조정합니다.
- 페이지를 업데이트하고 테스트 항목을 보내 Ninja Forms가 해당 페이지를 수신하는지 확인하세요.
디자인 변형: 무료 4개, 프로 7개
디자인 변형 스타일 탭에서 전체 양식에 준비된 모양을 적용합니다. 스타일 1 에서 스타일 4 까지는 무료이며 스타일 5 에서 스타일 11 까지는 Master Addons Pro 가 필요합니다. 하나를 시작점으로 선택한 다음 아래 섹션에서 세부 정보를 변경하십시오.
- 무료: 스타일 1, 스타일 2, 스타일 3, 스타일 4.
- 찬성: 스타일 5부터 스타일 11까지.
- 콘텐츠 옵션: 레이블 및 자리 표시자 텍스트와 오류 메시지 및 유효성 검사 오류를 표시하거나 숨깁니다.
입력, 텍스트 영역 및 확인란 스타일링
입력 및 텍스트 영역 배경색과 테두리가 있는 일반 및 초점 탭과 텍스트 색상, 테두리 반경, 정렬, 텍스트 들여쓰기, 입력 및 텍스트 영역 너비와 높이, 패딩, 간격 및 타이포그래피가 있습니다. 라디오 및 확인란 브라우저 기본값을 사용자 정의 스타일로 바꿀 수 있습니다: 크기, 색상, 테두리 너비 및 테두리 색상, 확인란 및 라디오 버튼의 별도 테두리 반경, 체크된 색상.
- 라벨 및 자리 표시자: 라벨의 텍스트 색상 및 타이포그래피, 자리 표시자의 텍스트 색상입니다.
- 필드 설명: 필드 아래 도움말 텍스트의 색상, 타이포그래피 및 간격입니다.
- 제목 및 설명: 양식 제목 및 설명의 정렬, 색상, 타이포그래피 및 여백.
버튼 및 양식 메시지 제출
제출 버튼 배경, 텍스트 및 테두리 색상에 대한 호버 탭으로 정렬, 전체 또는 사용자 지정 너비, 배경 및 텍스트 색상, 테두리, 테두리 반경, 패딩, 상단 여백, 타이포그래피 및 상자 그림자를 설정합니다. 메시지 섹션은 방문자가 제출한 후 표시되는 내용을 스타일링합니다.
- 성공 메시지: 텍스트 색상 및 타이포그래피.
- 필수 필드 공지: 색상, 간격 및 타이포그래피.
- 오류: 오류 메시지의 텍스트 색상과 유효성 검사에 실패한 필드의 설명 및 테두리 색상.
Elementor 단축 코드 위젯과 Ninja Form 위젯
Free Elementor 는 이미 Ninja Form 을 보여줄 수 있습니다: 단축 코드를 단축 코드 위젯에 붙여 넣습니다. 양식은 어느 쪽이든 동일하게 작동합니다. 차이점은 스타일 지정 방법입니다.
| 특징 | Elementor 단축 코드 위젯 | 마스터 애드온 닌자 양식 위젯 |
|---|---|---|
| 가격 | 무료(엘리멘터 코어) | 무료, 7가지 디자인 변형이 더 가능한 Pro |
| 폼 추가하기 | [ninja_form id="1"] 과 같은 단축 코드를 붙여 넣습니다 | 드롭다운에서 양식을 선택하세요 |
| 스타일링 | 자신의 CSS | 필드, 확인란, 버튼 및 메시지에 대한 스타일 탭 컨트롤 |
| 미리 설정된 모습 | 아니요 | 4 무료, 7 프로 |
| 레이블이나 자리 표시자를 숨깁니다 | CSS | 스위치 |
| 필드, 알림, 제출 | 닌자 양식 | 닌자 양식 |
두 경로 모두 동일한 Ninja Forms 양식을 실행합니다. 위젯은 CSS 를 작성하여 페이지의 나머지 부분과 일치하도록 저장합니다.
닌자 양식에 대해 자주 묻는 질문
Ninja Forms 플러그인이 설치되어 있어야 합니까?
예. 무료 Ninja Forms 플러그인을 설치하고 활성화하여 먼저 양식을 작성하십시오. 그것이 없으면 위젯은 양식 대신 “Ninja Forms is Not Activated”공지를 표시합니다.
Ninja Form 위젯은 무료입니까?
예. 마스터 애드온에서는 위젯과 스타일 1 에서 스타일 4 까지 무료입니다. 스타일 5 에서 스타일 일레븐은 마스터 애드온 프로가 필요합니다.
모바일 장치에서 양식을 반응형으로 만들 수 있나요?
예. 입력 너비 및 높이,패딩, 정렬 및 버튼 너비와 같은 많은 크기 및 간격 컨트롤은 데스크톱,태블릿 및 모바일에 대해 별도의 값을 취합니다.
오류 메시지나 성공 알림의 스타일은 어떻게 지정합니까?
스타일 탭에서 성공 메시지,필수 필드 알림 및 오류 섹션을 사용합니다. 성공 메시지의 텍스트 색상과 타이포그래피,오류의 경우 텍스트,설명 및 테두리 색상을 설정합니다. 이러한 메시지에는 배경색 설정이 없습니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
![Elementor용 마스터 애드온 게시물/페이지 복제기 확장: 랜딩 페이지를 생성하는 WordPress 페이지 목록의 MA 복제기 행 링크 - [복제된 #128] 초안](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
