Elementor에서 파일 업로드 양식을 만드는 방법을 배우고 싶습니까?
아시다시피 Elementor 프로 버전에는 양식을 만드는 데 사용할 수 있는 양식 위젯이 함께 제공됩니다. 형태 귀하의 WordPress 웹 사이트에서. 이 위젯을 사용하면 거의 모든 종류의 형태. 이 위젯에서 제공하는 약 19개의 필드 유형이 있습니다. 업로드 언 피셔.
이 기사에서는 파일 업로드 필드로 구성된 양식을 만드는 방법을 보여줍니다.
그러나 시작하기 전에 Form 위젯은 Elementor Pro에서만 사용할 수 있으므로 Elementor 버전을 Pro 버전으로 업그레이드했는지 확인하십시오.
다음에 대한 가이드 읽기: WordPress에 Elementor를 설치하는 방법
먼저 새 페이지를 만들거나 Elementor로 게시 및 편집합니다.
양식을 추가할 페이지를 만들기 전에 먼저 레이아웃을 설정하세요. 이렇게 하려면 왼쪽 패널의 왼쪽 하단 모서리에 있는 톱니바퀴 아이콘을 클릭합니다. 드롭다운 메뉴에서 원하는 레이아웃 설정 레이아웃.
Elementor의 편집 상자에서 더하기 아이콘을 클릭하여 새 섹션을 추가합니다. 만들고자 하는 디자인 컨셉에 따라 어떤 구조든 선택할 수 있습니다. 이 예에서는 단일 열 구조를 선택합니다.
왼쪽 패널에서 캔버스 영역으로 드래그하여 Form 위젯을 추가합니다.
기본적으로 이름, 이메일 및 메시지의 세 가지 필드로 구성된 양식이 있습니다. 필드에서 x 아이콘을 클릭하여 필요하지 않은 필드를 제거합니다.
이 기사에서는 이름, 이메일, 메시지 및 파일 업로드의 4개 필드로 구성된 양식을 만듭니다. 양식에는 기본적으로 3개의 필드만 있으므로 파일 업로드 필드에 새 양식을 추가해야 합니다.
읽기 : Elementor 양식에 reCAPTCHA를 추가하는 방법
버튼을 클릭 항목 추가 새 필드를 추가합니다. 필드 유형 정의 파일 업로드 시. 필수 필드로 정의하려면 옵션을 활성화하십시오. 필수입니다. 드롭다운 메뉴에서 최대 파일 크기를 다음으로 설정합니다. 최대 파일 크기.
허용되는 파일 형식을 정의하려면 파일 확장자를 입력하십시오. 허용된 파일 형식. 파일 확장자를 쉼표로 구분하여 여러 파일 형식을 허용할 수 있습니다. 방문자가 여러 파일을 제출할 수 있도록 하려면 옵션을 활성화하십시오. 여러 파일 다운로드할 수 있는 최대 파일 수를 설정합니다.
필드의 순서를 변경하려면 각 필드를 위나 아래로 드래그하면 됩니다. 이 예에서는 메시지 필드 위에 파일 업로드 필드를 배치합니다.
행동의 정의
Elementor 양식을 다음과 연결할 수 있다면 좋을 것입니다. 양식 백엔드 서비스 등 getform ou 폼캐리. 불행히도 Elementor는 어떤 형태의 백엔드 서비스와의 통합도 지원하지 않습니다.
방법을 찾아: Elementor에서 구분선을 추가하여 섹션을 만드는 방법
따라서 이 기사에서는 이메일에 대한 조치를 정의할 것입니다. 이는 양식을 통해 제출된 제출물이 지정된 이메일을 통해 전송됨을 의미합니다.
기본적으로 양식 작업은 이메일로 설정되었습니다. 옵션에서 확인할 수 있습니다. 제출 후 조치.
그런 다음 옵션을 엽니 다 이메일 양식 제출을 보낼 이메일 주소를 설정합니다. 또한 전자 메일의 제목을 정의합니다.
항상 옵션 아래 이메일, 이메일 본문을 옵션으로 설정 메시지.
이메일 본문을 사용자 지정하려면 본문에 추가하려는 필드의 단축 코드를 붙여넣을 수 있습니다. 탭에서 찾을 수 있습니다. 많은 각 분야의.
섹션에서 이메일의 본문 메타데이터를 사용자 정의할 수도 있습니다. 메타 데이터. 포함하지 않으려는 메타데이터를 제거합니다.
메타데이터 자체는 이메일 본문 아래에 나타납니다.
필드에서 이메일에서, 이름 및 회신에서, 공백으로 둘 수 있습니다.
양식 사용자 정의
지금까지 양식을 게시할 준비가 되었습니다. 게시하기 전에 양식을 사용자 정의하여 더 매력적으로 만들 수 있습니다. 기본적으로 양식의 각 필드에는 레이블이 있습니다. 끄려면 다음에서 할 수 있습니다. 양식 필드 옵션 부 콘텐츠 탭.
고급 스타일 옵션을 만들려면 탭에 액세스할 수 있습니다. 스타일. 다음은 설정할 수 있는 몇 가지 스타일 옵션입니다.
- 라벨의 선과 타이포그래피 사이의 공간을 정의합니다.
레이블의 타이포그래피뿐만 아니라 라인(필드) 사이의 공간을 정의하려면 옵션을 열 수 있습니다. 형태.
섹션의 줄 간격 설정 행 간격. 레이블의 타이포그래피(글꼴 크기, 글꼴 스타일 및 글꼴 모음)를 정의하려면 의 연필 아이콘을 클릭할 수 있습니다. 활판 인쇄술 섹션 상표.
- 필드 타이포그래피, 배경색, 테두리 색상, 테두리 너비 및 테두리 반경 정의
옵션을 열 수 있습니다 분야 컨트롤의 타이포그래피, 컨트롤의 배경색, 테두리 색상, 테두리 너비 및 테두리 반경을 정의합니다.
- 사용자 정의 버튼
버튼을 사용자 정의하려면 옵션을 열 수 있습니다 버튼. 거기에서 배경색, 텍스트 색상, 타이포그래피, 테두리 색상, 테두리 반경 등을 설정할 수 있습니다 ... 탭으로 전환 호버 버튼 포인팅을 사용자 정의합니다.
설정할 수 있는 몇 가지 다른 사용자 지정 옵션이 있습니다. 양식이 어떻게 보이는지 만족할 때까지 왼쪽 패널을 가지고 놀 수 있습니다. 완료되면 버튼을 클릭할 수 있습니다 게시 양식을 게시합니다.
잠재적 오류
양식을 테스트할 때 오류 메시지가 나타날 수 있습니다. 다음은 오류의 예입니다.
위의 오류는 일반적으로 서비스를 사용하는 경우 발생합니다.웹 호스팅 나누는. 대부분의 공급업체웹 호스팅 공유 비활성화 기능 PHP send_mail, WordPress 기능에서 사용하는 wp_mail 이메일을 보내려면.
지금 Elementor Pro를 받으세요!
결론
여기 입니다! Elementor에서 파일 업로드 양식을 만드는 방법을 보여주는 이 기사의 내용은 여기까지입니다.. 가는 방법이 걱정되시면 f에서 알려주십시오. commentaires.
그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.
그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.
...
