로그인 페이지는 사용자가 웹사이트에 액세스해야 할 때 처음으로 보게 되는 페이지이므로 아름답고 사용자 친화적이어야 합니다. 지루한 로그인 페이지는 사용자에게 귀하의 웹사이트에 대한 나쁜 인상을 줄 것입니다! 귀하의 브랜드에 맞게 로그인을 사용자 정의하면 사용자에게 더 나은 경험을 제공할 수 있습니다.
이 게시물에서는 CodeCanyon의 UserPro 플러그인을 사용하여 사용자 정의 로그인 및 등록 페이지를 구축하는 방법을 알아봅니다.
사용자 정의를 통해 사용자에게 향상된 기능을 제공할 수 있습니다. 사용자는 기본 WordPress 로그인 페이지 대신 웹사이트 테마에 맞는 사용자 정의 로그인 페이지를 선호할 수 있습니다.
사용자 정의를 통해 새로 생성된 사용자의 모든 측면을 관리할 수 있습니다. 원하는 대로 역할을 할당하고 사용자를 승인하거나 차단할 수 있습니다.
브랜드는 모든 비즈니스에서 중요한 측면입니다. 귀하의 비즈니스는 웹사이트의 모든 섹션에서 브랜드를 선보여야 합니다. 사용자 정의 로그인 및 등록 페이지를 사용하면 브랜드를 돋보이게 만들 수 있습니다. 또한 맞춤화는 사용자가 기억할 수 있는 독특한 모양을 만들어냅니다.
사용자 정의 로그인 및 등록을 통해 스팸 발송자와 해커를 제거하기 위한 조치를 추가할 수 있습니다.
대부분의 사람들은 하나 이상의 주요 소셜 네트워크에 계정을 가지고 있습니다. 귀하의 웹사이트에서 소셜 연결을 제공하면 사용자가 네트워크 중 하나에서 자신의 프로필 정보에 대한 액세스 권한을 부여하기만 하면 되고 새 비밀번호를 알아내거나 기억하는 것에 대해 걱정할 필요가 없으므로 가입하기 쉬운 방법이 제공됩니다. 또 다른 장점은 스팸이 적다는 점입니다. 소셜 네트워크에서는 사용자가 다양한 방법으로 신원을 확인해야 하기 때문입니다.
UserPro를 사용하면 Facebook, LinkedIn, Instagram, Twitter 및 Google을 통한 소셜 로그인을 허용할 수 있습니다.
프런트 엔드 게시를 통해 사용자와 연결하여 웹사이트를 더욱 활성화할 수 있습니다. 사용자가 콘텐츠를 추가, 편집 또는 삭제할 수 있도록 하려면 UserPro를 사용하면 됩니다.
UserPro를 사용하면 아름다운 회원 프로필과 향상된 회원 디렉터리, 배지, 업적과 같은 회원 기능을 표시할 수 있습니다. 검색 가능한 회원 목록에서도 회원을 검색할 수 있습니다.
여러 등록 양식을 사용하면 별도의 등록 양식을 만들 수 있습니다. 예를 들어, 구직 게시판은 구직자와 고용주에게 이러한 기능을 제공해야 할 수도 있습니다.
먼저 CodeCanyon에서 플러그인을 다운로드하세요. 계정이 없다면 등록 페이지로 가서 계정을 만드세요. 로그인 후 해당 제품 페이지에서 플러그인을 구매하실 수 있습니다.
그러면 파일 링크가 제공되거나 계정의 다운로드 섹션으로 이동하여 zip 파일을 다운로드할 수 있습니다.
지금 WordPress 계정에 로그인하세요. Plugins > 새 플러그인 추가로 이동하여 zip 파일을 업로드하세요. 그런 다음 지금 설치를 클릭하고, 설치가 완료되면 지금 활성화를 클릭하세요. 이제 플러그인 사용을 시작할 수 있습니다.
플러그인을 설치한 후 설정 페이지에서 다음 속성을 구성할 수 있습니다.
UserPro에는 등록, 로그인, 프로필, 회원 디렉토리 등과 같은 기본 페이지가 제공됩니다. 일반 설정에서 사용하려는 페이지를 선택하세요.
페이지를 선택한 후 요구 사항에 따라 필드를 추가하거나 제거할 수 있습니다. 모양, 유효성 검사, 프로필 설정 등의 다른 속성도 변경할 수 있습니다.
이 옵션을 사용하면 프런트엔드에서 웹사이트 등록을 비활성화하거나 활성화할 수 있습니다.
누구나 등록할 수 있도록 허용하면 웹사이트에 대한 접근성이 높아지고 사용자 친화적이게 됩니다. 또한 관리자가 사용자에게 역할을 할당할 수도 있습니다.
대부분의 웹사이트는 신규 사용자에 대해 두 가지 이상의 인증 유형을 사용합니다. 이를 통해 사이트에 액세스하는 악의적인 개인을 차단할 수 있습니다. 사용자 승인 시스템이 있습니다:
아래 표시된 대로 제공된 섹션에 필드를 끌어다 놓으면 사용자 등록 및 로그인 양식을 만들 수 있습니다.
UserPro를 사용하면 버튼 클릭만으로 아름다운 등록 양식을 추가할 수 있습니다. UserPro는 또한 원하는 경우 더 많은 필드를 추가할 수 있는 유연성을 제공합니다. 따라서 귀하의 비즈니스에 적합한 사용자로부터 올바른 정보를 얻을 수 있습니다.
글꼴, 크기, 모양, 필드 레이아웃, 아이콘 등의 속성을 변경하여 가입 양식을 브랜드와 일관되게 만들 수도 있습니다.
UserPro는 사용자에게 국가, 역할, 사진, 성별, 웹사이트 등 19개 필드를 제공합니다. 실제 사용자를 확인하고 봇이 더 어렵게 만들기 위해 CAPTCHA와 같은 보안 질문을 만들 수도 있습니다.
일부 사용자 정의 후 등록 페이지는 이제 다음과 같습니다:
추가 등록 설정에는 다음이 포함됩니다:
UserPro는 필수 필드인 사용자 이름과 비밀번호가 있는 기본 로그인 페이지를 제공합니다. 등록 페이지와 마찬가지로 필드를 클릭하고 레이블 자리 표시자 및 도움말 텍스트와 같은 속성을 변경할 수 있습니다. 필드나 섹션을 페이지로 끌 수도 있습니다.
로그인 페이지를 만드는 단계는 등록 페이지와 유사합니다.
한 필드에 적용된 모양 및 모양 설정은 다른 모든 필드에도 자동으로 적용됩니다.
설정 으로 이동하여 통합할 수 있는 소셜 네트워크 목록을 찾을 수 있습니다. 사용자에게 제공할 미디어를 선택하고 소셜 연결을 허용하세요. 소셜 로그인을 활성화하려면 네트워크마다 약간씩 다른 정보가 필요합니다. 예를 들어 Facebook에는 Facebook 앱 ID가 필요하며, 이 ID는 Facebook 개발자 사이트에서 얻을 수 있습니다.
다른 소셜 네트워크에도 비슷한 단계가 필요합니다.
WordPress는 /wp-admin/ 및 wp-login.php라는 두 가지 기본 로그인 URL을 제공하므로 WordPress에 익숙한 사람이라면 누구나 로그인 또는 등록 URL을 찾을 수 있습니다. UserPro를 사용하면 모든 사용자 관련 페이지에 대한 사용자 정의 URL 링크를 만들 수도 있습니다.
설정 페이지 탭으로 이동하여 필요에 따라 고유 링크를 업데이트하세요.
맞춤 설정 가능한 모든 이메일 목록을 보려면 이메일 알림 탭을 클릭하세요.
이 섹션에서는 이메일 알림을 사용자 정의할 수 있습니다. 간단히 메시지 유형을 선택하면 보내는 이메일을 맞춤 설정할 수 있습니다.
로그인 및 등록 페이지를 사용자 정의하는 것은 쉽고 비즈니스에 큰 시간을 투자할 수 있는 중요한 투자입니다. 또한 귀하의 비즈니스를 다음 단계로 발전시키는 데 필요한 필수 고객 정보를 얻을 수도 있습니다.
위 내용은 WordPress에서 개인화된 로그인 및 등록 양식 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
