Wptobe-signinup

유저 가이드

사용자 가이드

event_note 소개
Wptobe-signinup은 워드프레스 기반 웹사이트에서 회원 관리를 위한 플러그인이다. 회원가입,로그인 및 회원관리에 필요한 다양한 기능을 가지고 있으며 드래그앤 드랍을 통한 위치 및 순서 변경,타이틀 수정, 빠른 로딩 속도,스팸방지,손쉬운 스킨변경,테마별 스킨제작 등이 가능하다.
주요 기능
  • 로그인
    • 각 필드 ON/OFF 기능
    • 각 필드 타이틀 수정
    • 드래그인 드랍으로 필드 순서 변경
    • 이메일 로그인 기능
    • 스팸유저 로그인 방지용 캡챠 기능
    • 비밀번호 초기화 페이지 링크
    • 로그인 후 페이지를 이동시켜주는 리다이렉션 기능
  • 비밀번호 리셋
    • 새로운 비밀번호를 등록된 메일로 전송
    • 등록한 메일 주소를 몰라도 아이디만 알고 있어도 가능
    • 드래그인 드랍으로 필드 순서 변경
    • 각 필드 타이틀 수정
    • 전송할 메일 내용 수정 기능
  • 회원가입
    • 각 필드 ON/OFF 기능
    • 각 필드 타이틀 수정
    • 드래그인 드랍으로 필드 순서 변경
    • 스팸유저 등록 방지용 캡챠 기능
    • 패스워드를 두번 입력하여 확인하는 기능
    • 회원가입 후 페이지를 이동시켜주는 리다이렉션 기능
  • 프로파일
    • 계정정보 수정
    • 비밀번호 변경
  • 언어
    • 한국어
    • English
    • 日本語
  • 스킨
    • 스킨 선택박스 제공
    • 테마별 스킨제작 가능
    • 스킨 판매 가능
    • 로그인/회원가입/프로파일 페이지를 스킨별 독립적인 Html/CSS 생성 기능
  • 알림 메시지
    • 회원가입/로그인/비밀번호 리셋 알림 메시지 수정
  • 초기화
    • 처음 설치된 상태로 되돌릴 플러그인을 초기화 버튼 제공
    • 초기화를 수행하는 시점에 워드프레스에서 설정된 언어로 초기화
워드프레스 공식 사이트에서 다운로드 할 수 있습니다.
apps 설치
워드프레스 설치 서버에서 플러그인 검색으로 설치할 수 있으며 ftp연결이 차단된 경우 wordpress.org에 접속하여 파일을 다운로드한 후 설치 할 수 있다.
1. 워드프레스 관리자 메뉴에서 설치
가장 일반적인 경우에 해당되며 워드프레스 서버와 워드프레스 공식사이트(wordpress.org)의 ftp연결이 가능한 경우
  • 워드프레스 관리자 → 플러그인 → 새로추가
  • 검색란에 wptobe-signinup 검색
  • 설치 → 활성화
2. 파일 다운로드 후 압축파일 설치
워드프레스 서버와 워드프레스 공식사이트(wordpress.org)의 ftp연결이 차단된 경우 자신의 PC로 설치 파일을 다운로드 한 후 파일을 업로드하여 설치하는 방법
  • https://wordpress.org/plugins/wptobe-signinup/ 접속 후 Download
  • 워드프레스 관리자 → 플러그인 → 새로추가
  • 플러그인 업로드 버튼 클릭
  • Choose file 버튼 클릭
  • wptobe-signinup.zip 선택 (%주의: 다운로드 한 파일명이 wptobe-signinup.1.xx.xx.zip 와 같이 버전명이 같이 있을 경우 파일명을 wptobe-signinup.zip 으로 변경해 준다)
  • 지금 설치 → 활성화
3. 파일 다운로드 후 ftp로설치
워드프레스 서버와 워드프레스 공식사이트(wordpress.org)의 ftp연결이 차단된 경우 자신의 PC로 설치 파일을 다운로드 한 후 파일을 ftp로 업로드하여 설치하는 방법
  • https://wordpress.org/plugins/wptobe-signinup/ 접속 후 Download
  • 다운로드 한 wptobe-signinup.zip 의 압축을 풀어서 wptobe-signinup폴더에 저장한다
  • ftp로 서버에 접속하여 wp-content>plugins 폴더에 wptobe-signinup폴더를 업로드한다
  • 워드프레스 관리자 → 플러그인 메뉴에서 wptobe-signinup 을 찾아서 활성화 시킨다
account_box 로그인
사이트 방문자들이 로그인 할 때 보여주는 페이지 이름과 그 곳에서 보여줄 포멧을 설정한다.
로그인 화면 출력 페이지 설정
  • [로그인] 탭으로 이동
  • (필수)로그인 페이지 선택 Select박스에서 출력할 페이지 선택
  • (옵션) 이동할 페이지 Select 박스에서 회원들의 로그인이 성공했을 때 이동될 페이지를 선택한다. 변경하지 않을 경우 사이트 메인으로 이동하며 로그인 페이지 선택 에서 설정한 같은 페이지는 지정 할 수 없다.
  • (옵션)로그인 폼에서 출력할 필드를 지정한다. 각각의 필드 좌측 스위치를 ON(녹색)/OFF(회색) 눌러서 보여줄 지 여부를 선택하면 된다.
  • (옵션) 각 필드의 타이틀을 수정한다. 스위치 우측 Edit아이콘을 클릭하여 해당 필드의 타이틀을 수정한다.
  • (옵션) 필드 위치 변경. 각각의 필드는 드래그앤 드랍으로 위치를 변경 할 수 있다.
lock 비밀번호 리셋
회원들이 자신의 비밀번호를 잊어버린 경우에 사용하는 기능으로 자신들의 아이디나 이메일 주소를 입력한 뒤 신청하면 자동으로 신규 비밀번호를 생성하여 회원가입시 등록했던 이메일로 보내주는 기능이다.
비밀번호 재발급 포맷 수정
  • [로그인] 탭으로 이동하여 화면 아래쪽(Signin 폼 아래)에 위치한다. 이 페이지는 상단 Signin페이지로 설정된 페이지와 같은 페이지를 사용한다.
  • (필수) 로그인 폼에서 [Reset password] 필드가 ON 상태로 설정되어 있어야 이 기능을 사용할 수 있다.
  • (옵션) 폼에서 출력할 필드를 지정한다. 각각의 필드 좌측 스위치를 ON(녹색)/OFF(회색) 눌러서 보여줄 지 여부를 선택하면 된다.
  • (옵션) 각 필드의 타이틀을 수정한다. 스위치 우측 Edit아이콘을 클릭하여 해당 필드의 타이틀을 수정한다.
  • (옵션) 필드 위치 변경. 각각의 필드는 드래그앤 드랍으로 위치를 변경 할 수 있다.
person_add 회원가입
사이트 방문자들이 회원가입을 할 때 보여주는 페이지 이름과 그 곳에서 보여줄 포멧을 설정한다.
회원가입 화면 출력 페이지 설정
  • [회원가입] 탭으로 이동
  • (필수)회원가입 페이지 선택 Select박스에서 출력할 페이지 선택
  • (옵션) 이동할 페이지 Select 박스에서 방문자들의 회원가입이 성공했을 때 이동될 페이지를 선택한다. 변경하지 않을 경우 사이트 메인으로 이동한다.
  • (옵션)회원가입 폼에서 출력할 필드를 지정한다. 각각의 필드 좌측 스위치를 ON(녹색)/OFF(회색) 눌러서 보여줄 지 여부를 선택하면 된다. 단 회원가입페이지의 특수성으로 회원아이디/비밀번호/이메일은 OFF시킬 수 없다.
  • (옵션) 각 필드의 타이틀을 수정한다. 스위치 우측 Edit아이콘을 클릭하여 해당 필드의 타이틀을 수정한다.
  • (옵션) 필드 위치 변경. 각각의 필드는 드래그앤 드랍으로 위치를 변경 할 수 있다.
contact_phone 프로파일 페이지
회원들의 개인정보를 관리하는 페이지로 개인 정보 수정과 비밀번호를 수정할 수 있다.
프로파일 페이지 설정
  • [프로파일] 탭으로 이동
  • (필수)프로파일 페이지 선택 Select박스에서 출력할 페이지 선택
  • (옵션) 이동할 페이지 Select 박스에서 방문자들이 로그인 하기전에 프로파일 페이지에 접근했을 때 이동시켜 줄 페이지를 선택한다. 변경하지 않을 경우 사이트 메인으로 이동한다.
event_note 계정 관리
회원들의 개인정보를 관리하는 페이지로 개인 정보 수정할 수 있다.
프로파일 수정
  • 로그인 후 사이트에 설정된 프로파일 페이지로 이동한다.
  • 계정 탭으로 이동하여 이름/이메일/홈페이지/개인정보를 수정할 수 있다.
lock 비밀번호 관리
회원들의 비밀번호를 수정할 수 있다.
비밀번호 수정
  • 로그인 후 사이트에 설정된 프로파일 페이지로 이동한다.
  • 비밀번호 탭으로 이동하여 수정할 수 있다.
language 언어 설정
기본 언어는 플러그인의 최초 활성화 당시 워드프레스에 설정되어 있는 언어로 설치된다.
언어는 한국어/English/日本語 중 선택할 수 있으며 워드프레스에 설정된 언어와 별도로 언어를 자유롭게 변경하여 적용시킬 수 있다. 설치언어를 완전히 변경하고 싶다면 워드프레스 언어 설정을 원하는 언어로 변경 한 뒤 플로그인 초기화 작업을 수행하면 된다.
언어 설정
관리자 메뉴 좌상단 Select박스에서 언어를 선택한다.
palette 스킨 설정
스킨 기능은 미리 만들어 둔 여러가지 형태의 디자인 스타일을 테마에 맞게 바꿔서 사용할 수 있는 기능이다. 기본 제공되는 스킨은 Default/Black/Enfold/Avada 4가지를 제공한다. 스킨은 기본 스킨을 복사하여 새로 만들 수 있고 사용자간 공유나 판매도 가능하다.
스킨 적용
관리자 메뉴 최상단 우측의 디자인 스킨 선택박스에서 원하는 스킨을 선택하면 바로 적용된다. /wp-content/plugin/wptobe-signinup/skin 폴더의 서브폴더들이 각각의 스킨이며 폴더명이 스킨의 고유한 이름으로 인식된다.
palette 스킨 만들기
스킨을 새로 만드는 방법은 플러그인의 /skin/ 폴더 아래에 새로운 폴더를 만들고 디폴트 스킨 파일들을 복사해서 수정한다. 폴더명은 반드시 공백이 없는 영문 알파벳으로 만들어야 한다.
스킨 만들기
  • Ftp로 서버에 접속
  • /wp-content/plugin/wptobe-signinup/skin 아래에 새로운 폴더를 생성한다. 폴더명은 공백이나 특수문자가 포함되지 않는 영문 알파벳으로 작성한다.
  • /wp-content/plugin/wptobe-signinup/skin/default/ 폴더 안의 모든 파일들을 복사해서 새로 생성한 폴더에 붙여넣기한다.
  • 워드프레스 관리자 메뉴의 디자인 스킨 선택박스를 보면 방금 추가한 폴더명이 추가되어 있는데 이것을 선택해 준다.
  • wtbfe-profile.css,wtbfe-signin.css,wtbfe-signup.css 파일을 수정하여 새로운 스타일을 만들어 준다.
  • PHP 프로그래밍에 익숙한 사용자라면 sign-in-html.php, sign-up-html.php,profile-html.php, password-reset-html.php 파일을 수정하여 사이트에 필요한 기능을 직접 추가할 수 있다.
  • 자신이 만든 스킨을 공유하거나 판매하고 싶다면 생성한 디렉토리를 ftp로 다운로드하여 압축파일을 만들어서 공유하면 다른 사용자가 다운로드 받아서 자신의 서버 skin/ 폴더에 올려주면 된다.
palette 스킨 설치
새로운 스킨을 설치하는 방법은 플러그인의 /skin/ 폴더 아래에 다운받은 스킨을 업로드 해 주면 된다. skin 폴더 안의 서브폴더 이름들이 스킨의 이름으로 인식 된다.
스킨 설치
  • 다운로드 받은 스킨의 압축을 푼다.
  • Ftp로 서버에 접속한다.
  • /wp-content/plugin/wptobe-signinup/skin 아래에 업로드 한다.
  • 워드프레스 관리자 메뉴에서 새로운 스킨을 적용시킨다.
notifications_none 알림 메시지
회원가입이나 로그인시 발생하는 각종 알림 메시지를 설정한다. 알림 메시지는 각각의 언어별로 독자적으로 설정된다.
알림 메시지 설정
  • [설정] 탭으로 이동
  • (옵션) 텍스트 박스의 내용을 변경하고 저장 버튼을 누른다.
  • 플러그인 초기화 작업을 진행하면 여기에 설정된 메시지는 모두 초기화 된다.
email 메일 설정
비밀번호 재설정 요청시 보낼 메일의 내용을 설정한다.
메일 메시지 설정
  • [설정] 탭으로 이동
  • 최 하단 비밀번호 재 설정 메일 섹션의 내용을 수정한다.
  • 내용 중 중괄호로 묶인 부분은 플러그인에서 자동으로 생성하는 숏코드이므로 수정하지 않도록 한다. [bloginfo] : 사이트 제목 [username]: 아이디 [password] : 비밀번호
autorenew 플러그인 초기화
플러그인의 모든 데이터를 초기화 하여 설치 초기 상태로 되돌린다. 초기화 전에 워드프레서 언어 설정을 원하는 언어로 변경해 주어야 해당 언어로 초기 데이터가 구성된다.
플러그인 초기화 작업
  • [설정] 탭으로 이동
  • 최 하단 [Wptobe Signinup 초기화]버튼을 누른다.
  • 팝업창이 뜨면 하단의 입력박스에 'Reset'을 입력하면 [초기화]버튼이 활성화 되는데 이를 클릭하면 초기화 작업이 이루어진다.
contact_mail 제품/비지니스 문의
Mail : wphubkorea@gmail.com
event_note Introduction
The wptobe-signinup plugin provides functions for member registration, login and member management required on the website. It focus on ease of use and fast speed and stability. we offers a Captcha function to protect against spam by default and easily change the design of any theme by selecting a pre-made template without any programming.
Main Functions
  • Login
    • Each field has ON/OFF function
    • Each field title can be edit
    • Field sequence can be changed by Drag and drop
    • Email login
    • Captcha
    • Reset password link
    • Redirection after login
  • Reset Password
    • Sending new password to a member by email
    • Password change is possible even if only with the member username
    • Field sequence can be changed by Drag and drop
    • Field title can be edit
    • Mail content can be modified by admin
  • Sign up
    • Each field has ON/OFF function
    • Each field title can be edit
    • Field sequence can be changed by Drag and drop
    • Captcha
    • Confirm password
    • Redirection after sign up
  • Profile
    • Account information
    • Change password
  • Language
    • 한국어
    • English
    • 日本語
  • Design style
    • Select a design style
    • Independent design by theme
    • Available for sale or exchange among users
    • Independent Html/CSS generation possible for each design style
  • Notifications
    • Member registration/login/password reset notification message modification
  • Plugin initialization
    • Provide a initialization button to reset the plugin to return to the first installed state
    • Reset plugin language with the language set in WordPress at the time of initialization
You can download it from the official WordPress website below.
apps Installation
You can install the plugin by searching for plugins on the WordPress plugin menu. If the ftp connection is blocked, you can connect to www.wordpress.org, download the file, and install it.
1. Install from WordPress plugin menu
This is the most common case, and the ftp connection between the WordPress server and the WordPress official website (wordpress.org) is possible.
  • WordPress Plugin Menu → Add new
  • Search 'wptobe-signinup'
  • Install → Activate
2. Download the file and install
When the ftp connection between the WordPress server and the WordPress official site (wordpress.org) is blocked, download the installation file to your PC and upload the file to install it
  • https://wordpress.org/plugins/wptobe-signinup/ Access and download
  • WordPress Plugin Menu → Add new
  • Upload
  • Choose file
  • Select wptobe-signinup.zip (If the downloaded file name has the version number like wptobe-signinup.1.xx.xx.zip, change the file name to wptobe-signinup.zip)
  • Install → Activate
3. After downloading plugin file, install it by ftp
If the ftp connection between the WordPress server and the WordPress official website (wordpress.org) is blocked, download the installation file to your PC and upload the file by ftp to install it
  • https://wordpress.org/plugins/wptobe-signinup/ Access and download
  • Unzip wptobe-signinup.zip
  • Connect to the server via ftp and upload the wptobe-signinup folder to the wp-content>plugins folder
  • WordPress Plugin Menu -> Activate wptobe-signinup
  • WordPress Plugin Menu → Activate wptobe-signinup
account_box Sign in
Modify the login format and select the page to be displayed.
Login page setting
  • Go to Sign in tab.
  • (Required) Select sign in page.
  • (Optional) Select the page to be redirected when members log in successfully. If you do not change it, users will be redirected to the main page of the site, and you cannot specify the same page set in sign in.
  • (Optional) Turn on the fields to be displayed on the login form. You can select whether to show by pressing the switch on the left of each field ON (green)/OFF (gray).
  • (Optional) Modify the title of each field. Click the edit icon on the right side of the switch to edit the title of the field.
  • (Optional) Change field position. Each field can be repositioned by drag and drop.
lock Reset Password
This function is used when members have forgotten their password. After entering their ID or email address and applying, it automatically generates a new password and sends it to the email registered when registering.
Reset password format
  • Go to Sign in tab, It's located at the bottom of the screen (below the Signin form). This page uses the same page set as the Signin page at the top.
  • (Required) The 'Reset password' field must be set to ON in the login form to use this function.
  • (Optional) You can select whether to show by pressing the switch on the left of each field ON (green)/OFF (gray).
  • (Optional) Modify the title of each field. Click the Edit icon on the right side of the switch to edit the title of the field.
  • (Optional) Each field can be repositioned by drag and drop.
person_add Sign up
Modify the sign up format and select the page to be displayed.
Sign up page setting
  • Go to Sign up tab.
  • (Required) Select sign up page.
  • (Optional) Select the page to be redirected when members sign up successfully. If you do not change it, users will be redirected to the main page of the site.
  • (Optional) Turn on the fields to be displayed on the sign up form. You can select whether to show by pressing the switch on the left of each field ON (green)/OFF (gray).
  • (Optional) Modify the title of each field. Click the edit icon on the right side of the switch to edit the title of the field.
  • (Optional) Change field position. Each field can be repositioned by drag and drop.
contact_phone Profile
This is a page that manages members' personal information. Thay can edit their personal information and change their password.
Profile setting
  • Go to Profile tab.
  • (Required) Select profile page.
  • (Optional) Select the page to be redirected when visitors access the profile page before logging in. If you do not change it, users will be redirected to the main page of the site.
event_note Account
This is a page that manages members' personal information.
Profile information
  • After logging in, go to the profile page set on the site.
  • Go to the Account tab to edit their name/email/homepage/personal information.
lock Password
Members can change their password.
Changing password
  • After logging in, go to the profile page set on the site.
  • Go to the Password tab to change their password.
language Language
The default language is installed in the language set in WordPress at the initial activation of the plugin.
The language can be selected from Korean/English/日本語, and the language can be changed and applied separately from the language set in WordPress. If you want to change the installation language completely, change the WordPress language setting to the desired language and then perform the plug-in initialization.
Language Setting
Select a language from the select box at the top left of the plugin menu.
palette Design style
This is a function that allows you to change the design style you created in advance according to the theme. We offer four styles by default. Design styles can be created by copying default styles, and shared or sold among the users.
Apply Design Style
Selecting one from the design style selection box at the top right of the menu and it will be applied immediately. The subfolders in the /wp-content/plugin/wptobe-signinup/skin folder are each style, and the folder name is recognized as the unique name of the style.
palette Creating a design style
To create a new design style, modify it by creating a new folder under the plugin's 'skin' folder and copying all files in the /skin/default folder.
Creating a design style
  • Connect to the web server via ftp.
  • Create a new folder under /wp-content/plugin/wptobe-signinup/skin/ . The folder name must be written in alphanumeric without spaces.
  • Copy all files in the /wp-content/plugin/wptobe-signinup/skin/default/ folder to the newly created folder.
    There are 7 files and are as follows.
    sign-in-html.php
    password-reset-html.php
    sign-up-html.php
    profile-html.php
    wtbfe-signin.css
    wtbfe-signup.css
    wtbfe-profile.css
  • Go to the wptobe-signinup menu and in the select design style box, select the folder name you just added.
  • Modify CSS and html files for new styles.
  • If you want to share or sell your own style, download the created directory via ftp, create a compressed file, and share it with other users to download it and upload it to their server under 'skin' folder.
palette Add new design style
To install a new design style, upload the downloaded style under the /skin/ folder of the plugin. The subfolder names in the skin folder are recognized as design style name.
How to add new design style
  • Extract the downloaded file.
  • Connect to the server via ftp.
  • Upload the file under the '/wp-content/plugin/wptobe-signinup/skin/' folder.
  • Apply a new design style in the WordPress menu.
notifications_none Notifications
Set notification messages that occur when sign up or logging in. The notification message is set independently for each language.
Notification setting
  • Go to Settings tab
  • (Optional) Change the text box contents and click the Save button.
  • When the plugin is initialized, all messages set here will be initialized.
email Mail settings
Set the content of the e-mail to send when requesting a password reset.
Mail content setting
  • Go to Settings tab.
  • Modify the contents of the password reset mail section at the bottom.
  • The part enclosed in braces among the contents is a short code that is automatically generated by the plug-in, so do not modify it. [bloginfo] : Site title [username]: Username [password] : Password
autorenew Plugin initialization
Initializes all data of the plug-in and returns it to the initial state of installation. Before initialization, the WordPress language setting must be changed to the desired language to configure the initial data in that language..
Wptobe-signinup initialization
  • Go to Settings tab.
  • Press the [Reset Wptobe Signinup] button at the bottom.
  • When the popup window pops up, enter'Reset' in the input box at the bottom to activate the [Initialize] button. Then click [Initialize] button.
contact_mail Help Center
Mail : wphubkorea@gmail.com
ko_KRKorean