목차
맞춤 로그인 및 등록의 장점
향상된 사용자 경험
사용자 관리
브랜드
안전
UserPro 플러그인 기능
소셜 로그인
프런트엔드 퍼블리싱 및 사용자 생성 콘텐츠
회원가입 기능
다중 등록 양식
시작하기
구성
등록 페이지 만들기
회원 설정
사용자 승인 설정
외모와 외모
등록 설정
맞춤 로그인 페이지 만들기
사회 통합
맞춤형 WordPress 페이지
맞춤형 이메일 알림
결론
CMS 튜토리얼 Word누르다 WordPress에서 개인화된 로그인 및 등록 양식 만들기

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

Sep 04, 2023 pm 04:05 PM

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

이 게시물에서는 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 中创建个性化登录和注册表单

맞춤형 이메일 알림

맞춤 설정 가능한 모든 이메일 목록을 보려면 이메일 알림 탭을 클릭하세요.

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

이 섹션에서는 이메일 알림을 사용자 정의할 수 있습니다. 간단히 메시지 유형을 선택하면 보내는 이메일을 맞춤 설정할 수 있습니다.

  • 신규 사용자 등록
  • 신규 사용자 인증
  • 환영 이메일
  • 비밀번호 재설정
  • 비밀번호 변경
  • 계정 상태 변경
  • 더 있습니다

결론

로그인 및 등록 페이지를 사용자 정의하는 것은 쉽고 비즈니스에 큰 시간을 투자할 수 있는 중요한 투자입니다. 또한 귀하의 비즈니스를 다음 단계로 발전시키는 데 필요한 필수 고객 정보를 얻을 수도 있습니다.

위 내용은 WordPress에서 개인화된 로그인 및 등록 양식 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

WordPress 개발을위한 5 가지 최고의 IDE (및 이유) WordPress 개발을위한 5 가지 최고의 IDE (및 이유) Mar 03, 2025 am 10:53 AM

WordPress 개발을위한 올바른 통합 개발 환경 (IDE) 선택 10 년 동안 WordPress 개발을위한 수많은 통합 개발 환경 (IDES)을 탐색했습니다. 깎아 지른 품종 - 무료, 기본, 기본에 이르기까지 FEA

OOP 기술로 WordPress 플러그인을 만듭니다 OOP 기술로 WordPress 플러그인을 만듭니다 Mar 06, 2025 am 10:30 AM

이 튜토리얼은 Dribbble API를 활용하여 OP (Object-Oriented Programming) 원리를 사용하여 WordPress 플러그인을 구축하는 것을 보여줍니다. 원래의 의미와 구조를 보존하면서 명확성과 간결함을 위해 텍스트를 개선합시다. Object-Ori

WordPress에서 PHP 데이터 및 문자열을 JavaScript로 전달하는 방법 WordPress에서 PHP 데이터 및 문자열을 JavaScript로 전달하는 방법 Mar 07, 2025 am 09:28 AM

PHP 데이터를 JavaScript로 전달하기위한 모범 사례 : WP_LOCILATE_SCRIPT 및 WP_ADD_INLINE_SCRIPT의 비교 PHP 파일에 정적 문자열 내에 데이터를 저장하는 것은 권장되는 연습입니다. 이 데이터가 JavaScript 코드에 필요한 경우 Incorporat

WordPress 플러그인으로 PDF 파일을 포함시키고 보호하는 방법 WordPress 플러그인으로 PDF 파일을 포함시키고 보호하는 방법 Mar 09, 2025 am 11:08 AM

이 안내서는 WordPress PDF 플러그인을 사용하여 WordPress 게시물 및 페이지에 PDF 파일을 포함시키고 보호하는 방법을 보여줍니다. PDF는 카탈로그에서 프레젠테이션에 이르기까지 다양한 컨텐츠에 대한 사용자 친화적이고 보편적으로 액세스 할 수있는 형식을 제공합니다. 이 방법은 ENS입니다

See all articles