워드프레스의 회원가입 및 로그인 폼, 프로필과 소셜로그인과 관련한 플러그인으로 손꼽히는 것이 USERPRO 입니다.

USERPRO는 회원가입부터 로그인 후까지 사용자들로 하여금 Back-end화면(관리자 대쉬보드)을 보이지 않게 일관된 프론트엔드 환경을 제공합니다.

아래의 링크를 눌러 유저프로(UserPro)의 기능들을 먼저 살펴보세요.

관련글

• 워드프레스로 커뮤니티 사이트 구축을 위한 테마 및 플러그인
• 워드프레스 커뮤니티 사이트 제작시 추천. 회원가입, 프로필, 타임라인(활동 스트림) 올인원 플러그인 PeepSo

플러그인 활성화

설치를 마친후 처음 UserPro의 메뉴에 들어가게 되면 아래와 같은 메세지가 나옵니다. Purchase code here 또는 메뉴바의 Licencing 탭을 선택합니다.
구매코드(Purchase Code)는 테마포레스트에 로그인후 내계정의 Download에서 찾으실 수 있습니다. TXT 또는 PDF 파일중 편하신걸 선택하세요.

Setting

Module Setting

• Social Feature : 회원 프로필에 Follow 버튼이 활성화 됩니다. 기능은 트위터의 그것과 동일합니다. 사이트 내에 다수의 Author가 있거나 커뮤니티 사이트의 경우 특정회원의 담벼락 글을 구독할 수 있습니다.
• Online/Offline Status : 사이트 회원들의 온라인 / 오프라인 상태를 표시
• Show Offline Icon : 오프라인 아이콘 표시
• Hide Administrators from Online Users : 관리자의 온라인 상태를 숨깁니다.

Compatibility Setting

• Profile Pictures Fix : 프로필 사진 표시가 제대로 되지 않을 경우 옵션을 바꾸어 봅니다.
• Disable Activity Log : 문제가 없을 경우 기본값인 No로 놔둡니다.
• Allow Dash for Display Names : 옵션중에 Display Names가 여러번 나옵니다. UserPro는 실명과 Display Name(닉네임, 표시이름)을 선택하여 표시 할 수 있는데 표시이름에 “- (대쉬)”의 사용을 허용 할 것인지를 선택합니다.
• Path Compatibility : 회원 프로필의 Permalink와 관련된 옵션입니다. CDN을 사용중이거나 섬네일 표시에 문제가 있을 경우 옵션을 바꿔보시기 바랍니다. 기본값 Use Relative URIs
• External Profile Pictures : 프로필 사진을 업로드를 통해 내 서버에 올릴지, 외부링크를 통해 표시 하게 할지를 선택합니다.

General

• Activate RTL Stylesheet : 글자표시를 오른쪽에서 왼쪽으로 하게 할 경우 이 옵션을 켜줍니다.
• Membership : 회원가입 기능을 켜고 끕니다.
• New User Approval : 신규회원의 자동승인, 이메일 인증, 관리자의 수동승인.
• Profile Permalink Structure : 프로필 페이지의 퍼머링크 형식을 선택합니다. User ID, User Name, Full Name, Display Name. ID는 보통 다른 사이트들도 같은것을 사용하고 있을테니 노출이 꺼려지는 것이 사실입니다. 이러한 회원들을 배려하여 Display Name으로 선택하였습니다.
• User Display Name Field : 이름표시 형식을 Display Name 으로 할 지 Full Name 으로 할 지를 선택합니다.
• Date format : 날짜표시형식.
• Replace Display Name with custom field : 표시이름을 원하는 다른 항목으로 대치할 수 있습니다. Custom Filed는 Fields 탭에서 생성 할 수 있습니다.
• Fields to hide completely from profile view : 프로필 조회 화면에서 숨기고 싶은 항목의 필드값을 입력합니다.
• Unverify Verified accounts automatically if they change display name : 커뮤니티 안에서 이름을 변경해 가며 문제를 일으키는 회원이 있을 수 있습니다. Display Name 변경시 승인된 계정의 인증을 자동으로 해제합니다.
• Display verified account badge beside name : 인증된 계정에는 이름옆에 뱃지를 표시함으로서 회원들이 믿고 커뮤니케이션을 할 수 있도록 합니다.
• Verified Badge Link : 인증 뱃지의 이미지의 주소를 입력합니다. 빈칸으로 두셔도 무방합니다.
• User Roles that can publish immediately : 이메일인증이나 관리자의 승인이 없어도 가입후 즉시 글을 작성할 수 있는 “역할”을 입력합니다. 예 : Author
• Photo Lightbox : 이미지의 Lightbox 표시를 켜고 끕니다.
• Maximum file size for uploads : 업로드 가능한 파일 사이즈를 제한합니다. 서버의 설정한도 내에서 입력해 주시면 됩니다.
• Keep aspect ratio : 프로필 사진의 비율 유지를 강제합니다. 켜두시는게 보기에 좋겠죠.

Appearance and Look

• Use a Google Web Font : 구글 웹폰트를 설정합니다. 폰트 이름 입력해 주시면 됩니다.
• Use an installed font : 사이트의 기본 폰트를 사용시 입력해 줍니다. 테마에서 사용중인 폰트명을 입력해주시면 됩니다.
• Plugin Default Width : 사진의 폭 넓이를 픽셀 또는 %로 입력해 줍니다. 추후에 숏코드를 통해서 개별적으로 변경 가능합니다.
• Default Skin : 스킨을 선택합니다. elegant, blue, dark, pure가 있습니다.
• Thumbnail Style : 썸네일의 스타일을 변경합니다. 둥근, 둥근 모서리, 사각형
• Profile Photo Lightbox : 프로필 사진을 클릭시 Lightbox 표시를 할 것인지를 선택합니다.
• Fields Layout : Float 와 Block 스타일이 있습니다. 회원가입폼을 놓고 확인해보시면 차이를 바로 알 수 있습니다.
• Hide Top Bar from Non-Admins : 관리자가 아닌 사용자에게는 Top Bar를 숨깁니다.
• Light Heading Option : 뭔지 모르니 그냥 기본값으로 놔뒀습니다.

Form Validation & Security

• Blocked Usernames / Addresses : 차단할 사용자의 Username 또는 이메일을 입력합니다. 한줄에 하나씩 입력.
• Maximum Field Length Validation : 필드의 길이를 제한합니다.
• Number of characters allowed : 위 옵션을 Yes로 한 경우. 제한할 글자수를 입력합니다.
• Fields that need to be validated for maximum length : 글자수 제한을 할 항목의 필드명을 입력합니다.
• Fields that need to be validated as a phone number : 전화번호로 유효성을 검사할 시에 전화번호의 필드명을 입력해줍니다.
• Phone Number Regular Expression : 알수 없는 형식의 문자가 기본값으로 입력되어 있습니다. 모르면 건들지말라고 써있네요 ;;

Profile Settings

• Allow guests to view other profiles : 비회원에게 회원들의 프로필 열람을 가능하게 할 것인지를 선택합니다.
• Allow members to view other member profiles : 회원들끼리 다른회원의 프로필 열람을 허용 할 것인지를 선택합니다.
• Roles that can view other profiles : 다른 사람의 프로필을 볼 수 있는 역할을 지정하려면 입력하세요.
• Allow users to request verified status : 프로필에 승인요청 버튼을 표시합니다. 회원가입후 자동승인을 해두지 않으신 분들이나 Display Name 변경시 인증해제 옵션을 켜두신분은 꼭 이 옵션을 켜두시는게 좋겠습니다.
• Allow users to delete their profiles : 프로필삭제(회원탈퇴) 버튼을 달아놀지를 선택합니다. 우리는 가입해지 등의 절차는 최대한 복잡하게 하라고 배웠습니다.
• Use default gravatars until users upload a custom avatar for this site : 아바타 사진을 업로드 하기 전까지 Gravatar를 표시하게 할지를 선택합니다.
• Allow admins to set custom notice on user accounts : 관리자가 사용자 계정에 알림을 허용할 것인지를 선택하라는데 알림메세지는 어디서 보내는지 모르겠습니다. 일단 Yes로 선택.
• Show custom user notice to the logged-in user : 로그인한 회원에게 알림을 표시할지를 선택.
• Display User Country Flag in Profile : 프로필에 사용자의 국가를 표시할지 선택합니다.
• Display User Country Flag in Badges : 뱃지에 사용자의 국가를 표시할지를 선택합니다.

Redirection & Backend Settings

• Panic Key Setting : Backend 숨김을 실행중에 사이트가 먹통이 되어 관리자 화면에 접속할 수 없을 때 사용됩니다. 만일을 위해 메모해 둡니다. 메모해두지 않고 문제가 생길시 FTP접속 후 플러그인을 삭제합니다.
• Enable these roles to view the WP-admin (backend) : 관리자화면에 접속할 수 있는 권한을 가진 역할을 입력해줍니다.
• Make Users Backend link to frontend profiles : 회원들로 하여금 워드프레스의 Backend 화면을 숨깁니다. Yes를 선택시 UserPro의 프로필 편집화면으로 자동으로 리다이렉트 됩니다.
• Redirect Author Archive to UserPro Profile Automatically : 글 작성자를 누를시 프로필로 리다이렉트 됩니다.
• Redirect backend to front-end : 사용자들에게는 모든 Backend 화면 대신 Frontend 화면을 보여주는 것이 좋겠죠. 다 켜줍니다.
• Redirect backend profile to front-end : 켬
• Redirect backend registration to front-end : 켬
• Redirect backend login to front-end : 켬

Login Settings

• Show logout If user is logged in already : 로그인한 사용자들에게는 로그아웃을 출력합니다.
• After a successful login : 로그인 성공후 프로필페이지로 리다이렉트 할지 현재 페이지를 계속 보여줄지 선택합니다.
• Redirect admins to dashboard always : 관리자는 로그인후 관리자화면으로 리다이렉트.

Registration Settings

• Show logout If user is logged in already : 로그인한 사용자들에게 회원가입 글자 대신 로그아웃을 출력합니다.
• Auto-Login users after registration : 회원가입후 자동으로 로그인되게 합니다.
• After a successful registration : 회원가입 후 프로필 편집화면으로 리다이렉트 합니다.
• Default Role for New Users : 회원가입시의 기본 권한을 설정합니다. 구독자로 해놓는게 좋겠죠.
• Allowed Roles during Registration : 회원가입이 진행중인동안의 권한을 설정합니다.
• Allow Terms & Conditions Text Before Registration : 가입신청 완료 전에 이용약관에 동의하게 합니다.
• Terms & Conditions Text/HTML : 이용약관의 내용을 입력합니다.

Logout Page Settings & Password Settings

• After User Logout : 로그아웃후 리다이렉트 될 페이지를 선택합니다. 로그인화면, 메인화면, 사용자정의
• Custom Logout Redirect : 사용자정의로 선택했을시 이동할 페이지의 URL을 입력합니다.
• Allow password to be reset for Admin Accounts : 관리자 계정의 패스워드 초기화를 허용합니다.

Social Login Settings & Integration

SNS계정으로 회원가입 및 로그인을 활성화 하기 위한 설정입니다. 추후 별도로 설명드릴게요.

BuddyPress Compatibility

• Sync UserPro profile links with BuddyPress : 버디프레스의 프로필과 UserPro 프로필을 연동합니다.
• Sync UserPro avatars with BuddyPress : 버디프레스의 아바타와 UserPro의 아바타를 연동합니다.
• Sync UserPro display name with BuddyPress : 버디프레스와 UserPro의 사용자이름을 연동합니다.
• Envato Settings : 플러그인 자동 업데이트를 위해 Envato API Key와 아이디를 입력합니다.

출처

https://webnote.pe.kr/cms