워드프레스 로그인 팝업 모드를 만드는 방법 (단계별) – KB다이렉트자동차보험

워드프레스 로그인 팝업 모드를 만드는 방법 (단계별)

사이트에 워드프레스 로그인 팝업 모달을 추가 하시겠습니까? 모달 로그인 팝업을 통해 사용자는 자신이보고있는 페이지를 떠나지 않고도 웹 사이트에 빠르게 로그인 할 수 있습니다. 이렇게하면 사용자 경험과 웹 사이트 참여도가 향상됩니다. 이 기사에서는 워드프레스 로그인 팝업 모달을 단계별로 쉽게 만드는 방법을 설명합니다.

 WordPress에서 모달 로그인을 만드는 방법 "width ="550 "height ="340 "class ="alignnone size-full wp-image-52918 "/> </p><div class='code-block code-block-3' style='margin: 8px 0; clear: both;'>
<div style=

워드프레스 로그인 팝업 모드를 만드는 이유

온라인 상점, 회원 웹 사이트를 운영하거나 온라인 코스를 판매하는 경우 사용자가 웹 사이트에 등록하고 로그인 할 수 있습니다.

일반적으로 사용자가 로그인 링크를 클릭하면 기본 워드프레스 로그인 페이지 또는 웹 사이트의 다른 사용자 정의 로그인 페이지로 이동합니다. 사용자가 로그인하면 다시 다른 페이지로 리디렉션됩니다.

모달 로그인 팝업을 사용하면 사용자를 다른 페이지로 보내지 않고 로그인 양식을 표시 할 수 있습니다. 로그인하면 사용자를 원하는 페이지로 리디렉션 할 수 있습니다.

모달 로그인 팝업이 더 빠르며 웹 사이트의 사용자 경험이 향상됩니다. 더 빠르고 세련된 사용자 환경은 판매 및 전환을 촉진 할 수 있습니다.

WordPress에서 모달 로그인 팝업을 쉽게 만드는 방법을 살펴 보겠습니다. 이를 수행 할 수있는 두 가지 방법을 제시하고 필요에 가장 적합한 것을 선택할 수 있습니다.

방법 1. CSH 로그인을 사용하여 모달 로그인 팝업 만들기

이 방법은 대부분의 사용자에게 더 쉽고 권장됩니다.

먼저 CSH 로그인 플러그인을 설치하고 활성화해야합니다. 자세한 내용은 워드프레스 플러그인을 설치하는 방법에 대한 단계별 가이드를 참조하십시오.

활성화되면 워드 프레스 관리 영역의 모달 로그인 페이지로 이동하여 모달 로그인 양식의 유형을 선택해야합니다.

 모달 로그인 유형 선택 "width ="550 "height ="345 "class ="alignnone 크기 - 전체 wp-image-52997 "/> </p><div class='code-block code-block-12' style='margin: 8px 0; clear: both;'>
<div style=

모달 로그인 상자 유형을 선택한 후 폼의 로그인 / 로그 아웃 리디렉션을 아래로 스크롤하고 관리 할 수 ​​있습니다. 사용자가 자신의 암호를 생성하도록 허용 할 수도 있습니다.

 리디렉션 로그인 유형 "width ="550 "height ="252 "class ="alignnone size-full wp-image-52998 "/> </p><div class='code-block code-block-14' style='margin: 8px 0; clear: both;'>
<div style=

그런 다음 Styles 섹션으로 스크롤하고 레이아웃, 레이블, 배경색, 단추 색, 링크 색 등을 선택해야합니다.

 모달 로그인 양식의 스타일을 지정하십시오. "width ="550 "height ="367 "class ="alignnone size-full wp-image-52999 "/> </p>
<p> 또한 등록 이메일, 이메일 제목, Google reCaptcha 등을 추가 할 수 있습니다. 이 플러그인을 사용하면 Facebook, Twitter 및 Google과 같은 소셜 로그인을 추가 할 수 있습니다. </p>
<p> <img title= 비밀번호가 기억 나지 않습니까? 여기를 클릭하십시오 . 계정이 없으십니까? 여기에 등록하십시오 .

 비밀번호 옵션 "width ="550 "height ="259 "class ="alignnone size-full wp-image-52890 "/> 추가 </p>
<p> 그 후 <strong> </strong> 저장 버튼을 클릭 한 다음 <strong> </strong> 삽입 </strong> 버튼을 클릭해야합니다. </p>
<p> <img title= 로그인 / 등록

워드프레스 메뉴, 사이드 바 또는 사이트의 다른 영역에 위의 코드를 추가 할 수도 있습니다.

워드프레스 페이지의 변경 사항을 저장하고 사이트를 방문하여 실제 모드 로그인을 확인하십시오.

 WordPress의 모달 로그인 "width ="550 "height ="345 "class ="alignnone size-full wp-image-52914 "/> </p>
<p>이 기사가 WordPress에서 모달 로그인을 만드는 방법을 배우는 데 도움이되기를 바랍니다. 또한 최고의 워드프레스 로그인 페이지 플러그인 목록을보고 나만의 로그인 페이지를 디자인하고 싶을 수도 있습니다. </p>
<p>이 기사가 마음에 들면 YouTube 채널 용 워드프레스 비디오 자습서에 가입하십시오. 트위터와 페이스 북에서도 우리를 찾을 수 있습니다. </p>
<p> 워드프레스 로그인 팝업 모드 모달 (단계별)을 만드는 방법은 WPBeginner에서 처음 등장했습니다. </p>

<div class=




당신이 좋아할만한 글 작성자의 다른글