WordPress 비밀번호 재설정 양식을 사용자 정의하는 방법

게시 됨: 2022-05-16

나만의 WordPress 비밀번호 재설정 양식을 만들고 싶으십니까?

사용자 지정 암호 재설정 양식을 만들면 이러한 사용자 페이지를 웹 사이트 테마와 일치하도록 사용자 지정하고 로고를 표시하며 추가 콘텐츠를 제공함으로써 보다 강력한 사용자 경험을 제공할 수 있습니다. 전자 상거래 회사 또는 회원 사이트를 운영하는 경우 웹 사이트 전체에 일관된 브랜딩을 유지하는 것이 특히 중요합니다.

내 WordPress 비밀번호를 어떻게 재설정합니까?

WordPress에서 분실한 비밀번호 링크를 사용하여 WordPress 비밀번호를 재설정할 수 있습니다. 클릭하면 비밀번호를 재설정할 수 있는 링크가 포함된 이메일이 전송됩니다.

더 나은 사용자 경험을 위해 사용자 정의 비밀번호 재설정 양식을 사용하여 양식의 모양과 이메일 알림의 내용을 조정할 수 있습니다. 사용자 지정 암호 재설정 양식을 만들고 사용자를 페이지로 보내고 쉽게 암호를 재설정할 수 있도록 하는 방법을 보여 드리겠습니다.

WordPress에서 비밀번호 재설정 양식을 만드는 방법

사용자 정의 비밀번호 재설정 양식을 만들려면 WPForms의 프리미엄 버전에 가입해야 합니다. Pro 라이선스에는 웹 사이트에 대한 사용자 지정 암호 재설정, 사용자 등록 및 로그인 양식을 만들 수 있는 사용자 등록 애드온이 포함되어 있습니다.

이 기사에서

  • 1. WPForms 설치
  • 2. 사용자 등록 애드온 설치
  • 3. 양식 템플릿 선택 및 게시
  • 4. 코드 조각 설치 및 사용
  • 5. 로그인 양식에 비밀번호 재설정 링크 추가
  • 6. 최종 형태 테스트
  • 7. 스팸 비밀번호 재설정 요청 중지

시작하자!

WPForms는 최고의 WordPress Form Builder 플러그인입니다. 무료로 받으세요!

1. WPForms 설치

먼저 WPForms 계정에 로그인합니다. 로그인한 후 다운로드 탭을 클릭합니다.

화살표 강조 표시 WPForms 다운로드 탭

사용 가능한 모든 라이선스가 있는 페이지입니다. 플러그인을 다운로드하려면 프로 라이선스 옆에 있는 WPForms 다운로드 버튼을 클릭하세요. 이렇게 하면 WPForms 플러그인의 압축 파일이 컴퓨터에 저장됩니다.

WPForms 다운로드 버튼

zip 파일을 다운로드한 후 WPForms를 설치하려는 WordPress 사이트로 이동합니다. 그런 다음 관리 대시보드에서 플러그인 » 새로 추가 를 클릭한 다음 플러그인 업로드 버튼을 클릭합니다.

WordPress의 플러그인 업로드 버튼

여기에서 파일 선택 버튼을 클릭하고 방금 다운로드한 WPForms zip 파일을 선택합니다.

파일 선택 버튼을 가리키는 빨간색 화살표

파일을 업로드한 후 지금 설치 버튼을 클릭합니다.

지금 설치

플러그인이 설치되면 플러그인 활성화 버튼을 클릭하여 사이트에서 WPForms를 활성화하십시오.

'플러그인 활성화' 버튼을 가리키는 빨간색 화살표

플러그인을 활성화한 후 자동 업데이트 및 플러그인 지원을 받으려면 WPForms 라이센스 키를 확인하십시오. 라이선스 키를 추가하면 WordPress 대시보드 내부에서 WPForms 애드온을 쉽게 설치하고 활성화할 수도 있습니다.

2. 사용자 등록 애드온 설치

이제 비밀번호 재설정 양식을 만드는 데 필요한 애드온을 설치하겠습니다.

WordPress 관리 영역에서 WPForms » Addons 로 이동합니다.

WPForms 애드온

라이선스 수준에 대한 애드온이 표시되지 않으면 애드온 새로 고침 버튼을 클릭하여 강제로 새로 고칩니다.

주황색 '추가 기능 새로 고침' 버튼을 가리키는 빨간색 화살표

사용자 등록 애드온을 검색하려면 페이지 오른쪽 상단 모서리에 있는 검색 애드온 필드에 이름을 입력합니다.

WPForms의 '검색 애드온' 필드를 강조하는 화살표

찾았으면 Addon 설치 버튼을 클릭하기만 하면 됩니다.

애드온 설치 버튼을 가리키는 빨간색 화살표

그러면 애드온이 자동으로 설치되고 활성화됩니다. 설치되어 사용할 준비가 된 모든 애드온은 상태: 활성 으로 표시됩니다.

사용 등록 플러그인이 활성화되었음을 나타내는 빨간색 화살표

3. 양식 템플릿 선택 및 게시

비밀번호 재설정 양식을 만들려면 WPForms » 새로 추가 로 이동하십시오. 템플릿 라이브러리에서 "비밀번호 재설정"을 검색한 다음 사용자 비밀번호 재설정 양식 옵션 위에 마우스를 놓고 템플릿 사용 을 클릭합니다.

'템플릿 사용' 버튼 강조 표시

그런 다음 원하는 만큼 필드를 추가하거나 제거하여 비밀번호 재설정 양식을 사용자 정의할 수 있습니다. 가능한 한 간단하게 유지하는 것이 좋습니다. 양식 사용자 정의가 완료되면 비밀번호 재설정 페이지에 양식을 포함해야 합니다.

먼저 양식 편집기의 오른쪽 상단에서 저장 버튼을 클릭합니다.

양식을 저장하는 저장 버튼

양식이 저장되면 옆에 있는 포함 버튼을 클릭합니다.

양식 버튼 삽입

이 페이지는 새 비밀번호 재설정 페이지이므로 새 페이지 만들기를 선택하겠습니다.

양식을 포함할 새 페이지 만들기

나중에 쉽게 찾을 수 있도록 페이지 이름을 비밀번호 재설정 페이지와 같은 이름으로 지정합니다. 이제 양식이 새 페이지에 포함됩니다.

이 다음 단계는 매우 중요합니다.

URL 이름을 올바르게 지정했는지 확인해야 하므로 슬러그의 이름을 업데이트하겠습니다.

이렇게 하려면 WordPress 관리 대시보드로 이동하여 페이지 » 모든 페이지 를 클릭합니다. 새 페이지를 찾아 빠른 편집 을 클릭합니다. 이제 다음이 표시됩니다.

슬러그로 lostpassword가 있는 빠른 편집 상자

Slug 옆의 섹션에 lostpassword (한 단어)가 기록되어 있는지 확인합니다. 이것은 모든 것을 함께 연결할 것입니다. 이렇게 하면 예를 들어 페이지의 최종 URL이 www.example.com/lostpassword와 같이 표시됩니다.

이제 코드 조각을 추가할 준비가 되었습니다.

4. 코드 조각 설치 및 사용

사용자를 새 비밀번호 재설정 페이지로 보내려면 맞춤 코드 스니펫을 사용하여 리디렉션을 설정해야 합니다. 걱정하지 마세요. 생각보다 쉽습니다.

먼저 무료 Code Snippets WordPress 플러그인을 설치합니다. WordPress 대시보드에서 플러그인 » 새로 추가 로 이동합니다.

새 WordPress 플러그인 추가

거기에서 코드 조각을 검색하고 지금 설치 를 클릭합니다.

코드 조각 플러그인

활성화 를 클릭했다면 이제 코드를 추가할 차례입니다. WordPress 대시보드에서 Snippets » Add New 를 클릭합니다.

새 코드 조각 추가 버튼

스니펫의 제목을 지정한 후(새 비밀번호 재설정 페이지로 이동) 다음 코드를 복사하여 필드에 붙여넣습니다.

 add_filter( 'lostpassword_url', 'my_lost_password_page', 10, 2 );
function my_lost_password_page( $lostpassword_url, $redirect ) {
return home_url( '/lostpassword/?redirect_to=' . $redirect );
} 

중요: 코드는 4줄 길이여야 합니다. 또한 기본 '모든 곳에서 스니펫 실행' 옵션을 선택한 상태로 유지하는 것이 좋습니다.

그런 다음 아래로 스크롤하여 변경 사항 저장 및 활성화 버튼을 클릭합니다. 참고: 설명과 태그를 추가할 수도 있지만 필수는 아닙니다.

5. 로그인 양식에 비밀번호 재설정 링크 추가

이 작업이 완료되었는지 확인해야 하는 이유는 사람들이 비밀번호를 재설정할 수 있는 옵션이 있기 때문입니다. 아직 만들지 않았다면 템플릿을 사용하여 빠르게 로그인 양식을 만드십시오.

다음으로 로그인 양식에 비밀번호 분실 링크를 추가합니다. 이를 위해 비밀번호 필드를 사용자 정의합니다.

필드 바로 아래에 표시되도록 여기 설명에 링크를 추가하겠습니다. 링크에 {url_lost_password} 스마트 태그를 사용할 수 있습니다.

시작하려면 암호 필드를 클릭하십시오. 설명에 다음을 붙여넣습니다.

Forgotten your password? <a href={url_lost_password} >Click here</a> to reset it.

맞춤 비밀번호 분실 링크

이제 양식에 '비밀번호를 잊으셨습니까? 재설정하려면 여기를 클릭하십시오' 링크.

6. 최종 형태 테스트

이제 모든 것이 제대로 작동하는지 확인하고 싶습니다. 이 단계에서는 두 가지 형식의 두 페이지가 있습니다.

  • 양식에 '비밀번호 찾기 링크'가 있는 사용자 로그인 페이지
  • '비밀번호 재설정' 양식이 있는 새로운 비밀번호 재설정 링크 페이지

모든 것이 제대로 작동하는지 확인하려면 사용자 로그인 페이지로 이동하십시오. 비밀번호 재설정 링크를 클릭합니다.

사용자 로그인 테스트 페이지 비밀번호 재설정 링크

그러면 새로운 비밀번호 재설정 페이지로 리디렉션됩니다(www.yourwebsite.com/lostpassword는 URL이 됨). 그렇지 않은 경우 이전 단계를 주의 깊게 반복하고 두 가지 중요한 단계를 따랐는지 확인하십시오.

  • 코드 스니펫은 4단계에서 설명한 대로 정확하게 복사되었습니다.
  • 비밀번호 재설정 페이지에 슬러그로 lostpassword 가 있습니다.

7. 스팸 비밀번호 재설정 요청 중지

마지막으로 스팸 비밀번호 재설정 요청을 방지합니다. 지속적인 비밀번호 재설정 요청은 웹사이트 보안 위험이 될 수 있으며 누군가가 귀하의 웹사이트에 침입하려고 하거나 비밀번호를 피싱하려는 사람을 나타낼 수 있습니다. 어쨌든 짜증난다.

이러한 스팸봇을 중지하기 위해 WordPress에서 무단 비밀번호 재설정을 방지하고 이러한 스팸 요청을 제거하기 위한 가이드에 따라 사이트 및 로그인 페이지에 대한 액세스를 제한할 수 있습니다!

다음으로 비밀번호 재설정 페이지 사용자 정의

비밀번호 재설정 양식을 새 페이지에 삽입한 후 브랜드화하고 싶을 것입니다.

왜요? 비밀번호 재설정 양식과 페이지에 브랜드를 지정하면 고객에게 귀하가 합법적인 회사라는 개념을 확고히 하고 브랜드의 전반적인 신뢰도를 높일 수 있습니다.

WordPress에서 양식 페이지를 만들고 사용자 지정하는 방법에 대한 전체 가이드를 따르십시오.

지금 WordPress 양식 만들기

양식을 작성할 준비가 되셨습니까? 사용자 등록 애드온, 많은 무료 템플릿 및 14일 환불 보장이 포함되어 있으므로 WPForms Pro에 등록하는 것을 잊지 마십시오.

이 기사가 도움이 되었다면 Facebook과 Twitter에서 우리를 팔로우하여 무료 WordPress 튜토리얼과 가이드를 더 많이 받으세요.