WordPress에서 암호로 보호된 페이지를 사용자 지정하는 방법

웹사이트에 비밀번호로 보호된 맞춤형 페이지를 만들고 싶습니까?

WordPress 암호 보호를 사용하여 콘텐츠를 숨기고 특정 페이지에 대한 액세스를 제한할 수 있습니다. 그러나 기본 로그인 및 비밀번호 입력 레이아웃은 단순하고 매력적이지 않습니다.

이 기사에서는 WordPress에서 비밀번호로 보호된 페이지를 사용자 정의하는 방법을 보여줍니다.

WordPress에서 비밀번호로 보호된 페이지를 사용자 정의하는 이유는 무엇입니까?

선택한 클라이언트나 회원에게만 표시되어야 하는 페이지나 게시물을 WordPress 블로그에 만들려면 암호 보호 기능을 사용하여 콘텐츠를 잠글 수 있습니다.

마찬가지로 새 WordPress 웹 사이트를 만들고 모든 사람이 이 웹 사이트를 보는 것을 원하지 않는 경우 암호로 보호된 페이지를 사용하는 것이 좋습니다.

그러나 기본 암호로 보호된 페이지 디자인은 매우 기본적이고 매력적이지 않습니다. 다음은 미리보기입니다.

암호로 보호된 페이지를 사용자 정의하면 디자인과 레이아웃을 원하는 방식으로 변경할 수 있습니다. 페이지를 더욱 매력적으로 만드는 데 도움이 되며 브랜드와 일치시켜 보다 전문적인 모양과 더 나은 사용자 경험을 제공할 수 있습니다.

즉, WordPress에서 암호 보호를 활성화하는 방법과 특정 페이지, 전체 사이트 및 다른 섹션을 사용자 지정하는 다양한 방법을 보여줍니다.

아래 링크를 클릭하여 원하는 섹션으로 이동할 수 있습니다.

WordPress에서 페이지를 암호로 보호하는 방법

WordPress 페이지를 사용자 지정하는 방법을 보여주기 전에 WordPress에는 페이지와 게시물을 암호로 보호하는 설정이 내장되어 있다는 사실을 알아야 합니다.

페이지를 편집하거나 새 페이지를 추가하기만 하면 됩니다. WordPress 콘텐츠 편집기에서 오른쪽 설정 패널의 '상태 및 표시'에서 '공개' 옵션을 클릭합니다.

다음으로 다양한 게시물 가시성 옵션이 표시됩니다.

'비밀번호로 보호됨' 옵션을 선택하고 페이지 비밀번호를 입력하기만 하면 됩니다.

이제 '업데이트' 또는 '게시'를 클릭하면 라이브 페이지가 비밀번호로 보호됩니다.

이제 웹사이트를 방문하여 작동 중인 페이지를 볼 수 있습니다.

이제 기본 암호로 보호된 페이지를 사용자 정의하는 방법을 살펴보겠습니다.

CSS Hero를 사용하여 기본 암호로 보호된 디자인 사용자 지정

WordPress 콘텐츠 편집기에서 암호 보호를 활성화하면 페이지에서 스타일 지정을 위해 사이트 테마를 사용합니다.

페이지를 사용자 정의하려면 CSS Hero와 같은 도구를 사용하면 됩니다. 코드를 편집하지 않고도 페이지의 디자인과 레이아웃을 편집할 수 있습니다.

먼저 CSS Hero 플러그인을 설치하고 활성화해야 합니다. 자세한 내용은 WordPress 플러그인 설치 방법에 대한 가이드를 참조하세요.

활성화되면 CSS 영웅 옵션이 상단의 WordPress 관리 표시줄에 추가됩니다. 계속해서 'CSS Hero로 사용자 정의' 옵션을 클릭하십시오.

그러면 페이지를 편집하고 사용자 정의할 수 있는 CSS Hero 비주얼 빌더가 시작됩니다.

시작하려면 페이지의 요소를 클릭하기만 하면 됩니다.

다음으로 왼쪽 패널에서 배경색 변경, 배경 이미지 추가, 다른 글꼴 사용, 간격 편집 등의 작업을 수행할 수 있습니다.

예를 들어 '배경' 탭으로 이동하여 그라데이션 효과가 있는 배경색을 추가해 보겠습니다. 또한 사용자가 비밀번호를 입력해야 하는 상자의 색상과 'Enter' 버튼의 색상도 변경합니다.

그 외에도 테두리 탭으로 이동하여 페이지의 기본 제목 주위에 테두리를 추가할 수 있습니다.

테두리 너비, 색상, 스타일 및 기타 원하는 변경 사항을 선택하기만 하면 됩니다.

변경이 완료되면 하단의 '저장 및 게시' 버튼을 클릭하는 것을 잊지 마십시오.

이제 웹 사이트를 방문하여 사용자 정의된 기본 암호로 보호된 페이지를 볼 수 있습니다.

CSS Hero 사용의 단점은 랜딩 페이지 빌더가 제공하는 유연성과 고급 사용자 정의 옵션을 얻을 수 없다는 것입니다.

예를 들어, CSS Hero를 사용하여 연락처 양식, 소셜 미디어 버튼, 선택 양식, 카운트다운 타이머 등과 같은 요소를 추가할 수 없습니다.

즉, 랜딩 페이지 빌더를 사용하여 WordPress의 특정 페이지를 사용자 정의하는 방법을 살펴보겠습니다.

SeedProd를 사용하여 특정 암호로 보호된 페이지 사용자 지정

특정 암호로 보호된 페이지를 사용자 지정하는 가장 쉬운 방법은 SeedProd를 사용하는 것입니다. 최고의 WordPress 웹 사이트 및 페이지 빌더입니다.

이 튜토리얼에서는 프리미엄 템플릿과 더 많은 사용자 정의 기능이 포함된 SeedProd Pro 버전을 사용합니다. SeedProd Lite 버전을 무료로 사용하고 곧 출시될 페이지를 만들 수도 있습니다.

먼저 SeedProd 플러그인을 설치하고 활성화해야 합니다. 도움이 필요하면 WordPress 플러그인 설치 방법에 대한 가이드를 참조하세요.

활성화하면 WordPress 대시보드의 SeedProd 시작 화면으로 이동합니다. 다음으로 라이센스 키를 입력하고 '키 확인' 버튼을 클릭해야 합니다. SeedProd 계정 영역에서 라이선스 키를 찾을 수 있습니다.

그런 다음 WordPress 대시보드에서 SeedProd » 랜딩 페이지 로 이동하여 비밀번호로 보호된 새로운 맞춤형 랜딩 페이지를 추가하세요.

이 문서의 뒷부분에서 암호로 보호되는 페이지를 선택하는 방법을 보여 드리겠습니다. 전체 사이트 또는 특정 페이지만 암호로 보호할 수 있습니다.

이 자습서에서는 암호 보호 기능이 있는 웹 사이트 출시를 위한 곧 출시될 페이지를 만들 것입니다. 그러나 특정 페이지를 암호로 보호하는 경우에만 디자인을 사용자 정의할 수 있습니다.

시작하려면 '출시 예정 페이지 설정' 버튼을 클릭하기만 하면 됩니다.

다음 화면에서 SeedProd는 다양한 페이지 템플릿을 표시하므로 빠르게 사용자 정의할 수 있습니다.

사용하려는 템플릿 위로 마우스를 가져간 다음 주황색 체크 표시 버튼을 클릭합니다.

템플릿을 선택한 후 SeedProd는 '새 페이지 세부 정보 입력'이라는 제목의 팝업 창을 엽니다.

페이지 이름과 URL 슬러그를 선택한 다음 '저장 및 페이지 편집 시작' 버튼을 클릭하기만 하면 됩니다.

그러면 SeedProd 끌어서 놓기 페이지 빌더가 시작됩니다.

여기에서 비밀번호로 보호된 방문 페이지를 사용자 정의하고 텍스트, 이미지, 버튼 등과 같은 다양한 요소를 추가할 수 있습니다. SeedProd는 양식 선택, 연락처 양식, 카운트다운 타이머, 진행률 표시줄, 소셜 공유 옵션 등과 같은 고급 블록을 제공합니다.

요소를 추가하려면 왼쪽 메뉴에서 아무 블록이나 끌어서 오른쪽 템플릿에 놓기만 하면 됩니다. 그런 다음 요소를 클릭하고 표시되는 옵션을 조정하여 요소를 사용자 정의할 수 있습니다.

이것은 또한 SeedProd를 사용하여 콘텐츠를 보호하기 위해 페이지의 프런트 엔드에 비밀번호 양식을 추가할 수 있도록 합니다.

먼저 SeedProd 빌더에서 '사용자 정의 HTML' 블록을 추가할 수 있습니다. 사용자 정의 HTML 블록을 템플릿으로 끌어다 놓기만 하면 됩니다.

다음으로 사용자 정의 HTML 블록을 클릭할 수 있습니다.

여기에서 '커스텀 코드' 필드에 [seed_bypass_form] 단축 코드를 입력합니다. 그게 다야! 완료되면 '저장' 버튼을 클릭하는 것을 잊지 마십시오.

SeedProd는 또한 다양한 이메일 마케팅 서비스와 통합됩니다. 방문 페이지에 연락처 양식을 추가하고 이메일 마케팅 도구를 연결하여 이메일 목록을 작성하고 사용자와 계속 연락할 수 있습니다.

랜딩 페이지 빌더의 '연결' 탭으로 이동하여 이메일 마케팅 서비스를 선택하기만 하면 됩니다.

SeedProd의 특정 페이지에 대한 암호 보호 설정

[seed_bypass_form] 단축 코드를 사용하는 맞춤형 출시 예정 페이지를 만든 후 다음 단계는 SeedProd를 사용하여 특정 페이지에 비밀번호 보호를 설정하는 것입니다.

시작하려면 SeedProd 빌더의 '페이지 설정' 탭으로 이동한 다음 '액세스 제어' 설정을 클릭해야 합니다.

그런 다음 사람들이 제한된 콘텐츠에 액세스하는 데 사용할 수 있는 '바이패스 URL' 필드에 비밀번호를 입력할 수 있습니다.

'바이패스 URL' 필드에 작성하는 텍스트는 비밀번호 역할을 하며 클라이언트와 팀 구성원이 비밀번호 보호를 우회하고 페이지에 액세스하는 데 사용할 수 있는 링크이기도 합니다.

SeedProd를 사용하면 관리자, 로그인, 대시보드 및 계정과 같은 사이트에서 특정 URL을 제외할 수 있습니다. 이렇게 하면 사이트 소유자가 사이트에 액세스할 수 없게 됩니다.

이제 비밀번호로 보호할 URL을 선택해야 합니다.

'액세스 제어' 설정 아래의 'URL 포함/제외' 섹션까지 아래로 스크롤하기만 하면 됩니다. 그런 다음 'URL 포함' 옵션을 선택한 다음 제한하려는 특정 페이지를 입력합니다.

완료되면 상단의 '저장' 버튼을 클릭하기만 하면 됩니다.

그런 다음 '페이지 설정' 탭 아래의 '일반' 설정으로 이동하여 페이지 상태를 '초안'에서 '게시'로 변경할 수 있습니다.

그런 다음 랜딩 페이지 빌더를 닫고 WordPress 관리자 패널에서 SeedProd » 랜딩 페이지 로 이동할 수 있습니다.

여기에서 '출시 예정 모드' 아래의 토글을 클릭하여 사용자 정의 암호로 보호된 페이지를 활성화하십시오.

그게 다야! WordPress의 특정 페이지에만 표시되는 사용자 지정 암호로 보호된 방문 페이지를 성공적으로 만들었습니다.

웹사이트에서 해당 페이지를 방문하기만 하면 사용자 정의된 암호로 보호된 페이지가 작동하는 것을 볼 수 있습니다.

전체 웹 사이트에 대한 사용자 지정 암호로 보호된 페이지 만들기

SeedProd를 사용하면 웹사이트의 모든 페이지에 비밀번호로 보호된 페이지를 표시할 수도 있습니다. 이렇게 하면 사용자가 귀하의 콘텐츠에 액세스하려면 암호를 입력해야 합니다.

먼저 WordPress 대시보드에서 SeedProd » 랜딩 페이지 로 이동할 수 있습니다. 그런 다음 '출시 모드' 패널에서 '페이지 편집' 버튼을 클릭합니다.

그런 다음 상단의 '페이지 설정' 탭으로 이동하여 '접근 제어' 설정으로 이동할 수 있습니다.

그런 다음 'URL 포함/제외' 섹션까지 아래로 스크롤하고 '전체 웹사이트에 표시' 옵션을 선택합니다.

변경을 완료했으면 상단의 '저장' 버튼을 클릭합니다.

SeedProd는 전체 웹사이트에 암호로 보호된 맞춤형 페이지를 표시합니다.

WordPress에서 사용자 지정 암호로 보호된 섹션 만들기

다른 사용자 집합으로부터 WordPress의 다른 웹사이트 섹션을 암호로 보호할 수도 있습니다. 이는 회원 웹사이트를 운영 중이고 콘텐츠, 플러그인, 앱 및 기타 다운로드 가능한 파일에 대한 액세스를 제어하려는 경우에 유용합니다.

웹사이트의 다른 부분을 제한하는 가장 좋은 방법은 MemberPress를 사용하는 것입니다. 콘텐츠를 비밀번호로 보호하기 위해 여러 멤버십 레벨을 생성할 수 있는 최고의 WordPress 멤버십 플러그인입니다.

MemberPress를 사용하여 다른 규칙을 설정할 수 있으므로 사용자는 회원 등급에 따라 콘텐츠에 액세스할 수만 있습니다. 자세한 내용은 WordPress 회원 사이트 생성에 대한 가이드를 참조하십시오.

시작하려면 먼저 웹사이트에 멤버십을 추가해야 합니다. WordPress 대시보드에서 MemberPress » 멤버십 으로 이동하고 '새로 추가' 버튼을 클릭하기만 하면 됩니다.

그런 다음 멤버십 등급 이름을 입력하고 설명을 추가하고 가격을 설정할 수 있습니다.

청구 유형을 일회성에서 반복으로 변경하고 멤버십을 평생 또는 특정 기간 후에 만료되도록 편집할 수도 있습니다.

완료되면 '게시' 버튼을 클릭하는 것을 잊지 마십시오.

다음으로 WordPress 대시보드에서 MemberPress » 규칙 으로 이동하여 '새로 추가' 버튼을 클릭할 수 있습니다.

여기에서 '보호된 콘텐츠' 옵션 아래의 드롭다운 메뉴를 클릭할 수 있습니다. MemberPress는 단일 페이지이든 모든 WordPress 페이지이든 콘텐츠를 보호할 수 있는 다양한 옵션을 제공합니다.

이 자습서에서는 단일 페이지를 암호로 보호합니다. 드롭다운 메뉴에서 '단일 페이지' 옵션을 선택하고 페이지 제목을 입력하기만 하면 됩니다.

다음으로 액세스 조건을 설정하고 제한된 페이지를 볼 수 있는 사람을 구성해야 합니다. MemberPress를 사용하면 멤버십 수준, WordPress 사용자 역할, 기능 및 개별 구성원을 기반으로 콘텐츠를 보호할 수 있습니다.

이 튜토리얼의 드롭다운 메뉴에서 '멤버십'을 '프리미엄'으로 설정하겠습니다. 이렇게 하면 프리미엄 회원만 페이지에 액세스할 수 있습니다. 더 많은 조건을 추가하고 1개 이상의 회원 등급이 페이지를 볼 수 있도록 허용할 수 있습니다.

완료되면 '규칙 저장' 버튼을 클릭하는 것을 잊지 마십시오.

그런 다음 웹 사이트를 방문하여 암호로 보호된 페이지가 작동하는 것을 볼 수 있습니다. 회원은 페이지의 내용을 보려면 계정에 로그인해야 합니다.

비디오에 암호를 설정하거나 기업 팀에 그룹 멤버십을 제공할 수 있습니다. 또한 가입자가 유료 뉴스레터 등에 액세스할 수 있도록 비밀번호를 생성할 수 있습니다.

WordPress에서 양식을 암호로 보호하는 방법에 대한 가이드도 있습니다.

이 기사가 WordPress에서 비밀번호로 보호된 페이지를 사용자 정의하는 방법을 배우는 데 도움이 되었기를 바랍니다. 코드를 작성하지 않고 완전히 맞춤형 WordPress 테마를 만드는 방법에 대한 가이드 또는 최고의 WordPress SEO 플러그인 비교를 보고 싶을 수도 있습니다.

이 기사가 마음에 들면 WordPress 비디오 자습서용 YouTube 채널을 구독하십시오. Twitter와 Facebook에서도 찾을 수 있습니다.