로그인 페이지를 만드는 방법을 알고 싶으십니까? Elementor ?

WordPress에서는 다음을 수행할 수 있습니다. yourdomain.com/wp-login.php에서 웹사이트의 로그인 페이지로 이동합니다. 여러 작성자/사용자가 있는 대규모 웹 사이트가 있는 경우 웹 사이트 브랜딩 아이덴티티를 강화하기 위해 고유한 디자인으로 사용자 정의 로그인 페이지를 만들 수 있습니다.

Elementor, 추가 플러그인을 코딩하거나 설치하지 않고도 WordPress 웹 사이트에 대한 사용자 정의 로그인 페이지를 손쉽게 만들 수 있습니다.

Elementor 사용자 정의 로그인 페이지를 만드는 데 사용할 수 있는 위젯(로그인 위젯)이 있습니다. Elementor 로그인 페이지 템플릿도 제공하므로 즉시 로그인 페이지를 만들 수 있습니다.

Elementor로 맞춤형 WordPress 로그인 페이지를 만드는 방법

로그인 위젯은 Elementor Pro에서만 사용할 수 있습니다. 따라서 사용자 정의 로그인 페이지를 생성하기 전에 Elementor를 프로 버전으로 업그레이드해야 합니다.

1. 템플릿에서 로그인 페이지를 만드는 방법

앞서 언급했듯이 Elementor는 개인화된 로그인 페이지를 즉시 만들 수 있는 템플릿을 제공합니다. 하나를 사용하려면 먼저 새 페이지(페이지-> 추가) 및 Elementor로 수정.

Elementor 편집기에서 폴더 아이콘을 클릭하여 모델 라이브러리를 엽니다.

사용자 정의 로그인 페이지 템플릿을 찾으십시오. 검색 상자를 사용하여 작업을 용이하게 할 수 있습니다. 마음에 드는 모델을 찾으면 그 위에 마우스를 올려 놓고 버튼을 클릭하세요. 끼워 넣다.

Elementor가 모델 로드를 완료할 때까지 잠시 기다리십시오. 모델이 로드되면 게시 그것을 게시합니다.

가.

페이지를 보려면 왼쪽 패널의 상단 모서리에 있는 세 줄 아이콘을 클릭하고 페이지 표시.

그리고 우리와 같은 모델을 선택한 경우의 최종 결과는 다음과 같습니다.

Elementor로 로그인 페이지를 만드는 방법

2. 처음부터 사용자 정의 로그인 페이지를 만드는 방법

자신만의 로그인 페이지 디자인을 원할 경우 사용자 정의 로그인 페이지를 처음부터 만들 수도 있습니다. 시작하려면 새 페이지를 만들고 Elementor로 편집하십시오.

Elementor 편집기에서 더하기 아이콘을 클릭하여 새 섹션을 추가합니다. 생성하려는 디자인에 따라 기둥 구조를 선택할 수 있습니다.

섹션이 준비되면 연결 위젯을 왼쪽 패널에서 캔버스 영역으로 끌어 추가합니다.

Elementor로 로그인 페이지를 만드는 방법

탭으로 이동 내용 왼쪽 패널에서 기본 옵션을 설정합니다. 조작할 수 있는 3가지 옵션 블록이 있습니다.

1. 양식 필드

이 블록을 열어 태그를 활성화/비활성화하고 입력 크기를 설정할 수 있습니다.

2. 버튼

이 블록을 열어 버튼 텍스트, 버튼 크기 및 버튼 정렬을 설정할 수 있습니다.

3. 추가 옵션

이 블록을 열어 링크와 같은 로그인 페이지의 요소를 활성화/비활성화할 수 있습니다. M비밀번호 분실 및 옵션 날 기억해. 로그인 페이지를 만들고 싶기 때문에, 활성화 옵션 로그인 후 리디렉션 WordPress 대시보드 URL(yourdomain.com/wp-admin) 사용 가능한 필드에. 옵션을 활성화할 수도 있습니다. 로그아웃 후 리디렉션 당신이 그것을 원한다면.

옵션을 활성화할 수 있습니다. 맞춤 라벨 사용자 지정 레이블 및 사용자 지정 자리 표시자를 사용하려는 경우 형태 연결.

일단 정의 기본 옵션 완료, 이동 스타일 탭 개인화하기 위해 형태 연결. 사용 가능한 5가지 스타일 옵션 블록이 있습니다.

1. 양식

이 블록을 열어 선 사이의 공간, 링크 색상 및 링크 포인팅 색상을 정의할 수 있습니다.

2. 상표

다음 라벨을 활성화한 경우에만 이 블록을 볼 수 있습니다. 형태. 이 블록을 열어 양식 레이블, 텍스트 색상 및 타이포그래피(글꼴 모음, 글꼴 크기, 글꼴 스타일 등) 사이의 간격을 설정할 수 있습니다.

3. 분야

이 블록을 열어 텍스트 필드의 색상, 타이포그래피(글꼴 패밀리, 글꼴 크기, 글꼴 스타일 등), 컨트롤의 배경, 컨트롤의 테두리 색상, 테두리의 너비를 정의할 수 있습니다. 필드의 경계와 필드의 경계 반경.

4. 버튼

이 블록을 열어 로그인 버튼을 사용자 정의할 수 있습니다. 버튼 텍스트 색상, 호버 텍스트 색상, 타이포그래피, 버튼 배경 색상, 테두리 반경, 버튼 텍스트 채우기 등을 설정할 수 있습니다.

5. 로그인 메시지

사용자가 로그인한 후 이 블록을 열어 메시지를 사용자 정의할 수 있습니다. 메시지는 다음과 같습니다.

메시지의 텍스트 색상과 타이포그래피를 설정할 수 있습니다.

로그인 위젯의 스타일 지정을 마치면 페이지의 다른 위젯을 사용자 지정할 수 있습니다. 페이지 편집이 완료되면 페이지를 게시/업데이트하면 사용자 정의 로그인 페이지가 성공적으로 생성됩니다.

읽기 : Elementor 모델 내보내기 및 가져오기 방법

한 가지 중요한 사항. 사용자 정의 로그인 페이지를 생성한 후 파일을 삭제하지 마십시오. WP-login.php 워드프레스 웹사이트에서. WordPress 사이트는 로그인 프로세스를 처리하기 위해 여전히 이 파일이 필요합니다.

지금 Elementor Pro를 받으세요!

결론

여기 ! Elementor로 로그인 페이지를 만드는 방법을 보여주는 이 기사의 내용은 여기까지입니다.. 가는 방법이 걱정되시면 f에서 알려주십시오. commentaires.

그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.

그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.

...