WordPress에서 개인화된 로그인 및 등록 양식 만들기-Word누르다-php.cn

WordPress에서 개인화된 로그인 및 등록 양식 만들기

WBOY

풀어 주다： 2023-09-04 16:05:05

원래의

1450명이 탐색했습니다.

로그인 페이지는 사용자가 웹사이트에 액세스해야 할 때 처음으로 보게 되는 페이지이므로 아름답고 사용자 친화적이어야 합니다. 지루한 로그인 페이지는 사용자에게 귀하의 웹사이트에 대한 나쁜 인상을 줄 것입니다! 귀하의 브랜드에 맞게 로그인을 사용자 정의하면 사용자에게 더 나은 경험을 제공할 수 있습니다.

이 게시물에서는 CodeCanyon의 UserPro 플러그인을 사용하여 사용자 정의 로그인 및 등록 페이지를 구축하는 방법을 알아봅니다.

맞춤 로그인 및 등록의 장점

향상된 사용자 경험

사용자 정의를 통해 사용자에게 향상된 기능을 제공할 수 있습니다. 사용자는 기본 WordPress 로그인 페이지 대신 웹사이트 테마에 맞는 사용자 정의 로그인 페이지를 선호할 수 있습니다.

사용자 관리

사용자 정의를 통해 새로 생성된 사용자의 모든 측면을 관리할 수 있습니다. 원하는 대로 역할을 할당하고 사용자를 승인하거나 차단할 수 있습니다.

브랜드

브랜드는 모든 비즈니스에서 중요한 측면입니다. 귀하의 비즈니스는 웹사이트의 모든 섹션에서 브랜드를 선보여야 합니다. 사용자 정의 로그인 및 등록 페이지를 사용하면 브랜드를 돋보이게 만들 수 있습니다. 또한 맞춤화는 사용자가 기억할 수 있는 독특한 모양을 만들어냅니다.

안전

사용자 정의 로그인 및 등록을 통해 스팸 발송자와 해커를 제거하기 위한 조치를 추가할 수 있습니다.

UserPro 플러그인 기능

소셜 로그인

대부분의 사람들은 하나 이상의 주요 소셜 네트워크에 계정을 가지고 있습니다. 귀하의 웹사이트에서 소셜 연결을 제공하면 사용자가 네트워크 중 하나에서 자신의 프로필 정보에 대한 액세스 권한을 부여하기만 하면 되고 새 비밀번호를 알아내거나 기억하는 것에 대해 걱정할 필요가 없으므로 가입하기 쉬운 방법이 제공됩니다. 또 다른 장점은 스팸이 적다는 점입니다. 소셜 네트워크에서는 사용자가 다양한 방법으로 신원을 확인해야 하기 때문입니다.

UserPro를 사용하면 Facebook, LinkedIn, Instagram, Twitter 및 Google을 통한 소셜 로그인을 허용할 수 있습니다.

프런트엔드 퍼블리싱 및 사용자 생성 콘텐츠

프런트 엔드 게시를 통해 사용자와 연결하여 웹사이트를 더욱 활성화할 수 있습니다. 사용자가 콘텐츠를 추가, 편집 또는 삭제할 수 있도록 하려면 UserPro를 사용하면 됩니다.

회원가입 기능

UserPro를 사용하면 아름다운 회원 프로필과 향상된 회원 디렉터리, 배지, 업적과 같은 회원 기능을 표시할 수 있습니다. 검색 가능한 회원 목록에서도 회원을 검색할 수 있습니다.

다중 등록 양식

여러 등록 양식을 사용하면 별도의 등록 양식을 만들 수 있습니다. 예를 들어, 구직 게시판은 구직자와 고용주에게 이러한 기능을 제공해야 할 수도 있습니다.

시작하기

먼저 CodeCanyon에서 플러그인을 다운로드하세요. 계정이 없다면 등록 페이지로 가서 계정을 만드세요. 로그인 후 해당 제품 페이지에서 플러그인을 구매하실 수 있습니다.

그러면 파일 링크가 제공되거나 계정의 다운로드 섹션으로 이동하여 zip 파일을 다운로드할 수 있습니다.

지금 WordPress 계정에 로그인하세요. Plugins > 새 플러그인 추가로 이동하여 zip 파일을 업로드하세요. 그런 다음 지금 설치를 클릭하고, 설치가 완료되면 지금 활성화를 클릭하세요. 이제 플러그인 사용을 시작할 수 있습니다.

구성

플러그인을 설치한 후 설정 페이지에서 다음 속성을 구성할 수 있습니다.

在 WordPress 中创建个性化登录和注册表单

등록 페이지 만들기

UserPro에는 등록, 로그인, 프로필, 회원 디렉토리 등과 같은 기본 페이지가 제공됩니다. 일반 설정에서 사용하려는 페이지를 선택하세요.

在 WordPress 中创建个性化登录和注册表单

페이지를 선택한 후 요구 사항에 따라 필드를 추가하거나 제거할 수 있습니다. 모양, 유효성 검사, 프로필 설정 등의 다른 속성도 변경할 수 있습니다.

회원 설정

在 WordPress 中创建个性化登录和注册表单

이 옵션을 사용하면 프런트엔드에서 웹사이트 등록을 비활성화하거나 활성화할 수 있습니다.

누구나 등록할 수 있도록 허용하면 웹사이트에 대한 접근성이 높아지고 사용자 친화적이게 됩니다. 또한 관리자가 사용자에게 역할을 할당할 수도 있습니다.

사용자 승인 설정

在 WordPress 中创建个性化登录和注册表单

대부분의 웹사이트는 신규 사용자에 대해 두 가지 이상의 인증 유형을 사용합니다. 이를 통해 사이트에 액세스하는 악의적인 개인을 차단할 수 있습니다. 사용자 승인 시스템이 있습니다:

사용자 등록을 거부하거나 수락할 수 있습니다
활성화 이메일을 요청하여 신규 사용자의 신원을 확인하세요
스패머를 멀리하세요

아래 표시된 대로 제공된 섹션에 필드를 끌어다 놓으면 사용자 등록 및 로그인 양식을 만들 수 있습니다.

在 WordPress 中创建个性化登录和注册表单

외모와 외모

UserPro를 사용하면 버튼 클릭만으로 아름다운 등록 양식을 추가할 수 있습니다. UserPro는 또한 원하는 경우 더 많은 필드를 추가할 수 있는 유연성을 제공합니다. 따라서 귀하의 비즈니스에 적합한 사용자로부터 올바른 정보를 얻을 수 있습니다.

글꼴, 크기, 모양, 필드 레이아웃, 아이콘 등의 속성을 변경하여 가입 양식을 브랜드와 일관되게 만들 수도 있습니다.

UserPro는 사용자에게 국가, 역할, 사진, 성별, 웹사이트 등 19개 필드를 제공합니다. 실제 사용자를 확인하고 봇이 더 어렵게 만들기 위해 CAPTCHA와 같은 보안 질문을 만들 수도 있습니다.

일부 사용자 정의 후 등록 페이지는 이제 다음과 같습니다:

在 WordPress 中创建个性化登录和注册表单

등록 설정

추가 등록 설정에는 다음이 포함됩니다:

특정 이메일 도메인 등록을 허용 또는 차단
등록 중에 허용되는 특정 역할
등록 후 상태 설정
양식 유효성 검사 및 보안

맞춤 로그인 페이지 만들기

UserPro는 필수 필드인 사용자 이름과 비밀번호가 있는 기본 로그인 페이지를 제공합니다. 등록 페이지와 마찬가지로 필드를 클릭하고 레이블 자리 표시자 및 도움말 텍스트와 같은 속성을 변경할 수 있습니다. 필드나 섹션을 페이지로 끌 수도 있습니다.

로그인 페이지를 만드는 단계는 등록 페이지와 유사합니다.

일반으로 이동하여 제공된 기본 로그인 페이지를 선택하세요.
보다 사용자 친화적으로 만들거나 브랜드에 맞게 모양과 모양을 변경하세요.
귀하의 요구 사항에 따라 로그인 설정을 변경하세요.

在 WordPress 中创建个性化登录和注册表单

한 필드에 적용된 모양 및 모양 설정은 다른 모든 필드에도 자동으로 적용됩니다.

사회 통합

설정 으로 이동하여 통합할 수 있는 소셜 네트워크 목록을 찾을 수 있습니다. 사용자에게 제공할 미디어를 선택하고 소셜 연결을 허용하세요. 소셜 로그인을 활성화하려면 네트워크마다 약간씩 다른 정보가 필요합니다. 예를 들어 Facebook에는 Facebook 앱 ID가 필요하며, 이 ID는 Facebook 개발자 사이트에서 얻을 수 있습니다.

在 WordPress 中创建个性化登录和注册表单

다른 소셜 네트워크에도 비슷한 단계가 필요합니다.

맞춤형 WordPress 페이지

WordPress는 /wp-admin/ 및 wp-login.php라는 두 가지 기본 로그인 URL을 제공하므로 WordPress에 익숙한 사람이라면 누구나 로그인 또는 등록 URL을 찾을 수 있습니다. UserPro를 사용하면 모든 사용자 관련 페이지에 대한 사용자 정의 URL 링크를 만들 수도 있습니다.

설정 페이지 탭으로 이동하여 필요에 따라 고유 링크를 업데이트하세요.

在 WordPress 中创建个性化登录和注册表单