2022. 7. 13. 14:25ㆍ워드프레스
워드프레스로 로그인페이지를 생성하고 로그인페이지 연결 및 로그인페이지와 어드민페이지 URL을 변경해봤습니다.
WPS Hide Login 플러그인을 통해 로그인페이지 연결과 동시에 URL변경까지 한번에 해결이 됩니다.
보안상 로그인페이지와 어드민페이지를 변경하는 것이 좋다고 합니다.
01. 로그인페이지 생성
로그인, 회원가입을 처음 적용하시는 분들은 헷갈리실 것 같다는 생각이 들었습니다.
로그인 페이지를 어떻게 만들어야 하고 새롭게 적용하는지요.
편집기마다 틀리겠지만 저는 엘리멘토 프로를 쓰고 있기 때문에 엘리멘토 프로 [로그인]을 가지고와서 작업을 할 수도 있었지만 디자인이 Twenty Twenty-One 워드프레스 기본 제공테마라서 고민이 많았습니다.
그냥 멤버관련 플러그인을 깔아서 적용했습니다. 바로 Ultimate Member라는 플러그인(무료) 입니다.
일단, 평가도 좋고 업데이트도 좋고 많은 사람들이 사용하는 것 같습니다.
가장 좋았던 점은 영문으로 표시되는게 아니라 저희의 언어에 맞게 변경이 된다는 점이었습니다.
요렇게 폼빌더가 있어서 디자인 수정도 가능합니다. 디테일한 부분들은 CSS를 수정해야 합니다.
직접 커스터마이징 할 수 있게 다양한 옵션들이 있습니다. 그리고 설정 부분에서는 기능관련해서 다양하게 있으니 사용해보시면 좋을 것 간습니다.
플러그인을 깔면 요렇게 페이지들이 생성이됩니다.
멤버 관련 총 7개의 페이지가 생성이 됩니다. 좌측은 라벨이고 우측은 어떤 페이지로 할거냐를 선택하는 것입니다.
실제 페이지 편집화면으로 들어가면 저렇게 숏코드로 들어가 있습니다. 실제 디자인 편집은 위에서 설명드린 폼빌더에서 수정을 하게됩니다.
최종적인 플러그인의 로그인 디자인은 요런 심플한 형태입니다. 살짝 수정을 했지만 제 마음에 쏙 듭니다.
회원가입과 비밀번호 찾기 등 전체 페이지가 요런 디자인으로 수정이 되었습니다.
로그인페이지는 만들었는데 실제로 대표 로그인 창으로 작동이 안되더군요. 연결시키는 작업이 남았습니다.
로그인페이지를 연결시키고 어드민과 로그인 주소를 바꾸는 작업을 해보겠습니다.
02. 로그인페이지 연결 및 로그인페이지, 어드민페이지 URL 변경
1. WPS Hide Login 플러그인 설치 후 기존 로그인 숨기기
2. 새로운 로그인 페이지 슬러그 URL 변경
3. functions.php 파일 수정
-----
1. WPS Hide Login 플러그인 설치 후 기존 로그인 숨기기
일단, WPS Hide Login 플러그인을 통해서 기존 로그인의 주소(도메인/wp-login.php, 도메인/wp-admin/)를 막아보겠습니다. 이 플러그인의 기능은 네이밍을 변경해서 기존 로그인을 막는 역할을 합니다. 새로운 도메인 주소를 만드는 것이 아닙니다. 저는 이 부분이 헷갈렸습니다.
이렇게 해서 도메인/wp-admin 으로 접근 시 기존 어드민으로 연결되는 주소 >>>>> 로그인 페이지는 404 에러 페이지로 이동하게됩니다.
2. 새로운 로그인 페이지 슬러그 URL 변경
이제 새로운 로그인페이지를 연결하는 작업이 필요합니다.
일단, 로그인 페이지의 슬러그를 바꿔줍니다. 도메인 뒤에 표시되는 주소입니다. 왠만하면 기억하기 쉽고 나만? 알 수 있는 네이밍으로 하시는게 좋습니다.
저는 loginyes로 지정했습니다.
3. functions.php 파일 수정
FTP에서 functions.php 파일을 다운받아서 맨 하단에 다음과 같은 구문을 추가해 줍니다.
functions.php파일의 위치는 적용된 테마폴더 상위에 있습니다.
add_filter( 'login_url', '새로운 로그인 네이밍', 10, 3 );
function 새로운 로그인 네이밍( $login_url, $redirect, $force_reauth ) {
return home_url( '/새로운 로그인 네이밍/?redirect_to=' . $redirect );
}
새로운 로그인 네이밍이라고 적혀 있는 곳에 2번에서 적용한 새로운 네이밍을 적어줍니다.
저는 loginyes라고 적어줘야겠죠?
add_filter( 'login_url', 'loginyes', 10, 3 );
function loginyes( $login_url, $redirect, $force_reauth ) {
return home_url( '/loginyes/?redirect_to=' . $redirect );
}
요렇게 저장하시고 다시 FTP에 엎으시면 적용이 완료가 됩니다.
1번 내용을 기존 로그인을 막는 방법.
2번, 3번은 새로운 URL을 적용하는 방법입니다.
도메인/loginyes 로 접근하시면 새로 작업된 로그인 페이지가 나옵니다.
감사합니다.