WordPress에서 프런트 엔드 로그인 페이지를 만드는 방법

WordPress는 웹사이트를 위한 기성품 솔루션이 많이 제공되는 매우 강력한 플랫폼입니다. 완벽하게 기능하지만 이러한 솔루션이 항상 이상적인 것은 아닙니다. WordPress 기본 로그인 기능의 경우입니다. 방문자가 갑자기 WordPress 관리 영역으로 리디렉션될 때 사이트의 계정에 로그인하려는 방문자에게는 혼란스러울 수 있습니다. 따라서 방문자가 게시물을 작성하거나 일부 콘텐츠를 공유하는 것과 같이 관리 영역에서 할 일이 없는 한 로그인 후 그곳으로 보내는 것은 의미가 없습니다. 따라서 방문자가 프런트 엔드에서 직접 사이트에 로그인할 수 있도록 하면 훨씬 더 만족스러운 사용자 경험을 제공할 수 있습니다.

프런트 엔드 로그인 페이지가 더 나은 이유는 무엇입니까?

WordPress에서 프론트 엔드 로그인 페이지를 만드는 방법을 보여주기 전에 이것이 도움이 될 수 있는 몇 가지 이유를 설명하겠습니다.

솔직히 말해서, 어떤 종류의 웹사이트도 로그인 페이지가 우리가 여러 번 본 기본 WordPress 로그인 화면이 아닌 경우 훨씬 더 나은 인상을 줍니다. 사용자 정의된 프런트 엔드 로그인 페이지는 방문자에게 더 나은 사용자 경험을 제공하고 브랜드에 관심을 갖고 모든 세부 사항에 대해 생각하기 위해 노력하고 있음을 보여줍니다. 그리고 WordPress 사이트에 스타일이 지정된 프론트 엔드 로그인 페이지를 얼마나 쉽게 추가할 수 있는지 고려하면 실제로 하지 않을 이유가 많지 않습니다.

오늘 우리는 Theme My Login 플러그인을 사용하여 프론트 엔드 로그인 페이지를 구현하는 것이 얼마나 간단한지 보여줄 것입니다.

Theme My Login 플러그인에 100,000개 이상의 활성 설치가 있다는 사실은 그 신뢰성과 효율성에 대해 말해줍니다. 우리가 다른 플러그인보다 이 플러그인을 선택하는 이유는 사용이 매우 간단하고 사용자 정의 로그인 페이지를 구축하기 위한 구성이 필요하지 않으며 완전히 무료이기 때문입니다. 플러그인은 페이지가 현재 테마와 일치하는지 확인하고 사용 중인 테마와 동일한 글꼴과 색상을 갖게 됩니다. 설정을 사용자 지정할 필요 없이 바로 사용할 수 있습니다. 또한 플러그인은 사이드바, 바닥글 또는 머리글 영역에 배치하고 로그인 또는 등록에 쉽게 액세스할 수 있는 새 위젯을 사이트에 추가합니다.

테마 내 로그인 플러그인으로 WordPress의 프런트 엔드 로그인 페이지를 만드는 방법

WordPress 플러그인을 설치하는 방법을 이미 알고 있다고 가정하므로 해당 단계를 건너뜁니다. 그러나 설치 과정에서 문제가 발생하는 경우 위의 링크를 확인하십시오.

플러그인을 설치하고 활성화했으면 설정할 차례입니다. 테마 내 로그인이 제공하는 설정을 살펴보겠습니다.

테마 설정 내 로그인 플러그인

플러그인은 활성화 직후 5개의 새 페이지를 생성합니다. 로그인, 로그아웃, 등록, 비밀번호 분실 및 비밀번호 재설정 페이지를 찾을 수 있습니다. 그들은 즉시 활성화되며 기본적으로 백엔드 로그인 페이지를 대체합니다.

이것이 우리의 경우 로그인 페이지의 모습이며 플러그인은 테마 스타일을 따르는 글꼴과 색상으로 자동으로 생성했습니다.

이 페이지의 설정을 조정하려면 WordPress 관리자에서 내 로그인 테마를 클릭한 다음 일반적인 옵션.

여기에서 다섯 페이지 각각을 사용자 정의하는 설정과 해당 페이지로 연결되는 링크를 찾을 수 있습니다. 설정은 로그인, 등록 및 슬러그의 세 부분으로 나뉩니다.

로그인 설정에서 방문자가 사용자 이름 또는 이메일, 사용자 이름만 또는 로그인할 때만 이메일과 같은 기본 자격 증명을 입력하도록 할지 여부를 선택합니다. 귀하의 사이트에 가장 적합한 설정 종류를 선택하는 것은 귀하에게 달려 있습니다.

등록 설정에서 사용자가 사이트에 계정을 등록하기 위해 입력해야 하는 데이터를 결정합니다. 사용자 이름과 이메일을 모두 요청하는 기본 옵션 중에서 선택하거나 이메일만 요청하거나 사용자 이름만 요청할 수 있습니다. 그러나 등록 설정은 로그인 설정과 일치해야 합니다. 로그인 옵션에서 사용자가 사용자 이름으로 로그인하도록 제한하기로 결정했다면 여기에서 사용자가 등록 시 해당 사용자 이름도 생성해야 하는지 확인해야 합니다.

또한 기본적으로 비활성화되어 있지만 원하는 경우 활성화할 수 있는 더 많은 옵션이 있습니다. 첫 번째는 사용자가 자신의 비밀번호를 설정할 수 있도록 하고 두 번째는 등록 후 자동으로 사용자를 로그인하도록 합니다.

슬러그는 WordPress 사이트의 각 페이지에 대한 고유 식별자입니다. 도메인 다음에 오는 URL의 일부이며 사용자가 볼 페이지를 결정합니다. Theme My Login 플러그인은 생성하는 각 페이지에 대해 간단한 슬러그를 생성합니다. 일반적으로 슬러그에 관해서는 페이지의 의미를 명확하게 나타내야 합니다. 이 경우 플러그인의 자동 생성 슬러그가 실제로 이상적입니다. 물론 필요한 경우 변경할 수 있습니다. 슬러그의 빈 공간은 “%20” 기호로 바뀌므로 슬러그를 빨리 부적격하게 만들 수 있으므로 주의하십시오. 대신 하이픈을 사용할 수 있습니다(예: “로그인 페이지” 대신 “로그인 페이지”).

그리고 모든 설정을 조정한 후 변경 사항을 저장하는 것을 잊지 마십시오.

사이트에 내 로그인 위젯 테마를 추가하는 방법

언급했듯이 플러그인에는 사이드바 또는 바닥글에 추가할 수 있는 편리한 위젯이 함께 제공됩니다. 액세스하려면 다음으로 이동하십시오. 모양 > 위젯 를 선택하고 테마 내 플러그인 위젯. 클릭하면 드롭다운 메뉴가 열리고 위젯을 배치할 위젯 영역을 선택할 수 있습니다.

위젯을 위젯 영역에 추가하면 사용자 지정을 시작할 수 있습니다. 이렇게 하려면 화면 오른쪽에서 해당 위젯 영역을 찾아 엽니다. 내부에 Theme My Login 위젯이 표시되어야 합니다. 또한 열면 로그인, 등록 또는 분실한 비밀번호 복구 기능을 사용할지 여부를 선택할 수 있습니다.

위젯 영역에 최대 3개의 위젯을 추가하고 각각에서 다른 옵션을 선택할 수 있습니다. 그러나 일반적으로 많은 공간을 차지하므로 권장하지 않습니다. 추가한 위젯을 보려면 계정에서 로그아웃하거나 시크릿 탭에서 사이트를 열어야 합니다.

내 로그인 테마에 유용한 확장 기능

Theme My Login 플러그인은 매우 유용하지만 무료는 아닌 다양한 확장 기능을 지원합니다. 이 글을 쓰는 시점에서 플러그인은 Mailchimp, Avatar, 알림, 즐겨찾기, 제한, 레거시 번들 등을 포함하는 13가지 확장을 지원합니다. 플러그인의 무료 버전은 프론트 엔드 로그인 측면에서 기본적인 요구 사항을 다룹니다. , 이러한 확장은 추가 기능이 필요한 경우 유용할 수 있습니다.

요약하자면

로그인은 방문자가 귀하의 사이트를 방문할 때 특별히 기대하는 것은 아니지만 로그인이 필요한 유형의 사이트를 이미 운영하고 있다면 가능한 한 원활하고 쉽게 만드십시오. 온라인 세계가 얼마나 경쟁이 치열한지 고려할 때 사용자 경험에 더 많은 품질을 제공하는 모든 세부 사항이 중요하며 프런트 엔드 로그인 페이지는 UX를 크게 향상시키고 브랜드 이미지를 강화하는 데 도움이 되는 것입니다.