Elementor의 Essential Addons 플러그인으로 연락처 양식 7 양식을 사용자 지정하시겠습니까?
문의 양식 7은 다음 중 하나입니다. 워드 프레스 플러그인 가장 인기있는 양식 작성기. 그것은 완전히 무료이며 그것을 사용하여 연락처 양식 귀하의 워드 프레스 웹 사이트.
또한 예약 양식이나 파일 업로드 양식과 같은 다양한 유형의 양식을 작성할 수 있습니다. 양식을 만드는 동안 사용할 수 있는 14가지 유형의 필드를 제공합니다.
참조 : Elementor 위젯/템플릿을 구텐베르크 블록으로 사용하는 방법
문의 양식 7 플러그인의 일반적인 문제 중 하나는 사용자 지정 프로세스입니다. Contact Form 7은 귀하의 기본 스타일을 사용합니다. 워드 프레스 테마 유산. 다른 스타일을 사용할 수 있지만 CSS 기술이 필요합니다. CSS 기술이 없는 경우 모듈을 사용할 수 있습니다. 필수 애드온 양식 스타일을 지정합니다.
Essential Addons는 Elementor를 사용하여 Contact Form 7 양식을 사용자 지정하는 프로세스를 향상시키는 Elementor 추가 기능입니다. Elementor 및 Essential Addons는 프리미엄 플러그인입니다. 둘 다 무료 버전을 사용하여 Contact Form 7 양식의 스타일을 지정할 수 있습니다.
필수 애드온으로 연락처 양식 7 양식의 스타일을 지정하는 방법
양식 스타일 지정을 시작하기 전에 다음을 설치했는지 확인하십시오. Elementor et 필수 애드온. 설치 및 활성화되면 새 페이지(페이지 – > 추가) Elementor로 편집하십시오.
사용자 정의 프로세스를 시작하기 전에 왼쪽 하단 모서리에 있는 기어 아이콘을 클릭하여 페이지 레이아웃을 설정하십시오. 드롭다운 메뉴에서 레이아웃을 설정합니다.
편집 상자에서 더하기 아이콘을 클릭하고 위젯을 드래그하여 새 섹션을 추가합니다. EA 문의 양식 7 편집기의 왼쪽 패널에서.
왼쪽 패널로 이동하여 사용자 지정하려는 스타일이 있는 양식을 선택합니다.
양식을 선택한 후 탭으로 이동합니다. 스타일. 보시다시피 여러 스타일 옵션을 설정할 수 있습니다. 설정할 수 있는 일반적인 스타일 지정 옵션은 다음과 같습니다.
- 양식 너비, 정렬 및 배경
블록 아래 폼컨테이너, 섹션에서 색상 선택기를 클릭합니다. 배경 유형 양식 배경에 원하는 색상을 설정하십시오. 단색 또는 그라데이션 색상을 배경으로 사용할 수 있습니다.
읽기 : Elementor: 템플릿을 가져오거나 내보내는 방법
양식 정렬을 설정하려면 섹션에서 원하는 정렬 옵션을 선택하기만 하면 됩니다. 양식 정렬.
양식의 너비를 설정하려면 필드에서 양식의 최대 너비 값을 설정합니다. 양식 최대 너비.
- 배경 필드, 테두리 너비 및 반경
필드의 배경, 테두리의 너비 및 반경을 정의하려면 섹션을 열 수 있습니다. 입력 및 텍스트 영역. 필드 색상 선택기를 클릭합니다. 배경색 배경을 설정합니다.
탭을 클릭하여 디버그 모드에서 필드의 배경색을 설정할 수도 있습니다. 집중하다.
필드의 너비를 정의하기 위해 필드의 값을 정의할 수 있습니다. 입력 폭. 이 섹션에서는 텍스트 상자 필드의 너비를 다음과 같이 설정할 수도 있습니다. 텍스트 영역 너비.
테두리 반경을 설정하려면 필드를 편집하십시오. 경계 반경 원하는 테두리 값을 설정합니다. 입력란의 연필 아이콘을 클릭하여 타이포그래피(글꼴군, 글꼴 크기, 글꼴 스타일)를 설정할 수도 있습니다. 활판 인쇄술.
- 레이블
Essential Addons를 사용하면 양식 레이블의 스타일을 사용자 지정할 수도 있습니다. 텍스트 색상과 타이포그래피를 설정할 수 있습니다. 이렇게 하려면 옵션을 엽니다. 레이블. 필드에서 색상 선택기를 클릭하여 텍스트 색상을 설정합니다. 텍스트 색상.
타이포그래피를 설정하려면 필드에서 연필 아이콘을 클릭합니다. 활판 인쇄술.
- 제출 버튼
제출 버튼의 스타일을 사용자 지정하려면 블록을 엽니다. 버튼 제출. 여기에서 버튼 정렬, 너비, 배경색, 텍스트 색상, 테두리 반경 및 타이포그래피를 설정할 수 있습니다.
- 에러 메시지
오류 메시지의 스타일을 사용자 지정하려면 블록을 열 수 있습니다. 오류. 오류 메시지 텍스트 색상, 타이포그래피, 유효성 검사 오류 배경색, 유효성 검사 오류 텍스트 색상 등을 설정할 수 있습니다.
몇 가지 다른 스타일 옵션을 설정할 수 있습니다. 양식 스타일에 만족할 때까지 왼쪽 패널을 가지고 놀 수 있습니다.
Elementor 및 Essential Addons에서 제공하는 사용 가능한 위젯을 사용하여 페이지에 여러 다른 요소를 추가할 수 있습니다. 완료되면 버튼을 클릭하십시오. 게시 왼쪽 패널 하단에서 페이지를 게시합니다.
양식을 일반 페이지에 통합
버튼을 클릭한 후 게시, 귀하의 연락처 페이지가 기본적으로 게시되었습니다. 페이지 자체는 Elementor에서 제공합니다. 당신이 당신을 추가하는 것을 선호하는 경우 연락처 양식 7 일반 페이지(워드프레스 기본 편집기인 구텐베르크로 만든 페이지)에 플러그인을 설치할 수 있습니다. 구텐베르크용 엘리멘터 블록. 이 플러그인은 Elementor 템플릿을 Gutenberg 블록으로 변환합니다.
등록하려면 연락처 양식 7 Elementor 템플릿으로 버튼 옆에 있는 화살표 버튼을 클릭합니다. 게시/업데이트 왼쪽 패널에서 템플릿으로 저장.
템플릿 이름을 지정하고 버튼을 클릭합니다. 등록자.
새 페이지 만들기(페이지 – > 추가) "연락처" "연락처" 또는 원하는 다른 이름과 같은 이름을 지정합니다.
새 블록을 추가하고 선택 엘리멘터 라이브러리 방금 만든 연락처 양식 템플릿을 선택합니다.
이제 Contact Form 7 양식을 사용자 지정했습니다.
지금 Elementor Pro를 받으세요!!!
결론
여기 ! Essential Addons를 사용하여 문의 양식 7 양식을 사용자 지정하는 방법을 보여주는 이 문서의 내용입니다. 거기에 가는 방법에 대해 우려 사항이 있는 경우 commentaires.
그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.
그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.
...
