WordPress에서 사용자 정의 로그인 페이지를 올바르게 작성하는 방법 (단계별)

워드 프레스에서 사용자 정의 로그인 페이지를 만드는 방법


WordPress에서 사용자 정의 로그인 페이지를 만들 수 있는지 궁금한 적이 있습니다.?

맞춤 로그인 페이지를 만들면 사용자에게 일관된 브랜드를 표시하여 사이트에보다 전문적인 외관을 제공.

이 기사에서는 WordPress에서 사용자 정의 로그인 페이지를 만드는 방법을 보여줍니다..

사용자 정의 WordPress 로그인 페이지 작성 – 목차

사용자 정의 로그인 페이지를 만드는 이유?

포럼, 회원 사이트, 틈새 소셜 네트워크 또는 사용자가 계정을 등록하고 로그인해야하는 기타 웹 사이트와 같은 커뮤니티 기반 웹 사이트를 실행하는 경우 사용자 정의 로그인 페이지를 작성해야합니다..

기본 WordPress 로그인 페이지는 일반적이며 지루합니다. 사용자 정의 로그인 페이지를 사용하면 양식 주위의 페이지에있는 모든 요소를 ​​개인화 할 수 있습니다.

사용자 정의 로그인 페이지가있는 경우 원하는 경우 기본 로그인 페이지를 숨길 수 있습니다. 로그인 스팸을 줄이고 WordPress 사이트를 안전하게 유지할 수 있습니다.

사용자 정의 로그인 페이지 생성을위한 올바른 플러그인 선택

공식 WordPress 플러그인 저장소에는 사용자 정의 로그인 페이지를 쉽게 구축하는 데 도움이되는 수십 가지 플러그인이 있습니다. 이 기사에서는 두 가지 플러그인을 살펴 보겠습니다. WPForms테마 내 로그인.

WPForms를 선택하십시오 등록 양식, 지불 양식, 연락처 양식 등 모든 종류의 온라인 양식을 쉽게 작성하는 데 도움이되는 모든 기능을 갖춘 WordPress 양식 플러그인이 필요한 경우.

WPForms의 몇 가지 이점은 다음과 같습니다.

  • 제한없이 원하는 방식으로 로그인 양식을 사용자 정의하십시오.
  • 게시물이나 페이지에 로그인 양식을 게시하십시오..
  • 사이드 바 또는 위젯 화 된 바닥 글에 로그인 양식을 포함.

테마 내 로그인을 선택하십시오 간단한 로그인 페이지를 쉽게 만들려면.

다음은 내 로그인 테마의 몇 가지 기능입니다.

  • 사용자 정의 로그인 페이지 작성에 필요한 구성이 없습니다..
  • 기본 로그인 페이지를 자동으로 숨기고 새로 만든 로그인 페이지로 리디렉션.
  • 사용자 정의 로그인 위젯을 사용하여 사이드 바에 로그인 페이지 링크 추가.

단점은 WPForms와 달리 Theme My Login을 사용하면 사이트의 어느 곳에 나 로그인 양식을 포함시킬 수 없으며 사용자의 로그인 페이지에만 표시됩니다. WPForms와 같은 모든 기능을 갖춘 양식 플러그인이 아니기 때문에 로그인 양식을 사용자 정의하는 기능이 제한됩니다..

방법 1 : WPForms를 사용하여 로그인 페이지 작성

WPForms

WPForms로 로그인 페이지를 만드는 방법을 살펴 보겠습니다.

1 단계 : 사이트에 WPForms 설치

가장 먼저해야 할 일은 설치 및 활성화입니다 WPForms 플러그인. 로 이동하여 라이센스 키를 확인하십시오 WPForms»설정. WPForms 웹 사이트의 계정에서 라이센스 키를 얻을 수 있습니다.

WPForms를 사용하여 사용자 정의 로그인 페이지를 만들려면 사용자 등록 애드온 가면서 WPForms»애드온. 딸깍 하는 소리 애드온 설치 사용자 등록 애드온 옆에있는 활성화를 클릭하십시오..

애드온이 활성화되면 WPForms를 사용하여 사용자 로그인 양식을 작성할 수 있습니다..

2 단계 : 사용자 정의 로그인 양식 작성

WPForms의 강력한 드래그 앤 드롭 빌더를 사용하면 한 줄의 코드를 작성하지 않고도 몇 시간이 아닌 몇 분만에 로그인 양식을 작성할 수 있습니다..

로그인 양식을 만들려면 WPForms»새로 추가. 양식 설정 페이지에서 사용자 로그인 양식 로그인 양식을 작성하기위한 템플리트.

사용자 로그인 양식 템플릿

로그인 양식 필드를 추가, 사용자 정의 및 제거 할 수있는 양식 작성기가 표시됩니다. 기본적으로 로그인 양식 템플리트는 다음 양식 필드를 추가합니다. 사용자 이름암호.

워드 프레스의 사용자 로그인 양식

페이지 빌더에서 필드를 클릭하여 사용자 정의 할 수 있습니다. 그런 다음 왼쪽 패널에서 원하는 사용자 정의를 할 수 있습니다.

3 단계 : 양식 구성

일반 설정을 구성하려면 설정»일반. 이 페이지에서 양식 이름, 설명, 제출 버튼 텍스트 등을 사용자 정의 할 수 있습니다..

일반 설정 로그인 양식

당신은 아무것도 할 필요가 없습니다 알림 사용자 정의 로그인 양식 탭. 기본적으로 알림은 해제되어 있으므로 누군가 사이트에 로그인 할 때마다 이메일을받지 못합니다.

사용자가 맞춤 로그인 양식을 통해 로그인하면 웹 사이트 홈페이지에 표시됩니다. 원하는 경우 리디렉션 URL을 변경할 수 있습니다. 확인 리디렉션 URL 들.

확인 설정 사용자 정의 로그인 페이지

4 단계 : WordPress 양식 게시

로그인 양식을 작성하기 위해 WPForms를 사용하는 주요 이점 중 하나는 게시물, 페이지, 사이드 바 위젯 또는 위젯 화 된 바닥 글 영역을 포함하여 사이트의 어느 곳에 나 양식을 포함 할 수 있다는 것입니다..

게시물이나 페이지에 양식을 게시하는 방법을 살펴 보겠습니다..

WordPress에서 새 게시물이나 페이지를 만든 다음 + 구텐베르크 블록 편집기에서 아이콘. WPForms 블록을 검색하고 클릭 할 수 있습니다.

양식 추가

그런 다음 WPForms 블록에서 로그인 양식을 선택하면 게시물 / 페이지에 자동으로로드됩니다..

로그인 양식을 선택하십시오

양식을 추가 한 후 게시물 / 페이지를 게시 할 수 있습니다..

다음과 같이 로그인 양식을 사이드 바 위젯에 추가 할 수도 있습니다. 향하다 모양»위젯 사이드 바에 WPForms 위젯을 추가하십시오..

로그인 폼 위젯

위젯 설정에서 사용자 정의 로그인 양식을 선택하고 저장 변경 사항을 저장하는 버튼.

방법 2 : 테마 내 로그인을 사용하여 로그인 페이지 만들기

테마 내 로그인 플러그인

그만큼 테마 내 로그인 플러그인을 사용하면 WordPress 사이트에 사용자 정의 로그인 양식을 쉽게 게시 할 수 있습니다. 간단한 로그인 페이지를 만들려면 테마 내 로그인 플러그인을 설치하고 활성화하기 만하면됩니다..

플러그인은 추가 구성없이 즉시 작동합니다.

그러나 플러그인 설정을 사용자 정의해야하는 경우 WordPress 대시 보드에서 테마 내 로그인 메뉴를 클릭 할 수 있습니다.

테마 내 로그인 설정

그런 다음 로그인 및 등록 유형을 변경할 수 있습니다. 로그인, 로그 아웃, 등록, 비밀번호 분실 및 비밀번호 재설정 페이지에 대한 URL 슬러그를 조정할 수도 있습니다..

방법 3 : 플러그인없이 기존 WordPress 로그인 페이지 사용자 정의

새로운 로그인 페이지를 만드는 것보다 기존 로그인 페이지에 스타일을 변경하거나 사용자 정의 스타일을 추가하려면 다음과 같이하십시오..

이 코드를 테마의 functions.php 파일 또는 사이트 별 플러그인에 추가하면됩니다.

WordPress에 코드 스 니펫을 처음 추가하는 경우 WordPress에 코드 스 니펫을 올바르게 추가하는 방법에 대한 안내서를 참조하여 실수로 사이트를 중단하지 마십시오..

// 맞춤 로그인 페이지
clp_login_head () 함수 {

에코 ”; // 사용자 정의 스타일 시작
echo ‘.login #nav a, .login #backtoblog a {color : #! important; } ‘; // 로그인 페이지 링크 색상
echo ‘.login h1 a {background : url ("’. get_bloginfo ( ‘stylesheet_directory’). ‘/ 이미지 / 이미지가 여기에 있습니다"); 너비 : px; 높이 : px; } ‘; // 로그인 페이지 로고
echo ‘.login .button-primary {background : #; 테두리 색상 : #; } ‘; // 로그인 페이지 버튼 색상
에코 ”; // 사용자 정의 스타일 종료

}
add_action ( ‘login_head’, ‘clp_login_head’);

위 코드에서 CSS 및 이미지 URL을 변경하여 WordPress 로그인 페이지에 대한 사용자 정의 스타일을 추가 할 수 있습니다.

방법 4 : 플러그인없이 어디서나 WordPress 로그인 양식 표시

페이지, 사이드 바 또는 바닥 글 영역에 워드 프레스 로그인 양식을 표시하려면 테마의 템플릿 파일에이 코드를 추가 할 수 있습니다.

위의 방법과 마찬가지로 WordPress에 코드 스 니펫을 처음 추가하는 경우 WordPress에서 코드 스 니펫을 올바르게 추가하는 방법에 대한 가이드를 참조하여 실수로 사이트를 중단하지 않도록하십시오.

<?PHP
wp_login_form ();
?>

위의 코드는 코드를 추가 한 위치에 일반 WordPress 로그인 페이지 만 표시합니다. 추가 필드 및 옵션이있는 사용자 정의 WordPress 양식 페이지를 추가 할 수있는 경우 다음 코드를 사용할 수 있습니다.

<?PHP $ args = 배열 ​​(
‘에코’=> 진실,
‘리디렉션’=> ‘http://wpsnipp.com’,
‘form_id’=> ‘로그인 폼’,
‘label_username’=> __( ‘사용자 이름’ ),
‘label_password’=> __ ( ‘비밀번호’),
‘label_remember’=> __( ‘날 기억해’ ),
‘label_log_in’=> __( ‘로그인’ ),
‘id_username’=> ‘user_login’,
‘id_password’=> ‘user_pass’,
‘id_remember’=> ‘날 기억해’,
‘id_submit’=> ‘wp-submit’,
‘기억’=> 진실,
‘value_username’=> 없는,
‘value_remember’=> 거짓);
wp_login_form ($ args);
?>

그게 다야!

이 안내서가 WordPress에서 사용자 정의 로그인 페이지를 작성하는 데 도움이 되었기를 바랍니다. 이 기사가 마음에 드 셨다면 WordPress에 가장 적합한 연락처 양식 플러그인에 대한 기사를 읽어보십시오..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map