WordPress 등록 양식에 추가 콘텐츠를 표시하기 위해 HTML을 추가하는 방법은 무엇입니까?

WordPress 등록 양식에 추가 콘텐츠를 표시하기 위해 HTML을 추가하는 방법을 알고 싶습니까? 그렇다면 이 기사는 당신을 위한 것입니다!

HTML(Hyper Text Mark Up Language)은 처음부터 웹 페이지를 만드는 데 사용되는 코딩 언어입니다.

그러나 WordPress에서는 콘텐츠의 구조를 제어하기 위해 일부만 사용합니다. 따라서 WordPress 게시물에 추가 텍스트, 이미지 및 비디오를 포함할 수 있습니다.

WordPress 등록 양식의 HTML 양식 필드를 사용하여 동일한 작업을 수행할 수 있습니다. 사이트에 가입하는 사용자에게 추가 정보나 지침을 제공할 수 있는 좋은 방법입니다.

아래에서 WordPress 등록 양식에 HTML을 추가하는 방법을 보여주는 간단한 가이드를 준비했습니다. 시작하자!

HTML 양식 필드란 무엇입니까? WordPress 등록 양식에 HTML을 추가하는 이유는 무엇입니까?

사람들은 HTML의 기술적 측면을 경계하는 경향이 있습니다. 특히, 등록 양식과 같이 간단한 것에 HTML을 추가해야 하는 경우.

그러나 WordPress의 HTML 양식 필드를 사용하면 걱정할 것이 없습니다. HTML 필드는 최소한의 코딩만 사용하므로 머리를 감싸기가 매우 쉽습니다.

이 필드를 등록 양식에 추가하면 사이트에 등록하는 사용자에게 추가 정보나 지침을 제공하도록 사용자 정의할 수 있습니다.

그 외에도 이 분야는 다음과 같은 몇 가지 다른 이유로 유익합니다.

• 사용자 참여 증대 : 이미지 또는 비디오와 같은 시각적 요소는 사용자 참여를 향상시킬 수 있습니다. 또한 사용자가 등록 프로세스를 완료하도록 권장합니다.
• 맞춤화 : 등록 양식에 HTML을 추가하면 웹사이트의 디자인과 브랜딩에 더 잘 맞도록 양식을 맞춤화할 수 있습니다. 이렇게 하면 웹 사이트가 눈에 띄고 보다 전문적으로 보입니다.
• 쇼케이스 특별 제안 : 특별 거래를 제안하거나 프로모션을 진행하는 경우 HTML을 사용하면 이러한 정보를 보여줄 수 있습니다. 이것은 사용자가 귀하의 사이트에 가입하도록 권장합니다.

다음은 WordPress 등록 양식에 HTML을 추가해야 하는 몇 가지 이유입니다. 우리는 당신이 더 많은 것을 생각해 낼 수 있다고 확신합니다.

그런 말로 WordPress 등록 양식에 HTML을 추가하는 가장 좋은 방법을 살펴보겠습니다.

추가 콘텐츠를 표시하기 위해 등록 양식에 HTML 필드를 추가하는 가장 좋은 방법

등록 양식에 HTML 필드를 추가하는 가장 좋은 방법은 등록 양식 플러그인을 사용하는 것입니다.

이 플러그인을 사용하면 번거로움 없이 WordPress 등록 양식에 HTML 필드를 추가할 수 있습니다.

선택할 수있는 옵션이 너무 많습니다. 그러나 드래그 앤 드롭 등록 양식 플러그인인 사용자 등록 플러그인을 제안합니다.

무료 버전으로도 무제한 양식을 만들 수 있습니다. 마찬가지로 등록 양식에 추가할 끝없는 필드를 얻게 됩니다.

그 외에도 사용자 등록을 통해 다음을 수행할 수 있습니다.

• 프로필 이미지로 직관적이고 잘 디자인된 사용자 프로필 계정을 만드세요.
• 한 번의 클릭으로 등록 양식을 내보내고 동일하거나 다른 사이트로 가져옵니다.
• 다단계 등록 양식을 쉽게 만드세요.
• WooCommerce 등록 양식을 만들고 결제 페이지와 동기화하십시오.

그러나 무엇보다도 기능이 풍부한 플러그인에는 Advanced Fields 애드온을 비롯한 다양한 애드온이 함께 제공됩니다.

이 추가 기능은 등록 양식의 HTML 필드와 같은 고급 필드의 잠금을 해제하는 데 도움이 됩니다. 그리고 이것이 바로 여기에 필요한 것입니다.

강력한 기능을 제공하므로 이 자습서에서는 사용자 등록을 사용합니다.

WordPress 등록 양식에 HTML을 추가하는 단계별 가이드

등록 양식에 추가 콘텐츠를 추가하기 위해 HTML 필드를 추가하는 방법을 배우려면 아래의 간단한 단계를 따르십시오.

1단계: 사용자 등록 Pro 설치 및 활성화

실제로 무료 버전의 플러그인으로 간단한 양식을 만들 수 있습니다. 그러나 HTML 필드는 고급 필드 섹션 아래에 있습니다.

그리고 이 필드의 잠금을 해제하려면 플러그인의 프리미엄 버전에만 제공되는 고급 필드 추가 기능이 필요합니다.

User Registration Pro의 설치 과정은 매우 간단합니다. 플러그인의 공식 사이트를 방문하면 3가지 요금제를 볼 수 있습니다.

모든 요금제에 고급 필드 추가 기능이 제공되므로 예산과 요구 사항에 따라 요금제를 구매하세요.

그런 다음 이메일 링크를 받게 됩니다. 링크를 따라 계정 대시보드에 액세스하십시오.

여기에서 플러그인의 프로 버전을 다운로드하고 라이센스 키 탭에서 라이센스 키를 얻을 수 있습니다.

그런 다음 WordPress 대시보드로 돌아가 Plugins >> Add New 로 이동합니다. 플러그인 업로드 버튼을 클릭하기만 하면 됩니다.

다음으로 이전에 다운로드한 User Registration Pro zip 파일을 선택하고 지금 설치를 누르십시오.

이제 필요한 영역에 라이센스 키를 붙여넣고 사이트에서 플러그인을 활성화하십시오 .

전체 설치 및 설정 프로세스가 자세히 필요한 경우 User Registration Pro 설치 방법에 대한 이 링크를 따르십시오.

플러그인을 올바르게 설정했으면 다음 단계로 넘어갈 수 있습니다.

2단계: 고급 필드 추가 기능 설치 및 활성화

이제 프리미엄 버전이 있으므로 고급 필드 추가 기능에 쉽게 액세스할 수 있습니다.

따라서 User Registration >> Extensions 로 이동하여 Advanced Fields를 검색하십시오.

그런 다음 애드온 설치 버튼을 클릭하고 순차적으로 활성화를 누르십시오. 마찬가지로 Advanced Fields 애드온이 있습니다.

3단계: HTML 필드로 새 등록 양식 만들기

이제 새로운 등록 양식을 만드는 재미있는 단계가 있습니다. 처음부터 양식을 만들거나 이 프로세스를 위해 기존 템플릿을 사용할 수 있습니다.

따라서 사용자 등록 >> 새로 추가 로 이동하고 처음부터 시작을 선택하거나 양식 템플릿을 선택합니다.

프리미엄 버전은 대부분의 템플릿이 잠금 해제되어 있음을 보여줍니다.

여기서는 이 자습서에 대한 학생 등록 ​​양식 템플릿을 사용합니다. 원하는 템플릿 위에 마우스를 놓고 시작하기 버튼을 클릭할 수 있습니다.

이 작업을 수행한 후 즉시 양식 이름을 지정하라는 메시지가 표시됩니다. 따라서 적절한 양식 이름을 입력하고 계속을 누릅니다.

학생 등록 ​​양식에 필요한 모든 필수 필드가 이미 추가되어 있는 것을 볼 수 있습니다.

그러나 추가 콘텐츠를 추가하려면 양식에 HTML 필드가 필요합니다. 앞에서 언급한 대로 고급 필드 옵션에서 이 필드를 찾을 수 있습니다.

따라서 등록 양식의 해당 섹션으로 끌어다 놓습니다.

양식의 요구 사항에 따라 많은 필드를 추가할 수 있습니다.

또한 각 양식 필드 옵션을 사용자 정의할 수 있습니다. 원하는 필드를 클릭하면 해당 필드 옵션이 왼쪽에 나타납니다.

따라서 HTML 필드를 클릭하고 다음을 편집합니다.

• 레이블 : 메모, 요청 등과 같이 필드에 적합한 제목을 지정합니다.
• 설명 : 양식에 포함할 설명을 추가합니다.
• Field Name : 이 영역에는 필드의 ID가 포함됩니다. 그대로 두거나 원하는 대로 변경할 수 있습니다.
• 레이블 숨기기 : 드롭다운에서 필드 레이블을 숨길 수도 있습니다. 예 또는 아니오를 선택하기만 하면 됩니다.
• HTML : 이 섹션에서 양식의 모든 추가 콘텐츠를 추가할 수 있습니다. 귀하에게 필요한 추가 콘텐츠는 메모, 고지 사항 콘텐츠, 경고 등이 될 수 있습니다.
• 도구 설명 활성화 : 필드에 대한 정보를 사용자에게 표시하려면 도구 설명을 활성화합니다.

같은 방식으로 나머지 필드에 대한 필드 옵션도 편집합니다.

참고: 양식 필드에는 편집할 수 있는 유사한 필드 옵션이 있습니다. 단, 필드에 따라 일부 옵션이 추가/삭제됩니다. 따라서 그에 따라 사용자 정의하십시오.

사용자 지정이 완료되면 양식 업데이트 버튼을 클릭하여 저장합니다.

HTML 필드의 내용은 양식 작성기에 표시되지 않는다는 점을 알아야 합니다. 하지만 언제든지 미리보기를 통해 프런트 엔드에서 어떻게 보이는지 확인할 수 있습니다.

양식이 웹에서 사용자에게 표시되는 방식입니다.

4단계: 등록 양식 설정 사용자 지정

다음으로 중요한 단계는 등록 양식의 설정을 구성하는 것입니다.

필드 옵션 바로 옆에 양식 설정 옵션이 있습니다.

그것을 클릭하면 일반 설정으로 이동합니다. 여기에서 다음 옵션을 사용자 지정할 수 있습니다.

• 사용자 승인 및 로그인 옵션 : 드롭다운에서 사용자에 대한 사용자 정의 승인 및 로그인 기준을 설정할 수 있습니다.
• 기본 사용자 역할 : 플러그인을 사용하면 양식에 등록하는 사용자의 역할을 설정할 수 있습니다. Administrator , Subscriber , Author 등과 같은 6가지 기본 사용자 역할 중에서 선택할 수 있습니다.
• Enable Strong Password : 확인란을 선택하고 원하는 사용자 암호 강도를 선택합니다.
• 리디렉션 URL : 이 옵션을 사용하면 성공적으로 등록한 후 사용자의 리디렉션 URL을 추가할 수 있습니다.
• 제출 버튼 클래스 : 제출 버튼에 대해 하나 또는 여러 개의 CSS 클래스 이름을 별도로 입력할 수 있습니다.
• 제출 버튼 텍스트 : 제출 버튼에 원하는 텍스트를 입력합니다. 신청, 지금 가입 등과 같은 용어를 사용할 수 있습니다.
• 성공 메시지 위치 : 상단 또는 하단과 같이 성공 메시지의 위치를 ​​선택할 수 있습니다.
• Captcha 지원 활성화 : 스팸 및 봇 보호를 위해 CAPTCHA 지원을 활성화할 수 있습니다.
• 양식 템플릿 : 드롭다운을 사용하여 양식에 대한 5가지 템플릿 스타일 중에서 선택합니다.
• 양식 클래스 : 양식 래퍼에 대해 단일 또는 여러 CSS 클래스 이름을 추가합니다.

다음으로 일반 설정과 마찬가지로 양식의 추가 설정을 구성할 수 있습니다.

사용자를 위한 자동 생성 암호 활성화 , HoneyPot의 스팸 보호 활성화 및 화이트리스트/블랙리스트 도메인 활성화 와 같은 다양한 중요한 보호 옵션을 활성화할 수 있습니다.

마찬가지로 키보드 친화적 양식을 활성화 하고 재설정 버튼을 활성화하여 양식을 사용자에게 친숙하게 만들 수 있습니다. 당신은 또한 변경할 수 있습니다 상표 양식 재설정 버튼 레이블 에서 재설정 버튼의

또한 사용자 등록 플러그인이 외부 플러그인과 호환되도록 추가 필드로 양식 필드 매핑을 활성화 할 수 있습니다.

바로 설정 부분입니다. 다시 한 번 업데이트 양식을 클릭하여 모든 변경 사항을 저장하십시오.

5단계: 웹사이트에 등록 양식 게시

마지막으로 사용자가 사이트에서 입력할 수 있도록 HTML 필드가 포함된 등록 양식을 게시할 차례입니다.

사이트에 양식을 임베드하려면 Post/Pages >> Add New 로 이동하십시오.

그런 다음 블록 추가 ( + ) 버튼을 클릭하고 사용자 등록 블록을 검색합니다. 그런 다음 클릭하여 페이지에 추가합니다.

그런 다음 드롭다운 메뉴에서 WordPress 학생 등록 ​​양식을 선택합니다.

상단의 미리보기 버튼을 사용하여 프런트엔드에서 양식이 어떻게 보이는지 확인할 수도 있습니다.

아래는 프런트 엔드에서 양식이 어떻게 보이는지 보여주는 이미지입니다.

마지막으로 양식 모양이 마음에 들면 게시를 누를 수 있습니다.

마지막 생각들!

그게 다야. 기사가 끝났습니다. 추가 콘텐츠를 표시하기 위해 WordPress 등록 양식에 HTML을 추가하는 방법을 배웠기를 바랍니다.

사용자 등록 플러그인 덕분에 등록 양식에 HTML 필드를 추가하는 것이 매우 쉽습니다. 필드를 양식으로 끌어다 놓고 사용자 지정하기만 하면 됩니다.

마찬가지로 등록 양식에 암호 필드 추가, 관리자의 Woo-Commerce 사용자 승인 활성화 등과 같은 기능에 대한 사용자 등록을 탐색할 수 있습니다.

이 강력한 플러그인에 대한 자세한 내용은 블로그에서 확인할 수 있습니다. 쉬운 비디오 자습서를 보려면 YouTube 채널을 구독할 수 있습니다.

플러그인에 대한 질문이 있는 경우 소셜 미디어를 통해 문의하십시오. 우리는 Facebook과 Twitter에서 사용할 수 있습니다.