WordPress에서 검색 가능한 회원 디렉토리를 만드는 방법
게시 됨: 2023-04-26WordPress 웹사이트에 회원 디렉토리를 추가하려고 합니까?
회원 사이트에 디렉토리를 추가하면 커뮤니티 참여를 높일 수 있습니다. 새로운 회원이 가입하도록 장려하고 서로 쉽게 연락할 수 있도록 합니다.
이 기사에서는 WordPress에서 검색 가능한 회원 디렉토리를 만드는 방법을 보여줍니다.
WordPress에서 검색 가능한 회원 디렉토리를 만드는 이유는 무엇입니까?
멤버십 사이트는 공통 관심사를 공유하는 사용자를 모으는 경우가 많습니다. 회원들이 공유 관심사에 대해 서로 쉽게 소통할 수 있도록 하여 WordPress 웹사이트에서 공동체 의식을 형성할 수 있습니다.
회원 디렉터리를 생성하여 이를 수행할 수 있습니다. 사이트에서 검색 가능한 회원 목록입니다. 회원이 다른 회원의 프로필과 연락처 정보를 볼 수 있습니다.
이것은 귀하의 웹사이트의 신뢰도를 높이고 귀하의 회원들에게 더 많은 가치를 제공할 것입니다. 회원들이 자신이 중요하고 인정받고 있다고 느끼는 데 도움이 될 수도 있습니다.
그러나 개인 정보를 보호하기 위해 개인 정보가 디렉터리에 표시되기 전에 각 구성원이 동의하도록 요구할 수 있습니다.
아직 멤버십 사이트를 만들지 않았다면 WordPress 멤버십 사이트 만들기에 대한 최종 가이드를 따를 수 있습니다.
어떤 방법을 사용해도 멤버십 사이트를 만들 수 있지만 MemberPress 플러그인을 권장합니다. 고급 멤버십 기능을 제공하고 이 튜토리얼에서 사용되는 Formidable Forms Directory 애드온과 잘 통합됩니다.
WordPress에서 검색 가능한 회원 디렉토리를 만드는 방법
구성원 디렉토리를 만드는 가장 좋은 방법은 Formidable Forms 플러그인을 사용하는 것입니다. 회원의 프로필 정보를 포함하여 웹 사이트의 프런트 엔드에서 사용자가 제출한 데이터를 형식 지정, 필터링 및 표시할 수 있는 고급 기능이 함께 제공됩니다.
시장에서 가장 우수한 WordPress 사용자 등록 플러그인 중 하나이며 애드온을 사용하여 회원 디렉토리를 쉽게 만들 수 있습니다. 또한 MemberPress와 통합되어 디렉토리의 모양과 기능을 완벽하게 제어할 수 있습니다.
Formidable Forms를 사용하여 구성원이 자신의 정보를 입력하고 디렉토리에 옵트인할 수 있는 프로필 양식을 만들 수 있습니다. 검색 가능한 구성원 디렉터리 자체를 표시하는 데 사용할 수도 있습니다.
그 외에도 예약 양식 또는 웹 디렉토리 생성, 고객이 견적을 요청할 수 있도록 하는 등 웹 사이트에서 모든 종류의 다른 목적으로 Formidable Forms를 사용할 수 있습니다.
이를 염두에 두고 Formidable Forms 플러그인을 사용하여 검색 가능한 구성원 디렉토리를 생성하는 방법을 살펴보겠습니다.
- 회원 사이트에 강력한 양식 설치
- Formidable Member Directory 애플리케이션 생성
- 회원 프로필 양식 및 '회원 추가' 페이지 사용자 지정
- '회원 디렉토리' 페이지 사용자 지정
- 회원 디렉토리에서 샘플 데이터 삭제
1. 회원 사이트에 강력한 양식 설치
가장 먼저 해야 할 일은 플러그인의 무료 버전인 Formidable Forms Lite를 설치하고 활성화하는 것입니다. Formidable Forms Lite는 Pro 버전의 고급 기능을 위한 기반 역할을 합니다.
자세한 내용은 WordPress 플러그인 설치 방법에 대한 가이드를 참조하세요.
다음으로 Formidable Directory 페이지를 방문하여 'Get Formidable Directory' 버튼을 클릭해야 합니다. 그러면 Directory 애드온이 포함된 Elite 플랜을 구매하라는 메시지가 표시됩니다.
Formidable 웹 사이트를 떠나기 전에 라이선스 키를 복사해야 합니다. 페이지 상단의 '계정'을 클릭하면 찾을 수 있습니다.
이제 웹사이트로 돌아가 Formidable » Global Settings 로 이동합니다. 여기에서 '라이선스 키를 수동으로 입력하려면 클릭' 링크를 클릭하여 라이선스 키를 붙여넣은 다음 '라이선스 저장' 버튼을 클릭합니다.
이제 WordPress에서 구성원 디렉터리를 만들 준비가 되었습니다.
2. Formidable Member Directory 애플리케이션 생성
다음으로 WordPress 관리 사이드바에서 Formidable » Applications 로 이동해야 합니다. 이 페이지에는 사용 가능한 애플리케이션 템플릿이 표시됩니다.
여기에서 회원 디렉토리 애플리케이션을 찾고 '+ 추가' 버튼을 클릭하여 설치해야 합니다.
이렇게 하면 구성원 디렉터리 응용 프로그램을 설명하는 팝업이 열립니다.
계속하려면 '응용 프로그램 설치' 버튼을 클릭하기만 하면 됩니다.
다음으로 애플리케이션 이름을 지정하라는 메시지가 표시됩니다.
이 자습서에서는 기본 이름인 'Member Directory'를 그대로 두고 '응용 프로그램 설치' 버튼을 클릭하여 계속합니다.
Formidable Forms는 이제 회원 디렉토리에 필요한 페이지, 양식 및 보기를 생성합니다. 페이지는 초안으로 저장되므로 게시하기 전에 사용자 지정할 수 있습니다.
이제 '응용 프로그램 열기' 버튼을 클릭해야 합니다. 이렇게 하면 디렉터리를 사용자 지정하고 게시할 수 있는 구성원 디렉터리 응용 프로그램 페이지가 열립니다.
이제 회원이 '회원 추가' 페이지에서 작성할 수 있는 '사용자 디렉토리 프로필' 양식을 만들었습니다.
테이블 보기 또는 그리드 보기에서 디렉토리를 볼 수 있는 '구성원 디렉토리' 페이지도 있습니다.
3. 회원 프로필 양식 및 '회원 추가' 페이지 사용자 지정
다음으로 '사용자 디렉토리 프로필' 양식에서 일부 필드를 추가하거나 제거할 수 있습니다. 회원이 명부에 포함되기 위해 작성해야 하는 양식입니다.
게시하기 전에 프로필 양식이 표시되는 페이지에 몇 가지 지침을 추가할 수도 있습니다.
'사용자 디렉토리 프로필' 양식 사용자 지정
'사용자 디렉토리 프로필' 양식에는 대부분의 회원 프로필에 필요한 모든 필드가 포함되어 있습니다. '사용자 디렉토리 프로필' 링크를 클릭하거나 마우스를 올려놓은 다음 '편집'을 클릭하여 사용자 정의할 수 있습니다.
그러면 양식 편집기가 열립니다. 오른쪽에는 양식 미리보기가, 왼쪽에는 사용 가능한 필드가 표시됩니다.
양식에는 연락처 세부 정보, 소셜 링크 등이 포함됩니다. 일부 필드는 회원의 WordPress 사용자 프로필 정보를 사용하여 자동으로 채워집니다. 여기에는 이름, 이메일 주소 및 약력이 포함됩니다.
새 필드를 추가하려면 왼쪽의 '필드 추가' 열에서 양식으로 드래그하기만 하면 됩니다.
필드를 클릭하여 필드의 옵션을 변경할 수 있습니다. 그러면 왼쪽에 '필드 옵션' 탭이 열리며 여기에서 설정을 변경하여 필드를 사용자 지정할 수 있습니다.
'고급' 섹션에서 필드의 기본값에 대한 옵션을 찾을 수 있습니다. 여기에서 스마트 태그 목록에서 기본값을 선택할 수 있습니다. 이것은 사용자가 WordPress 프로필에 이미 추가한 정보를 가져오므로 두 번 입력할 필요가 없습니다.
양식 하단으로 스크롤하면 이미 소셜 링크 필드와 회원이 디렉터리에 포함되도록 선택할 수 있는 옵션이 포함되어 있음을 알 수 있습니다.
양식 사용자 정의를 마치면 '프로필 저장' 버튼을 클릭하여 변경 사항을 저장하십시오.
'구성원 추가' 페이지 사용자 지정
다음으로 웹사이트에 프로필 양식을 표시할 '회원 추가' 페이지를 사용자 정의하고 게시해야 합니다.
페이지를 보려면 Formidable » Applications » Member Directory 로 다시 이동해야 할 수도 있습니다. 그런 다음 '회원 추가' 링크를 클릭하거나 링크 위로 마우스를 가져가서 '편집'을 클릭하십시오.
이렇게 하면 WordPress 콘텐츠 편집기에서 '회원 추가' 페이지가 열립니다. 여기에는 방금 보고 있던 페이지 제목과 Formidable 양식이 포함되어 있습니다.
원하는 경우 페이지에 'Join Our Member Directory'와 같은 다른 제목을 지정할 수 있습니다.
양식 앞에 지침을 추가하려면 페이지 제목을 클릭하고 Enter 키를 눌러야 합니다. 이렇게 하면 해당 지침을 입력할 수 있는 새 블록이 생성됩니다.
페이지에 만족하면 화면 상단의 '게시' 버튼을 클릭하기만 하면 페이지가 웹사이트에 게시됩니다.
4. '회원 디렉토리' 페이지 사용자 정의
이제 구성원 디렉터리 자체를 사용자 지정하고 게시할 수 있습니다. 그리드 또는 테이블에 멤버를 표시할지 여부를 선택해야 합니다. 그런 다음 웹 사이트에 표시되도록 페이지를 게시해야 합니다.
'회원 디렉토리' 페이지 사용자 지정
먼저 Formidable » Applications 로 돌아가 회원 디렉토리 애플리케이션을 클릭하십시오.
'회원 디렉토리' 페이지 초안을 게시해야 합니다. 그러나 그렇게 하기 전에 해당 페이지가 그리드 또는 테이블 형식으로 디렉토리를 표시할지 여부를 결정할 수 있습니다.
WordPress 편집기에서 열려면 'Member Directory' 페이지를 클릭하기만 하면 됩니다.
페이지에는 제목과 디렉터리를 표시하는 다음 단축 코드만 포함되어 있습니다.
[display-frm-data id=dir-two-col-grid]
기본적으로 단축 코드는 디렉토리를 2열 격자로 표시합니다.
페이지를 미리 보고 어떻게 표시되는지 확인할 수 있습니다.
또는 회원 디렉토리를 테이블 형식으로 표시할 수 있습니다.
그렇게 하려면 다음 단축 코드를 대신 사용해야 합니다.
[display-frm-data id=dir-table-listing-view]
변경 사항을 보려면 페이지를 다시 미리 볼 수 있습니다.
이번에는 각 구성원이 한 줄에 열에 정보가 표시됩니다.
어떤 숏코드를 선택하든 '프로필 보기'를 클릭하면 해당 멤버에 대한 자세한 정보가 표시됩니다.
원하는 경우 페이지에 추가 콘텐츠를 추가할 수 있습니다. 완료되면 '게시' 버튼을 클릭하여 회원 디렉토리를 웹사이트에 라이브로 푸시하십시오.
탐색 메뉴에 회원 디렉토리 페이지 추가
웹사이트의 탐색 메뉴에 '회원 추가' 및 '회원 디렉토리' 페이지를 추가하여 회원들이 디렉토리를 쉽게 찾거나 가입할 수 있습니다.
WordPress 탐색 메뉴에 특정 게시물을 추가하는 방법에 대한 가이드를 따르기만 하면 됩니다.
회원 디렉토리를 회원으로만 제한
또한 보유하고 있는 회원 사이트의 유형에 따라 로그인한 회원만 '회원 추가' 및 '회원 디렉토리' 페이지를 볼 수 있도록 할 수 있습니다.
그렇다면 회원만 페이지에 액세스할 수 있도록 규칙을 만들어야 합니다.
WordPress 멤버십 사이트 생성에 대한 궁극적인 가이드에서 단계별로 수행하는 방법을 보여줍니다. 아래로 스크롤하여 MemberPress 규칙을 만드는 방법을 알아보려면 6단계를 읽고 회원 전용 콘텐츠를 추가하는 방법을 알아보려면 7단계를 읽으면 됩니다.
5. 회원 디렉토리에서 샘플 데이터 삭제
구성원 디렉터리에는 이 자습서에서 사용된 스크린샷에서 볼 수 있는 샘플 데이터가 포함되어 있습니다. 이것은 프로필이 어떻게 보이는지 볼 수 있기 때문에 회원 디렉토리를 설정할 때 유용합니다.
그러나 디렉터리 설정을 완료한 후에는 샘플 데이터를 삭제해야 합니다.
Formidable » Applications » Member Directory 로 돌아가서 'User Directory Profile' 양식을 클릭해야 합니다.
Formidable 편집기가 열리면 화면 상단의 'Entries' 탭을 클릭하여 샘플 항목을 봅니다.
아마도 나열된 유일한 항목은 4개의 샘플 구성원일 것입니다. 이 경우 화면 상단의 '모든 항목 삭제' 버튼을 클릭하기만 하면 됩니다. 나열된 모든 구성원이 삭제됩니다.
그러나 실제 구성원 중 일부가 이미 프로필을 만든 경우 샘플 항목을 수동으로 선택해야 합니다.
이렇게 하려면 각 샘플 구성원 옆에 있는 확인란을 클릭해야 합니다. 그런 다음 목록 상단의 '대량 작업' 버튼을 클릭하고 드롭다운 메뉴에서 '삭제'를 선택합니다.
마지막으로 '적용' 버튼을 클릭하여 샘플 데이터를 삭제합니다. 회원 디렉토리에는 이제 실제 회원의 프로필만 포함됩니다.
이 튜토리얼이 WordPress에서 검색 가능한 회원 디렉토리를 만드는 방법을 배우는 데 도움이 되었기를 바랍니다. WordPress를 사용하여 온라인 코스를 만들고 판매하는 방법에 대한 가이드 또는 WordPress에 가장 적합한 문의 양식에 대한 전문가 선택을 참조할 수도 있습니다.
이 기사가 마음에 드셨다면 WordPress 비디오 자습서용 YouTube 채널을 구독하십시오. 트위터와 페이스북에서도 우리를 찾을 수 있습니다.