세계에서 가장 진보하고 확장 가능한 WordPress 디렉토리 플러그인

GeoDirectory는 확장 가능한 비즈니스 디렉토리, 도시 가이드, 부동산 매물, 구인 게시판, 이벤트 사이트, 분류 광고, 로컬 탐색 플랫폼 구축을 위한 엔터프라이즈급 WordPress 플러그인입니다. 일반적인 목록 플러그인과 달리 WordPress 포스트 메타가 아닌 맞춤형 데이터베이스 테이블을 사용하기 때문에, 소규모 로컬 포털부터 수십만 또는 수백만 개의 목록이 있는 디렉토리까지 사이트 성능이 뛰어납니다. 핵심 기능으로는 최적화된 검색, 지도, 리뷰, 프론트엔드 제출, 그리고 맞춤화를 위한 광범위한 애드온 생태계가 포함됩니다. WordPress.org와 Capterra에서 700개 이상의 리뷰를 통해 4.8/5 평점을 받았습니다.

GeoDirectory 시작하기
GeoDirectory로 무엇을 할 수 있나요?

온라인 디렉토리 웹사이트는 개인과 기업 모두에게 유용한 자원입니다.

이러한 웹사이트는 비즈니스, 단체, 개인의 종합적인 목록을 제공하며, 주로 카테고리나 지역별로 구성되어 있습니다.

이 블로그 포스트에서는 온라인 디렉토리 웹사이트에 대해 자주 묻는 질문들에 답변해 드립니다.

정보를 찾고 있거나 온라인 가시성을 높이고 싶다면, 이 포스트에서 필요한 답변을 찾을 수 있습니다.

시작해 볼까요!

1. 비즈니스 온라인 디렉토리 웹사이트란 무엇인가요?

비즈니스 온라인 디렉토리 웹사이트는 디렉토리 소프트웨어를 사용하여 온라인 디렉토리를 만든 웹사이트입니다.

최종 목표는 비즈니스를 등록하는 것으로, 주로 카테고리나 지역별로 구성됩니다.

이러한 디렉토리는 등록된 업체가 제공하는 제품이나 서비스에 대한 정보는 물론, 연락처 및 기타 관련 정보를 제공합니다.

비즈니스 디렉토리 웹사이트는 사람들이 주변 지역이나 특정 업종의 업체에 대해 필요한 정보를 찾을 수 있도록 도와줍니다.

또한 인지도를 높이고 새로운 고객을 유치하려는 업체에게도 유용한 도구가 될 수 있습니다.

2. 비즈니스 디렉토리 소프트웨어란 무엇인가요?

GeoDirectory는 최고의 비즈니스 디렉토리 소프트웨어 중 하나입니다

A 비즈니스 디렉토리 플러그인 은 사용자가 업체, 조직 또는 개인의 온라인 디렉토리 웹사이트를 생성하고 관리할 수 있도록 해주는 소프트웨어의 한 종류입니다.

이 유형의 소프트웨어에는 일반적으로 리스팅 추가, 편집 및 삭제, 위치나 업종별 리스팅 분류, 다양한 기준에 따른 리스팅 검색 등의 기능이 포함되어 있습니다.

일부 비즈니스 디렉토리 소프트웨어에는 평점 및 리뷰, 결제 처리, 다른 도구나 플랫폼과의 연동과 같은 추가 기능이 포함될 수도 있습니다.

비즈니스 디렉토리 소프트웨어는 온라인 디렉토리 웹사이트를 구축하고 관리하는 개인이나 업체에게 없어서는 안 될 필수 도구입니다.

3. 웹 디렉토리의 예시는 무엇인가요?

BOTW는 웹 디렉토리 웹사이트의 대표적인 예시입니다

웹 디렉토리는 웹사이트를 나열한 온라인 디렉토리로, 흔히 카테고리나 주제별로 정리되어 있습니다.

웹 디렉토리의 예시로는 호텔, 항공사, 여행사 등 여행 관련 웹사이트를 모아놓은 디렉토리를 들 수 있습니다.

이 디렉토리는 각 웹사이트와 서비스에 대한 간략한 설명과 링크를 제공합니다.

이런 유형의 디렉토리는 여행처럼 특정 주제에 대한 정보를 찾는 사람들에게 유용한데, 관련 웹사이트를 한 곳에 큐레이션하여 제공하기 때문입니다.

웹 디렉토리의 다른 예로는 온라인 쇼핑몰, 블로그, 포럼 디렉토리 등이 있습니다.

웹 디렉토리의 구체적인 예시를 소개합니다:

  • Yahoo! Directory: 이것은 가장 오래되고 잘 알려진 웹 디렉토리 중 하나였습니다. 카테고리와 하위 카테고리로 구성되어 있어 다양한 주제의 웹사이트를 쉽게 찾을 수 있었습니다. 이 디렉토리는 2014년에 서비스를 종료했습니다.
  • DMOZ (The Open Directory Project): 이 디렉터리는 다양한 주제의 웹사이트를 분류하고 목록화하기 위해 활동하는 편집자 커뮤니티의 공동 작업물이었습니다.
  • Best of the Web: 이 디렉터리는 고품질 웹사이트에 초점을 맞추며, 사용자가 필요한 정보를 찾을 수 있도록 각 사이트에 대한 간략한 설명을 제공합니다.
  • JoeAnt: 이 디렉터리는 카테고리와 하위 카테고리로 구성되어 있으며, 사용자가 등록된 웹사이트를 평가하고 리뷰할 수 있습니다.
  • WebWorldIndex: 이 디렉터리는 사람이 직접 편집하는 디렉터리로, 다양한 주제의 웹사이트를 목록화합니다. 또한 사용자가 자신의 웹사이트를 디렉터리에 등록 신청할 수 있습니다.
  • Business.com: 이 디렉터리는 비즈니스에 초점을 맞추며 다양한 산업 및 기업에 관한 정보를 제공합니다. 또한 온라인 입지를 강화하려는 기업을 위한 도구와 리소스도 제공합니다.

4. 온라인 디렉터리 웹사이트 비즈니스 모델은 수익성이 있나요?

monetize directory business model

웹마스터가 디렉터리를 성공적으로 홍보하고, 충분한 배포 수준에 도달하며, 꾸준한 트래픽을 창출한다면 수익성이 있을 수 있습니다.

The online directory website business model 은 잘 운영되고 트래픽과 사용자 기반을 성공적으로 수익화할 경우에만 수익성을 가질 수 있습니다.

모든 비즈니스와 마찬가지로, 수익성의 수준은 사용자 기반의 규모, 디렉터리 콘텐츠의 품질, 그리고 수익화 전략.

수익성을 확보하려면, 온라인 디렉터리 웹사이트는 충분한 수의 사용자를 유치하고 광고, 구독 또는 기타 수익원을 통해 비용을 충당하고 이익을 창출할 만큼의 충분한 수익을 올려야 합니다.

또한 디렉터리는 시장 내 다른 디렉터리들과 경쟁하고 사용자에게 가치를 제공하여 사용자를 유지하고 사용자 기반을 지속적으로 성장시켜야 합니다.

SEO(검색 엔진 최적화)를 마스터하는 것이 온라인 디렉터리 웹사이트를 기반으로 수익성 있는 비즈니스를 구축하는 가장 확실한 방법입니다.

5. 온라인 비즈니스 디렉터리는 어떻게 수익을 창출하나요?

온라인 비즈니스 디렉터리는 다양한 수익화 기법을 통해 수익을 창출할 수 있습니다.

한 가지 방법은 광고로, 디렉터리가 노출도를 높이려는 기업들에게 웹사이트의 광고 공간을 판매하는 것입니다.

또 다른 방법은 구독료를 통한 것으로, 사용자가 디렉토리의 특정 기능이나 정보에 접근하기 위해 요금을 지불해야 하는 방식입니다.

또한, 일부 디렉토리는 프리미엄 리스팅을 제공하여 업체가 비용을 지불하고 디렉토리에서 정보를 눈에 띄게 표시하거나 강조할 수 있도록 합니다.

디렉토리가 수익을 창출하는 또 다른 방법은 리드에 대한 커미션입니다.

이 경우, 디렉토리를 통해 업체로 연결된 고객 한 명당 커미션을 받습니다.

전반적으로 온라인 비즈니스 디렉토리는 이러한 방법 중 하나 또는 여러 가지를 조합하여 수익을 창출할 수 있습니다.

6. 수익성 있는 온라인 디렉토리를 시작하는 방법은 무엇인가요?

monetize wordpress directory website
온라인 디렉토리 웹사이트의 수익성

다음을 위해 수익성 있는 온라인 디렉토리를 시작하려면, 탄탄한 비즈니스 전략을 신중하게 계획하고 실행해야 합니다.

다음 단계를 따르세요:

  1. 집중할 특정 틈새 시장이나 분야를 선정하세요. 이를 통해 다른 디렉토리와 차별화하고 목표 타깃 고객층을 유치할 수 있습니다.
  2. 디렉토리에 포함할 업체, 조직 또는 개인의 포괄적인 목록을 작성하세요. 이것은 디렉토리의 핵심이 되며, 정확하고 최신 상태를 유지하기 위해 정기적으로 업데이트해야 합니다.
  3. 디렉토리를 운영할 사용자 친화적이고 매력적인 웹사이트를 만드세요. 이는 비즈니스의 얼굴이 되므로, 시각적으로 보기 좋고 탐색하기 쉽게 구성하세요.
  4. 효과적인 수익화 전략을 실행하세요. 광고 공간 판매, 구독 플랜 제공, 또는 프리미엄 리스팅 제공 등을 포함할 수 있습니다.
  5. 사용자를 유치하고 가시성을 높이기 위해 디렉토리를 홍보하세요. 검색 엔진 최적화(SEO), 소셜 미디어 마케팅, 콘텐츠 마케팅 등의 마케팅 활동이 포함될 수 있습니다.
  6. 성과를 모니터링하고 필요에 따라 조정하세요. 콘텐츠를 정기적으로 업데이트하거나, 웹사이트를 개선하거나, 수익화 전략을 다듬는 것이 포함될 수 있습니다.

이것이 사용자에게 가치를 제공하고 비즈니스를 위한 수익을 창출하는 수익성 있는 온라인 디렉토리를 만드는 가장 좋은 방법입니다.

7. 성공적인 디렉토리를 만드는 방법은 무엇인가요?

성공적인 디렉토리를 만들려면 올바른 틈새 시장을 찾아야 합니다!

성공적인 디렉토리를 만드는 핵심은 사용자에게 가치를 제공하는 데 집중하는 것입니다.

이는 비즈니스, 조직 또는 개인의 포괄적이고 최신 목록을 관련 정보 및 세부 사항과 함께 제공하는 것을 의미합니다.

또한 탐색과 검색이 쉬운 사용자 친화적이고 매력적인 웹사이트를 만드는 것을 의미합니다.

사용자에게 가치를 제공함으로써 충성스러운 독자층을 확보하고 유지할 수 있으며, 이는 디렉토리의 성공에 필수적입니다.

사용자에게 가치를 제공하는 것 외에도 탄탄한 브랜드를 구축하는 것이 중요합니다.

이는 온라인 디렉토리 웹사이트에 일관되고 전문적인 이미지를 만드는 것을 의미합니다.

여기에는 독창적인 로고와 색상 체계 개발, 매력적이고 유익한 콘텐츠 제작, 다양한 채널을 통한 디렉토리 홍보 등이 포함될 수 있습니다.

탄탄한 브랜드를 구축함으로써 디렉토리를 신뢰할 수 있고 믿을 만한 정보 출처로 자리매김할 수 있으며, 이는 사용자를 유치하고 유지하는 데 도움이 됩니다.

8. 디렉토리 리스팅 요금은 얼마로 설정해야 할까요?

프리미엄 리스팅 가격

디렉토리 리스팅 요금은 디렉토리의 규모와 범위, 비즈니스에 대한 리스팅의 가치, 시장 내 경쟁 상황 등 여러 요소에 따라 달라집니다.

일반적으로 비즈니스에 대한 리스팅의 가치를 반영하고 수익을 창출할 수 있는 합리적인 가격을 설정하는 것을 목표로 해야 합니다.

한 가지 방법은 노출 수준과 기능이 다른 리스팅에 대해 다양한 가격 등급을 제공하는 것입니다.

예를 들어, 기본 리스팅은 무료 또는 저렴한 요금으로 제공하고, 비즈니스가 더 높은 가격의 프리미엄 리스팅으로 업그레이드할 수 있도록 할 수 있습니다.

이를 통해 비즈니스는 자신의 필요와 예산에 가장 적합한 노출 수준과 기능을 선택할 수 있습니다.

또한 가격이 경쟁력 있고 공정하게 유지되도록 정기적으로 검토하고 조정하는 것이 중요합니다.

이를 위해 유사한 디렉토리의 가격을 파악하기 위한 시장 조사를 실시하고, 고객이 리스팅 요금에 대해 받는 가치에 만족하는지 확인하기 위해 정기적으로 피드백을 수집할 수 있습니다.

전반적으로 디렉토리 리스팅의 공정한 가격을 설정하는 핵심은 비즈니스에 대한 리스팅의 가치를 신중하게 평가하고, 시장 상황과 고객 피드백을 반영하여 가격을 정기적으로 검토하고 조정하는 것입니다.

9. 웹사이트 디렉토리를 어떻게 홍보할 수 있나요?

온라인 디렉토리 홍보

웹사이트 디렉토리를 홍보하고 가시성을 높이는 방법은 다양합니다.

다음은 몇 가지 팁입니다:

  1. 검색 엔진에 맞게 웹사이트를 최적화하세요. 키워드 및 기타 기법을 활용하여 검색 엔진 결과 페이지(SERP)에서 웹사이트의 순위를 높이면, 사용자들이 관련 검색어를 입력할 때 디렉토리를 더 쉽게 찾을 수 있습니다.
  2. 소셜 미디어를 활용해 디렉토리를 홍보하세요. Facebook, Twitter, LinkedIn 등의 소셜 미디어 플랫폼에 디렉토리와 콘텐츠 링크를 공유하여 더 많은 사람들에게 도달하고 웹사이트로의 트래픽을 유도하세요.
  3. 타깃 오디언스와 적극적으로 소통하세요. 관련 블로그 게시물 및 포럼에 댓글을 달고, 업계 그룹 및 협회에 참여하며, 업계 행사에 참석하여 디렉토리와 그 가치를 널리 알리세요.
  4. 유익한 콘텐츠를 제공하세요. 기업, 단체, 개인 목록을 제공하는 것 외에도, 타깃 오디언스에게 가치를 제공하는 기사, 블로그 게시물, 동영상 또는 기타 콘텐츠를 제공하는 것을 고려해 보세요. 이를 통해 디렉토리를 신뢰할 수 있는 권위 있는 정보 출처로 자리매김할 수 있습니다.
  5. 다른 웹사이트 및 디렉토리와 협력하세요. 비슷한 오디언스를 대상으로 하는 다른 웹사이트나 디렉토리와 파트너십을 맺어 서로의 콘텐츠를 교차 홍보하고 웹사이트로의 트래픽을 늘리는 것을 고려해 보세요.

이러한 팁을 따르면 웹사이트 디렉토리를 효과적으로 홍보하고 가시성과 도달 범위를 높일 수 있습니다.

10. 디렉토리는 SEO에 도움이 되나요?

디렉토리는 여전히 SEO에 효과적인가요?

네, 디렉토리는 SEO에 도움이 될 수 있습니다.

검색 엔진은 디렉토리를 포함한 웹사이트를 크롤링하고 색인화합니다.

품질 높은 디렉토리는 추가적인 인바운드 링크를 제공함으로써 검색 엔진 결과 페이지(SERP)에서 웹사이트의 가시성을 높이는 데 도움이 될 수 있습니다.

이를 통해 웹사이트의 검색 엔진 순위를 향상시키고, 사용자들이 관련 검색어를 입력할 때 웹사이트를 더 쉽게 찾을 수 있도록 합니다.

또한, 디렉토리는 웹사이트와 그 콘텐츠에 대한 유용한 정보와 맥락을 제공하여 검색 엔진이 관련성과 권위를 파악하는 데 도움을 줄 수 있습니다.

이는 검색 엔진 결과에서 웹사이트의 순위와 가시성을 높일 수 있습니다.

그러나 모든 디렉토리가 SEO 측면에서 동일한 가치를 갖는 것은 아니라는 점을 명심해야 합니다.

일부 디렉토리는 다른 것보다 더 신뢰할 수 있고 권위 있으며, 웹사이트의 검색 엔진 순위 향상에 더 큰 가치를 제공합니다.

따라서 웹사이트의 SEO를 위해 사용할 디렉토리를 신중하게 조사하고 평가하는 것이 매우 중요합니다.

11. 비즈니스 디렉토리를 판매하려면 어떻게 해야 하나요?

온라인 디렉토리 웹사이트를 판매하는 방법

비즈니스 디렉토리를 판매하려는 경우, 그 가치를 극대화하고 잠재적 구매자를 유치하기 위해 몇 가지 단계를 밟을 수 있습니다. 다음은 몇 가지 팁입니다:

  1. 관련된 모든 정보와 문서를 수집하세요. 여기에는 재무제표, 사용자 데이터, 광고주 또는 기타 파트너와의 계약서 등이 포함될 수 있습니다.
  2. 디렉토리의 현재 상태와 미래 잠재력을 설명하는 상세하고 전문적인 사업 계획서를 작성하세요.
  3. 잠재적 구매자를 찾고 매각 협상을 도와줄 수 있는 비즈니스 브로커나 어드바이저의 서비스를 활용하는 것을 고려해 보세요. 여기에는 Flippa.com, MicroAcquire, Empire Flippers 같은 사이트에 매물을 등록하는 것도 포함됩니다.
  4. 다른 디렉토리 웹사이트나 관련 업계 기업 등 잠재적 구매자에게 적극적으로 접근하여 디렉토리와 그 가치 제안을 소개하세요.
  5. 매각 가격 및 지속적인 의무나 약정을 포함한 매각 조건을 협상하세요.
  6. 합의된 조건에 따라 매각을 완료하고 디렉토리의 소유권을 이전하세요.

이 전략을 실행함으로써 비즈니스 디렉토리를 효과적으로 판매하고 그 가치를 극대화할 수 있습니다.

온라인 비즈니스 디렉토리에 대해 더 궁금한 점이 있으신가요? 아래 댓글에 질문을 남겨 주시면 이 글을 업데이트하겠습니다!

오늘 바로 GeoDirectory를 시작하세요:

구매하기
멤버십!

대부분의 "레스토랑 디렉토리 구축 방법" 가이드는 결국 검색 및 주문 측면에서 Grubhub, Uber Eats, DoorDash, 또는 Yelp로 안내합니다.

제안은 간단합니다. 다른 플랫폼에 레스토랑을 등록하고, 노출과 주문에 대한 수수료를 지불하면, 고객이 알아서 찾아온다는 것입니다.

하지만 계산해 보면 금방 부담스러워집니다.

Grubhub, Uber Eats, DoorDash는 모든 주문에서 15~30%를 가져가고, 고객 측 배달비까지 더해지면 평균 주문 금액이 레스토랑의 현장 가격보다 훨씬 높아집니다.

Yelp는 프리미엄 비즈니스 페이지에 월 $300~$1,000 이상을 청구하며, 비용을 지불하지 않는 경쟁업체의 리스팅이 기본으로 해당 페이지에 노출됩니다.

OpenTable은 레스토랑에 온라인 예약 1건당 $1, 전화 예약 1건당 $0.25를 청구하며, 여기에 월 기본 이용료 $249가 추가됩니다.

이러한 플랫폼 중 어느 것도 레스토랑에게 고객 이메일, 주문 내역, 또는 마케팅 관계를 제공하지 않습니다.

그 비용의 일부만으로 완전한 마켓플레이스 기능을 갖춘 나만의 레스토랑 디렉토리 웹사이트를 구축하고, 고객 관계를 직접 소유하며, 수수료도 그대로 가져갈 수 있습니다.

이 글은 무료 GeoDirectory plugin 디렉토리 엔진으로 사용하고, 선택적으로 GeoMarketplace 애드온을 추가하여 멀티벤더 주문 플랫폼으로 전환할 수 있습니다.

레스토랑 디렉토리 사이트에 실제로 필요한 것

불필요한 요소를 걷어내면, 제대로 된 레스토랑 디렉토리는 Yelp나 Grubhub의 핵심 기능과 동일한 것들을 갖추고 있습니다.

  • 음식 종류, 동네, 가격대, 식이 옵션(비건, 글루텐 프리), "지금 영업 중" 필터를 지원하는 검색 가능한 레스토랑 데이터베이스
  • 모든 리스팅에 핀이 표시되고 클릭 가능한 정보 창이 있는 지도 보기
  • 사진, 메뉴, 영업시간, 연락처, 리뷰가 포함된 상세 리스팅 페이지
  • 레스토랑 오너(리스팅 관리용)와 식사 고객(리뷰 작성 및 즐겨찾기 저장용)을 위한 사용자 계정
  • 레스토랑 오너가 WordPress 관리자 권한 없이도 직접 리스팅을 등록하거나 소유권을 주장할 수 있는 프론트엔드 제출 기능
  • 선택 사항: 레스토랑별 주문 가능한 메뉴 항목 및 멀티벤더 수수료 분배 기능 (Grubhub 수수료 없는 Grubhub 기능)
  • 선택 사항: 수익화를 위한 유료 프리미엄 리스팅, 유료 리스팅 소유권 주장, 광고 슬롯

GeoDirectory 플러그인이 해당 목록의 모든 항목을 처리하며, 멀티벤더 주문 부분은 GeoMarketplace 애드온이 담당합니다.

필요한 것 (무료 스택)

소프트웨어 3가지, 그리고 도메인과 호스팅:

  • WordPress, 웹의 43%를 구동하는 무료 CMS
  • 무료 GeoDirectory plugin 디렉토리 엔진, 검색, 지도 및 리스팅 페이지를 위한
  • 테마 GeoDirectory와 깔끔하게 어울리는 (Elementor PRO + Hello 테마, 무료 Kadence 테마, 또는 당사의 무료 BlockStrap 테마 중 하나)

무료 디렉토리 설치의 총 비용: 소프트웨어 $0, WordPress 호스팅 월 $5~15, 도메인 연간 $10~15.

SaaS 디렉토리 플랫폼에 반대하는 더 폭넓은 사례를 보려면 저희 최고의 비즈니스 디렉토리 소프트웨어 가이드.

디렉토리 웹사이트 구축에 관한 단계별 안내는 다음 튜토리얼을 참조하세요: 디렉토리 웹사이트 만드는 방법.

1단계: WordPress 호스팅 및 도메인 설정

이미 빈 WordPress 사이트가 준비되어 있다면 이 섹션을 건너뛰세요.

새로 시작하는 경우, 최소 2GB RAM과 SSD 스토리지를 제공하는 WordPress 호스팅 제공업체를 선택하세요. 관리형 WordPress 호스트는 기본 최적화를 자동으로 처리해 줍니다.

사람들이 디렉토리를 검색할 때 입력할 이름과 일치하는 도메인을 등록하세요 (예: bestbrooklynrestaurants.com, valenciafoodguide.com).

2단계: AyeCode Connect 설치

AyeCode Connect는 미리 제작된 레스토랑 디렉토리 데모를 WordPress 사이트에 직접 가져오고, 레이아웃 작업을 줄여주며, 보유한 프리미엄 애드온 라이선스를 동기화해 주는 무료 헬퍼 플러그인입니다.

다음으로 이동 플러그인 → 새로 추가 WordPress 관리자에서 검색 AyeCode Connect.

AyeCode Connect 설치
AyeCode Connect 설치

클릭 설치, 그런 다음 활성화.

클릭하세요 사이트 연결 버튼을 클릭하여 WordPress 사이트를 AyeCode 데모 라이브러리에 연결하세요. 가입은 무료입니다.

Connect site
사이트 연결

3단계: 레스토랑 디렉토리 데모 가져오기

AyeCode Connect를 통해 두 가지 미리 제작된 레스토랑 디렉토리 데모를 이용할 수 있으며, 각 페이지 빌더 방식에 하나씩 제공됩니다.

옵션 A: Elementor PRO + GeoDirectory

Elementor로 제작된 레스토랑 디렉토리
Elementor로 제작된 레스토랑 디렉토리

Elementor PRO 방식은 커스텀 리스팅 템플릿, 아카이브 페이지 및 검색 결과에 대한 최대한의 시각적 유연성을 제공합니다.

비용: Elementor PRO(입문 등급) 연 $59, 그리고 무료 GeoDirectory 플러그인.

설정 방법: 무료 Elementor 플러그인을 설치하고, Elementor 계정에서 Elementor PRO ZIP 파일을 업로드한 후, Elementor의 무료 Hello 테마를 설치하세요. 그런 다음 AyeCode Connect에서 데모 데이터 가져오기 → Elementor 레스토랑 디렉토리 → 보기 → 가져오기.

Elementor 레스토랑 디렉토리 데모 가져오기
Elementor 레스토랑 디렉토리 가져오기

옵션 B: Kadence 테마 + GeoDirectory (무료 경로)

Kadence 경로는 완전히 무료이며, 네이티브 Gutenberg 블록을 사용하기 때문에 일반 호스팅에서 더 빠르고, 페이지 빌더 비용이 반복적으로 발생하지 않습니다.

비용: Kadence 테마 $0, GeoDirectory $0, 데모 $0. 총 소프트웨어 비용: $0.

설정 방법: AyeCode Connect에서 데모 데이터 가져오기 → Kadence 레스토랑 디렉토리 → 보기 → 가져오기.

Kadence 레스토랑 디렉토리 데모 가져오기
Kadence 레스토랑 디렉토리 가져오기

가져오기를 실행하면 무료 Kadence 테마, GeoDirectory 플러그인, 레스토랑 전용 커스텀 필드, 그리고 시작점으로 활용할 수 있는 데모 리스팅 세트가 설치됩니다.

어떤 유형의 운영자에게 어떤 페이지 빌더가 적합한지 더 자세한 비교를 원하시면, 다음 가이드를 참고하세요: 페이지 빌더 선택이 디렉토리 사이트 성능에 미치는 영향.

4단계: 커스터마이징 및 레스토랑 추가

데모를 가져온 후, 두 경로 모두 동일한 작업 흐름을 따릅니다:

  1. 플레이스홀더 로고를 브랜드 로고로 교체하기
  2. 테마 커스터마이저에서 색상과 타이포그래피를 브랜드에 맞게 조정하세요
  3. 사이트 구조에 맞게 메뉴 내비게이션을 수정하세요 (홈, 레스토랑, 요리 유형, 동네, 레스토랑 등록, 연락처)
  4. 데모 리스팅을 실제 레스토랑 정보로 교체하세요, 위치: 장소 WordPress 관리자 패널에서 (또는 프런트엔드 제출 양식을 사용하여)
  5. 문의 양식 및 리드 수집 흐름 설정
  6. Google Search Console에 사이트맵 제출

프런트엔드 양식(레스토랑 소유자들이 사용하는 것과 동일한 양식)을 통해 한 번에 하나씩 등록을 추가하거나, CSV 가져오기를 통해 대량으로 추가할 수 있습니다.

마켓플레이스 보너스: 레스토랑별 Orderable 메뉴 항목

목록 페이지에서 판매되는 레스토랑 메뉴 항목
레스토랑은 자신의 목록에서 직접 메뉴 항목을 판매할 수 있습니다

기본 디렉터리를 넘어, GeoMarketplace 애드온 은(는) 레스토랑 디렉터리를 멀티 벤더 마켓플레이스로 전환하여 각 레스토랑이 자체 상점이 됩니다.

레스토랑 소유자는 자신의 목록에 연결된 상품으로 메뉴 항목을 등록합니다. 손님은 디렉터리를 통해 주문합니다. 귀하는 설정한 비율로 모든 주문에 대한 수수료를 받습니다.

이것은 제3자에게 15~30%를 지불하는 대신, 귀하가 직접 수수료율을 설정하는 자체 플랫폼에서의 Grubhub 모델입니다.

마켓플레이스 설정에 필요한 것

  • WooCommerce (무료) - 기본 전자상거래 엔진
  • MultiVendorX (무료) - 멀티 벤더 기능
  • GeoMarketplace 애드온 (프리미엄, GeoDirectory Membership에 포함) - WooCommerce + MultiVendorX + GeoDirectory를 하나의 워크플로우로 연결

GeoMarketplace는 MultiVendorX보다 Dokan, WCFM, WCV를 강하게 선호하는 경우 해당 플러그인과도 함께 작동합니다.

마켓플레이스 설정 안내

WooCommerce 설치: 플러그인 → 새로 추가 → WooCommerce 검색 → 설치 및 활성화. WooCommerce 설정 마법사를 진행하세요.

WooCommerce 설치
WooCommerce 설치

MultiVendorX 설치: 플러그인 → 새로 추가 → MultiVendorX 검색 → 설치 및 활성화. MultiVendorX 설정에서 수수료 비율을 설정하세요.

MultiVendorX 설치
MultiVendorX 설치

GeoMarketplace 설치: AyeCode 멤버십과 AyeCode Connect가 설정되어 있다면, GeoDirectory → Extensions 로 이동하여 GeoMarketplace를 설치하세요. 그렇지 않으면 GeoMarketplace ZIP 파일을 플러그인 → 새로 추가 → 플러그인 업로드.

레스토랑 목록에 Shop 탭 추가: 레스토랑 → 설정 → 탭 →.

레스토랑 목록에 Shop 탭 추가
레스토랑 목록에 Shop 탭 추가

레스토랑 오너가 가입하고 판매하는 방법

WordPress 메뉴에 두 개의 페이지를 만드세요: 판매자 등록 및 판매자 대시보드.

판매자 등록 및 대시보드 링크 추가
판매자 등록 및 대시보드 링크 추가

WordPress 일반 회원가입 활성화: 설정 → 일반 →.

GeoDirectory에서: GeoDirectory → General → Show Advanced → Allow posting without logging in.

GeoDirectory 로그인 없이 게시 허용
GeoDirectory는 로그인 없이 게시를 허용합니다

레스토랑 소유자는 이제 4단계 프로세스를 거칩니다:

  1. 리스팅 추가 양식을 통해 레스토랑을 등록합니다 (한 번에 리스팅과 사용자 계정이 생성됩니다)
  2. 비밀번호 설정을 위한 이메일을 수신합니다
  3. 벤더 대시보드를 통해 벤더 신청을 합니다
  4. 관리자(귀하)의 승인 후, 해당 리스팅에 연결된 WooCommerce 상품으로 메뉴 항목을 생성합니다
GeoMarketplace 새 상품 생성
레스토랑 소유자가 메뉴 항목을 상품으로 생성합니다

그런 다음 상품 생성 양식의 GeoDirectory 탭을 통해 해당 상품을 레스토랑 리스팅에 연결합니다.

상품을 리스팅에 연결
상품을 레스토랑 리스팅에 연결

관리자 승인 후, 메뉴 항목은 레스토랑 리스팅 페이지의 Shop 탭에 표시됩니다. 고객은 귀하의 사이트를 통해 주문하며, 각 판매에서 수수료가 자동으로 공제됩니다.

프리미엄 레스토랑 정보를 회원 로그인 뒤에 숨기기

진지하게 레스토랑 디렉토리를 운영하는 많은 사업자들은 결국 직통 전화번호, 소유자 이메일, 예약 링크, 또는 프리미엄 포토 갤러리 같은 프리미엄 필드를 회원 가입 뒤에 숨기고 싶어집니다.

GeoDirectory에서 이를 처리하는 가장 깔끔한 방법은 당사의 무료 BlockStrap 테마와 BlockStrap 페이지 빌더 플러그인을 활용하는 것입니다. 두 제품 모두 UsersWP 멤버십 등급에 연결된 블록 단위 공개 설정 규칙을 지원합니다.

이는 다른 모든 디렉토리 플러그인이 멤버십 게이팅을 처리하는 방식과 근본적으로 다릅니다. 전체 구조 분석 및 실제 사례는 다음 가이드를 참고하세요: 디렉토리 사이트를 위한 최고의 WordPress 멤버십 플러그인.

레스토랑 디렉토리 수익화를 위한 다른 방법들

마켓플레이스 수수료 외에도, 레스토랑 디렉토리에 잘 맞는 세 가지 추가 수익원이 있습니다:

유료 프리미엄 리스팅

검색 결과 상단에 표시되는 추천 리스팅
추천 리스팅으로 더 높은 노출도를 확보하세요

레스토랑은 카테고리 페이지 및 검색 결과 상단 노출, 추가 사진 및 동영상, 상세 설명, 직접 연락처 링크 등을 위해 정기 요금을 지불합니다.

The Pricing Manager 애드온 리스팅 등급과 정기 결제를 처리합니다.

유료 클레임 리스팅

GeoDirectory 클레임 리스팅 양식
레스토랑 소유자가 자신의 리스팅을 클레임하는 과정

직접 레스토랑을 등록한 후(공개 출처 활용), 레스토랑 소유자에게 리스팅 클레임 및 관리에 대한 수수료를 청구하세요.

The Claim Listings 애드온 클레임 워크플로를 처리하며, 유료 업그레이드 흐름은 Pricing Manager가 담당합니다.

광고 판매

검색 결과 상단에 표시되는 GeoDirectory 광고
검색 결과 상단에 표시되는 GeoDirectory 광고

검색 결과, 카테고리 페이지, 블로그 포스트 또는 홈 페이지에 광고 슬롯을 판매하세요. 광고는 리스팅처럼 보이도록 스타일을 적용하거나 전통적인 배너 형태로 게재할 수 있습니다.

Pricing Manager와 Advertising 애드온이 판매 및 로테이션을 처리합니다.

구축 및 운영 비용

실제 비용 내역:

  • 도메인: 연 $10~15
  • WordPress 호스팅: 월 $5~15 (연 $60~180)
  • GeoDirectory 플러그인: 무료
  • Kadence 테마: 무료 (또는 Elementor 경로의 경우 Elementor PRO 연 $59)
  • AyeCode Connect 플러그인: 무료
  • WooCommerce: 무료
  • MultiVendorX: 무료
  • GeoDirectory Membership (GeoMarketplace + 수익화 애드온용): 단일 사이트 연 $139 또는 무제한 사이트 연 $229

레스토랑 디렉토리(마켓플레이스 및 수익화 레이어 포함)의 첫 해 총 비용: 호스팅 등급과 선택하는 페이지 빌더 방식에 따라 $215~$400.

단일 레스토랑의 Yelp(프리미엄 페이지) + OpenTable + Grubhub 수수료 첫 해 비용: 온라인 주문이 활발한 레스토랑 기준 $10,000+는 거뜬합니다.

디렉토리 측에서는 수수료, 프리미엄 리스팅, 광고를 통해 반복 수익이 발생합니다. 플랫폼 측에서는 영원히 남에게 임대료를 내고 있는 셈입니다.

실용적인 접근 방법

직접 소유할 수 있는 레스토랑 디렉토리를 가장 빠르게 시작하는 방법은 다음과 같습니다:

  1. 도메인과 기본 WordPress 호스팅 구매
  2. AyeCode Connect 설치
  3. Kadence 레스토랑 디렉토리 데모(또는 원한다면 Elementor PRO)를 가져오기
  4. 브랜딩 커스터마이징 (로고, 색상, 타이포그래피)
  5. 데모 리스팅을 실제 레스토랑으로 교체하기
  6. 주문 가능한 메뉴 항목을 원한다면 GeoMarketplace 스택 설정하기
  7. 레스토랑 오너가 직접 등록할 수 있도록 프론트엔드 제출 기능 열기
  8. Google Search Console에 사이트맵 제출

주말 동안 집중적으로 작업하면 완성된 사이트를 얻을 수 있습니다.

처음 3개월간 꾸준한 콘텐츠 발행(동네 음식 가이드, 요리 종류별 모음, 신규 레스토랑 소식)이 SEO 기반을 만들어 줍니다.

6개월이 지나면 자연 검색을 통해 고객과 레스토랑 오너 문의가 들어오기 시작합니다.

2년 차가 되면, 레스토랑 디렉토리에서 발생하는 주문 수, 피처드 리스팅, 광고 수익이 Yelp에 한 달치 비용으로 정당화할 수 있는 수준을 훌쩍 넘어섭니다.

최종 생각

레스토랑 업계는 빌린 관심에 의존해 운영됩니다.

Yelp, Grubhub, Uber Eats, DoorDash, OpenTable, TripAdvisor는 고객과 레스토랑 사이에 자리 잡고 양측 모두에게 소개 비용을 청구하며 수십억 달러 규모의 비즈니스를 구축해 왔습니다.

자체 레스토랑 디렉토리를 소유한 운영자들은 그 통행료를 더 이상 내지 않습니다.

기술적인 설정은 주말 하루면 됩니다. 무료 GeoDirectory plugin 리스팅, 지도, 검색, 리뷰, 고객 계정, 마켓플레이스 인프라를 모두 처리합니다.

모든 카테고리에 걸쳐 SaaS 디렉토리 플랫폼에 반대하는 더 넓은 논거는 저희의 최고의 비즈니스 디렉토리 소프트웨어 가이드.

이 튜토리얼의 부동산 관련 동등한 내용은 부동산 웹사이트 구축 방법.

스택의 멤버십 게이팅 측면에 대해서는 저희의 디렉토리 사이트를 위한 최고의 WordPress 멤버십 플러그인.

배달 앱에 고객을 빌려 쓰는 것을 그만하세요.

디렉토리를 직접 구축하세요.

GeoDirectory version 2.1.1.0 오랫동안 기다려온 새로운 기능을 도입합니다:

커스텀 필드를 위한 조건부 로직

이 새로운 기능을 사용하면 필드 간의 종속 관계를 설정한 조건에 따라 만들 수 있습니다.

종속 필드는 해당 필드가 의존하는 필드에 입력된 값 이 올바른 조건과 일치하는 경우에만 올바른 조건과 일치합니다.

이 기능은 비즈니스 디렉토리 목록에 필수적이며, 많은 커스텀 필드를 통해 해당 항목이 적용될 때만 미리 설정된 필드를 선택할 수 있습니다.

쉽게 이해할 수 있는 예시로 자동차 분류 목록.

의 커스텀 필드를 들 수 있습니다. 아마도 “Brand”라는 필드가 있을 것이며, 사용자는 다음과 같은 자동차 제조사를 선택합니다: Ford, GMC, 또는 Lamborghini.

그리고모델" 필드에서 선택한 자동차 브랜드의 모델을 선택합니다. 선택하면 Ford, 이 필드에는 다음과 같은 모델이 표시됩니다: C-Max, Fiesta, Focus, Fusion, Mustang, 등등.

선택하면 Lamborghini, 이 필드에는 다음과 같은 모델이 표시됩니다: Huracan, Aventador, Gallardo, Murcielago, Diablo, 등등.

자동차 분류 브랜드/모델 조건부 필드

이 예시를 만들기 위해, 저희는 설정에 3개의 사용자 정의 필드를 추가했습니다. Brands, Ford Models, 그리고 Lamborghini Models입니다.

Ford Models 필드에서는 Brands 필드의 Ford 옵션을 선택했을 때만 표시되도록 조건을 설정했습니다.

Lamborghini Models 필드에서는 Brands 필드의 Lamborghini 옵션을 선택했을 때만 표시되도록 조건을 설정했습니다.

정말 간단하죠.

또 다른 예시로는 부동산 매물 등록이 있습니다.

저희의 WordPress 부동산 테마.

부동산 매물을 위한 조건부 필드

저희 부동산 매물 데모에는 매물 유형 이라는 필드가 있으며, 선택지로는 주택, 아파트, 그리고 토지 가 있고, 또 다른 필드에서는 가구 포함/가구 미포함 여부를 묻습니다. 물론, 두 번째 필드는 토지 매물에는 해당되지 않습니다.

이 경우, 다음과 같이 Furnishing 선택 사용자 정의 필드에 조건부 로직을 추가합니다:

1. Furnishing 선택 필드를 엽니다.

2. 사용자 정의 필드 옵션의 왼쪽 하단 모서리에 있는 "+ Conditional Field" 링크를 클릭합니다.

3 클릭하면 새로운 옵션 세트가 나타납니다.

4 이 예시에서는 다음과 같이 설정해야 합니다:

  1. ACTION = HIDE
  2. FIELD = Property Type
  3. CONDITION = equals to
  4. VALUE = Land

그리고 사용자 정의 필드를 저장합니다. 아래에서 어떻게 표시되는지 확인할 수 있습니다.

작업을 완료하면 프론트 엔드에서 다음과 같은 결과가 나타납니다:

Real Estate 조건부 필드

동일한 조건을 침실이나 욕실 필드 등 다른 필드에도 추가할 수 있습니다. 이러한 필드는 토지를 등록할 때는 필요하지 않습니다.

다음을 추가할 수도 있습니다 여러 조건을 필요한 경우.

사용 가능한 옵션은 다음과 같습니다:

  1. ACTION = SHOW/HIDE
  2. FIELD = All your fields
  3. CONDITION = empty, not empty, equals to, not equals, greater than, less then, contains.
  4. VALUE = 텍스트 허용

각 필드에 원하는 만큼 추가할 수 있습니다.

무엇을 만들어 보실 건가요? GeoDirectory 조건부 사용자 정의 필드?

아래 댓글로 알려주세요…

매장이나 쇼핑몰의 매출을 높이는 데 도움이 될 WordPress Store Locator 플러그인을 찾고 계신가요?

그렇다면, 비즈니스를 성장시키는 데 도움이 되는 최고의 플러그인들을 확인해 보세요.

WordPress 스토어 로케이터 플러그인은 고객이 여러분에게서 구매하고 싶을 때 어디로 가야 하는지 정확히 알 수 있도록 도와주는 훌륭한 방법입니다.

비즈니스 위치가 두 곳 이상이라면, 구매처 안내 스토어 로케이터 플러그인 설치를 고려해 보세요.

이 플러그인들을 사용하면 모든 위치를 단일 페이지에 나열하여 방문자가 한눈에 모두 살펴볼 수 있습니다.

각 목록에 위치를 보여주는 지도를 추가할 수도 있습니다.

오늘날 수천 개의 무료 및 유료 WordPress 플러그인이 제공되고 있습니다. 문제는 올바른 것을 찾는 것입니다. 바로 그때 저희 전문가들이 나섭니다.

전문가들은 매일 최고의 WordPress 플러그인을 찾기 위해 웹을 샅샅이 뒤지며, 그 결과를 여러분과 공유합니다.

최고의 WordPress 플러그인 중 일부는 비즈니스의 가시성을 높이고 매출을 증대시키는 데 도움을 줄 수 있습니다.

WordPress 스토어 로케이터 플러그인 비교

그렇다면, 어떤 스토어 로케이터 WordPress 플러그인이 가장 좋을까요?

이론적으로, 두 개 이상의 위치를 추가할 수 있는 Google Maps 플러그인이라면 스토어 로케이터로 활용할 수 있습니다.

하지만 모든 사람에게 그것만으로 충분하지 않을 수도 있습니다.

이 글에서는 현재 가장 인기 있는 몇 가지 플러그인을 살펴보겠습니다.

또한, Rich Snippets 지원 여부에 특히 주목할 것입니다.

지역 비즈니스의 관점에서 Rich Snippets는 SEO에 매우 중요하며, 검색 엔진이 비즈니스에 관한 유익한 결과를 표시하는 데 도움을 줍니다.

예를 들어, 레스토랑을 운영한다면 Rich Snippets는 메뉴, 영업 시간, 스페셜 메뉴 등을 강조 표시합니다.

GeoDirectory

활성 설치 수평점업데이트지원
+100004.7/5매주24시간 이내

저희의 대표 플러그인인 GeoDirectory은(는) 이 목록에서 단연 가장 정교한 매장 위치 찾기 플러그인입니다.

Google Maps 및 OpenStreetMap과 통합되어 있으며, 대부분의 Store Locator WordPress 플러그인에서는 찾아볼 수 없는 다양한 기능을 제공합니다.

예를 들어, Elementor 및 Elementor PRO와 완벽하게 통합되어 있습니다.

하지만 저희 말만 믿지 마세요.

이 점을 생각해 보세요.

주요 기능

이것은 완전히 무료입니다. 

GeoDirectory는 서드파티 플러그인과의 원활한 통합 및 확장 기능을 제공하는 다양한 커스텀 확장 프로그램을 보유하고 있습니다.

  • Google Maps 및 OpenStreetMaps API
  • 커스텀 Google Map 아이콘
  • 현재 위치 근처의 실제 매장 검색 (근접 검색)
  • 검색 반경
  • 실제 매장 위치 페이지 - 각 페이지에는 지도, 커스텀 이미지 갤러리, 연락처 정보, 전용 문의 양식 및 고객 리뷰가 포함됩니다
  • WordPress REST API 완전 지원
  • 위치 정보 표시를 위한 무제한 커스텀 필드
  • 사실상 모든 콘텐츠 필드에서 숏코드 또는 Gutenberg 블록으로 사용할 수 있는 다양한 위젯
  • 무제한 위치 및 위치 메타데이터 추가 기능
  • 매장 목록의 내보내기, 가져오기 및 일괄 편집을 위한 CSV 관리자
  • 리치 스니펫 지원 – 물론이죠! 🙂
  • Elementor, Divi, Oxygen, Bricks, Breakdance, Beaver Builder 등 모든 페이지 빌더 플러그인과 호환되는 반응형 디자인
  • WPML 다국어 플러그인과의 통합

예시:

만약 비즈니스 디렉토리 웹사이트를 구축 중이라면 (도시 전체를 아우르는 일반 매장 찾기 서비스), 비즈니스 소유자에게 지도에 리스팅을 등록하는 비용을 청구할 수도 있습니다.

WordPress 웹사이트에 고급 매장 찾기 기능을 구축해야 한다면, GeoDirectory가 최선의 선택입니다.

WP Store Locator

활성 설치 수평점업데이트지원
+600004.8/5거의 없음24/48시간 이내

The WP Store Locator 은(는) 완전히 맞춤 설정할 수 있는 지도에 모든 위치를 추가해 주는 무료 플러그인입니다.

지도와 내비게이터는 원하시는 언어로 설정할 수 있습니다.

각 위치에 커스텀 라벨을 추가하고, 근접 반경이나 카테고리 등 다양한 필터를 사용하여 사용자가 주변 위치를 찾을 수 있도록 도울 수 있습니다.

WP Store Locator를 사용하면 매장을 원하는 수만큼 표시하고 관리자 패널에서 프론트엔드 언어를 변경할 수 있습니다.

숏코드는 높은 수준의 커스터마이징이 가능하여, 사이트 프론트엔드에 표시할 항목을 직접 선택할 수 있습니다.

영업 시작 및 종료 시간, 대체 주소, 랜드마크, 전화번호 등을 포함하여 설정할 수 있습니다.

이 WP 플러그인에는 커스텀 마커가 있어 사용자가 지도에서 드래그하여 원하는 위치를 설정할 수 있습니다.

그뿐만 아니라, 주변에 여러 매장이 있을 경우 마커 클러스터링 기능도 사용할 수 있습니다.

WordPress 매장 찾기 플러그인

전반적으로, 이 플러그인은 매우 다양한 기능을 갖추고 있어 모든 사용자의 요구를 충족시킬 수 있습니다.

다만, 가장 큰 단점은 대부분의 플러그인에서 기본 제공되는 일부 기능을 WP Store Locator에서는 애드온에 의존해야 한다는 점입니다.

예를 들어, 대량 가져오기, 상세 통계, 검색 위젯 등은 WP Store Locator에서 주로 애드온을 통해 관리됩니다.

주요 기능

  • 현지화 지원 및 다국어 플러그인과의 원활한 호환
  • 프론트엔드에서 마커 클러스터 표시 기능
  • Google Maps API를 통한 위치정보(Geolocation) 지원
  • 사용자 요구에 따라 CPT를 정렬하는 커스텀 필터 제공
  • Rich Snippets 지원 – 아니요 (부분 지원; 단, 단일 항목 페이지에서는 로컬 비즈니스 Rich Snippets를 사용하지 않음)

Yoast Local SEO for WordPress

Yoast는 WordPress SEO 분야에서 사실상의 선두 주자로 자리매김했습니다.

주요 SEO 플러그인은 무료로 제공되며, Local SEO plugin의 지원을 받으며, 주로 매장 위치 찾기 도구로 활용됩니다.

Local SEO by Yoast를 사용하면 반경 및 우편번호로 매장과 기타 위치를 필터링할 수 있습니다.

매장 로케이터 페이지에 매장 주소를 추가하고, 영업 시작 및 종료 시간을 지정하며, 단축코드를 사용하여 맞춤 정보를 추가할 수 있습니다.

이 플러그인은 사이드바나 푸터에 매장 위치 정보를 표시하는 커스텀 위젯도 지원합니다.

WordPress 매장 찾기 플러그인

그렇긴 해도, Local SEO와 관련한 Yoast의 가장 큰 문제는 무료 버전이 없다는 점입니다.

더 중요한 것은, 이것이 엄밀히 말해 본격적인 매장 로케이터 플러그인이 아니라는 점입니다.

대신, 주류 Yoast SEO 플러그인의 보조 플러그인입니다.

Yoast SEO와의 원활한 통합을 제공하여 메타데이터 및 XML 사이트맵 등을 처리하지만, 다른 플러그인들이 제공하는 추가 기능은 갖추고 있지 않습니다.

마지막으로, 매장에 가상 위치가 있는 경우 이 특정 플러그인이 최선의 선택이 아닐 수 있다는 점을 언급할 가치가 있습니다.

가격 – $79 + VAT

주요 기능

  • Yoast SEO 플러그인과의 긴밀한 통합 제공
  • WooCommerce와 잘 연동되며, WooCommerce 상품에 위치별 기능을 추가할 수 있습니다.
  • KML 파일 생성을 지원하며, 관련 정보를 검색 엔진 XML 사이트맵에 자동으로 추가할 수 있습니다.
  • 리치 스니펫 지원 – 예

Locatoraid Store Locator

활성 설치 수평점업데이트지원
+20004.5/5거의 없음1주일 이내

Locatoraid Store Locator는 프론트엔드 표시를 위한 다양한 구성 가능한 스타일을 포함하는 또 다른 경량 플러그인입니다.

작동 방식 면에서 Locataraid는 이 목록의 다른 모든 플러그인과 동일한 접근 방식을 따릅니다.

고객이 탐색할 수 있는 위치를 추가할 수 있으며, 매장 위치의 간편한 표시를 위한 커스텀 단축코드를 지원하고, 텍스트 검색, 반경 및 근접 검색 등이 포함된 지도를 삽입할 수 있습니다.

WordPress 매장 찾기 플러그인

그 모든 기능에 더해, Locataraid는 커스텀 위젯과 세밀하게 조정 가능한 지도 스타일도 제공합니다.

단점으로는, 위치정보(Geolocation) 설정이 까다롭고, Locataraid는 주로 사용자가 주소나 우편번호를 직접 입력해 주변 매장 위치를 검색해야 하는 방식을 요구하는 것으로 보입니다.

일부 사용자에게는 시간이 걸리고 불편하게 느껴질 수 있습니다.

주요 기능

  • 조정 및 커스터마이징 가능한 지도 스타일
  • 여러 위치 및 사용자 정의 필드 지원
  • 몇 번의 클릭으로 위치 일괄 가져오기 기능
  • 리치 스니펫 지원 – 아니오 (부분 지원; 단일 항목 페이지는 로컬 비즈니스 리치 스니펫을 완전히 지원하지 않음)

Agile Store Locator

agile store locator banner
활성 설치 수평점업데이트지원
+100004.9/5자주48시간 이내

Agile Store Locator 은 Google Maps를 사용하여 웹사이트 프론트엔드에 지도를 렌더링하는 편리한 WordPress 플러그인입니다.

이 WP 플러그인은 위치정보(Geolocation)와 사용자 정의 필드를 지원하며, 지도 표시에 대한 다양한 커스터마이징 기능을 제공합니다.

다만, 무료 버전은 우편번호, 도시, 국가 등 수동 입력을 기반으로만 매장을 검색하거나 찾을 수 있는 것으로 보입니다.

주요 기능

  • Google Maps 및 Google Geocoding API
  • 사용자 정의 필드 지원
  • 다국어 지원
  • 다양한 언어로 지도 표시 기능
  • 리치 스니펫 지원 – 아니오

WP Go Maps (이전 명칭: WP Google Maps)

wp go maps banner
활성 설치 수평점업데이트지원
+4000004.8/5자주48/72시간

WP Go Maps 는 엄밀히 말해 매장 찾기 플러그인이 아니라, Google Maps와 Open Street Maps를 지원하는 지도 플러그인입니다.

400,000개 이상의 활성 설치 수를 자랑하는 매우 인기 있는 플러그인입니다.

무료 버전에서는 지도를 마우스 오른쪽 버튼으로 클릭하여 지도 하나를 만들고, 매장 위치 찾기에 필요한 모든 정보와 함께 무제한 지도 마커를 추가할 수 있습니다.

무료 버전을 통해 웹사이트 방문자가 주소 및 반경으로 검색할 수 있습니다.

무료 버전의 주요 기능은 다음과 같습니다:

  • 주소를 입력하기만 하면 무제한 지도 마커 추가 가능
  • Elementor 지도 블록
  • 버튼 한 번 클릭으로 지도 마커 편집
  • 지도 마커를 정확한 위치로 드래그
  • 번역 지원
  • 지도의 너비, 높이 및 확대/축소 수준 설정
  • 지도 마커에 애니메이션 추가!
  • 국가별 매장 찾기 검색 제한
  • 지도에 다각형(Polygon) 추가
  • 지도에 폴리라인/경로 추가
  • Google Maps 자동 완성
  • 지도의 최대 확대/축소 수준 설정
  • 데이터베이스 또는 XML 파일을 통해 지도 마커 데이터 제공

WordPress용 Store Locator Plus

store locator plus banner
활성 설치 수평점업데이트지원
+70004.3/5자주불안정한

Store Locator Plus 를 사용하면 관리해야 하는 매장 수에 관계없이 웹사이트에 위치 검색 기능을 만들 수 있습니다.

고유한 설정 없이 페이지를 만들고, 기본 위치를 지정하고, 위치 검색 페이지에 숏코드를 추가할 수 있습니다. 

이 플러그인은 매장을 찾을 수 있는 간단한 검색 바를 사이트에 추가하려는 분들에게 적합합니다.

높은 수준의 커스터마이징 옵션을 원하신다면, WordPress용 Store Locator Plus가 첫 번째 선택지는 아닐 수 있습니다. 

추가 기능을 원하신다면 이 플러그인에 커스텀 애드온(유료 확장 프로그램)을 추가하세요.

검색 옵션 활성화 또는 비활성화, 위치 분류, 각 지역별 SEO 최적화 페이지 생성 등의 기능을 사용할 수 있습니다. 

이 플러그인을 최대한 활용하려면 몇 가지 애드온 또는 확장 프로그램을 설치해야 합니다.

예를 들어, 매장 위치에 소셜 미디어 링크를 연동하거나 위치 데이터에 커스텀 필드를 추가하려면 확장 프로그램이 필요합니다. 

Store Locator Plus는 Gravity Forms 및 Event Location Manager와도 원활하게 연동되어 이벤트를 비즈니스 위치와 연결할 수 있습니다.

마지막으로, 유료 애드온 없이도 여러 국가와 언어를 지원합니다.

주요 기능

  • 다국가 및 다중 위치 지원
  • 다양한 언어로 현지화됨 
  • 추가할 수 있는 위치 수에 엄격한 제한이 없음
  • HTML 및 CSS 수정으로 손쉽게 커스터마이징 가능
  • 사이트를 최대한 활용할 수 있는 다양한 유료 애드온 및 확장 프로그램
  • WordPress를 헤드리스 CMS로 활용하거나 모바일 앱과 연동하는 등의 기능을 지원하는 WordPress REST API 지원
  • 리치 스니펫 미지원

경고: 이 플러그인은 보안 문제로 인해 wp.org 플러그인 디렉토리에서 오랫동안 정지된 적이 있습니다.

현재는 문제가 해결된 것으로 보이지만, 당시 상황 처리 방식은 상당히 비전문적이었습니다.

정리하자면…

이 글에서는 웹사이트에 매장 찾기 기능을 구축하는 데 도움이 될 수 있는 가장 인기 있는 WordPress 플러그인 몇 가지를 정리해 보았습니다.

각각 고유한 기능과 장점이 있지만, 대부분의 사용자는 위의 플러그인 중 어느 것을 선택해도 만족할 것입니다.

어떤 것을 사용해야 할까요? 네, 여러분의 요구 사항에 따라 다릅니다.

예를 들어, Yoast SEO와의 연동이 유일한 조건이라면 Local SEO by Yoast가 명확한 선택입니다.

반면에, 무료 버전에서 가장 폭넓은 기능과 훌륭한 프리미엄 확장 기능을 원하신다면, GeoDirectory가 여러분의 사이트에 딱 맞는 선택입니다.

어떤 매장 찾기 WordPress 플러그인을 선호하시나요, 그리고 그 이유는 무엇인가요? 아래 댓글에서 의견을 남겨주세요!

AyeCode는 제휴 마케팅을 사랑합니다!

제휴 마케팅은 GeoDirectory를 오늘날과 같이 성공적으로 만든 원동력 중 하나입니다.

2011년에 GeoDirectory의 전신인 GeoTheme을 출시했을 때, 저희의 제휴 프로그램과 몇몇 훌륭한 제휴 마케터들 덕분에 첫 번째 제품이 도약하는 데 필요한 가시성을 얻을 수 있었습니다.

그것은 저희가 고객층을 형성하는 데 큰 도움이 되었습니다.

제휴 마케팅은 분명 저희가 첫날부터 수익을 낼 수 있었던 이유 중 하나이며, 그 이후로도 꾸준히 성장해 왔습니다.

오늘날에도 저희는 여전히 제휴 마케팅에 의존하고 있으며, 파트너들에게 연간 다섯 자리 수의 제휴 수수료를 지급하고 있습니다.

현재 저희에게는 277명의 제휴사가 있지만, 그 중 7명이 제휴 프로그램에서 발생하는 수익의 80%를 책임지고 있습니다.

즉, 제휴사가 많을 필요는 없습니다. 소수의 훌륭한 제휴사가 있으면 충분합니다.

참고로, 원하신다면 저희 제휴 프로그램에 참여하실 수 있으며, 각 판매에 대해 30%의 수수료를 제공하고 있습니다. 지금 바로 여기서 등록하세요.

제휴 마케팅이란 무엇인가요?

혹시 모르시는 분들을 위해 설명드리자면, 이커머스 업계에서의 제휴 마케팅은 제3자 웹사이트를 통해 소개된 각 판매에 대해 수수료를 제공하는 방식입니다.

제휴 플러그인을 사용하면 이 과정을 자동화할 수 있습니다.

귀하의 제품을 홍보하고자 하는 웹사이트 소유자는 귀하의 웹사이트 제휴 프로그램에 등록할 수 있습니다.

특별 링크

동일한 방문자가 귀하의 제품이나 서비스, 또는 프리미엄 리스팅을 구매하면 제휴 플러그인이 커미션을 기록합니다.

월말에 모든 커미션에 대한 지급 보고서를 생성하고 제휴 파트너에게 지급할 수 있습니다.

디렉토리를 위한 제휴 프로그램을 시작해야 할까요?

프리미엄 리스팅을 판매하고 있다면, 당연히 그렇습니다! 지금 바로 시작하세요…

아직 시작하지 않으셨다면, 온라인 비즈니스의 이점을 충분히 활용하지 못하고 있는 것입니다.

숙련된 디렉토리 개발자들은 디렉토리 수익화가 얼마나 어려운지 잘 알고 있습니다. 특히 막 런칭했을 때는 더욱 그렇습니다.

잘 설계된 제휴 마케팅 프로그램은 이 문제를 해결하는 데 큰 도움이 될 수 있습니다.

예를 들어, 지역 비즈니스 디렉토리의 경우, 주변의 로컬 SEO 업체, 웹 개발사, 마케팅 대행사에 연락하여 지역 고객을 위해 프리미엄 리스팅을 구매할 때마다 일정 비율의 수수료를 받을 수 있다는 사실을 알릴 수 있습니다.

그들의 고객이 곧 여러분의 고객입니다!

타겟 트래픽을 보내주는 것 외에도, 제휴 파트너들은 여러분의 백링크 프로필을 강화하고, 결과적으로 SEO(검색 엔진 최적화)에도 도움을 줍니다.

"nofollow" 태그를 추가하기도 합니다.

하지만 적지 않은 수의 파트너들이 100% "dofollow" 링크를 제공하며, 각각의 백링크는 여러분의 웹사이트 검색 순위에 큰 차이를 만들어낼 수 있습니다.

GeoDirectory와 함께 어떤 제휴 플러그인을 사용해야 할까요?

최근까지만 해도 선택지는 하나뿐이었습니다. 게다가 시작하기 위해 해당 플러그인과 저희 연동 애드온을 별도로 구매해야 했습니다.

디렉토리에서 이미 어느 정도 수익이 발생하고 있지 않다면, 초기 투자 비용이 다소 높게 느껴질 수 있었습니다.

이제 답은 명확합니다. 사용해야 할 플러그인은 SliceWP!

SliceWP는 가장 최신의 WordPress용 제휴 플러그인으로, 코어 플러그인은 무료이고, 사용이 매우 간편하며, 개발팀이 최근 저희 GetPaid 플러그인과 완벽하게 호환되도록 업데이트했습니다.

결과적으로, GeoDirectory와도 호환됩니다!

무료 플러그인만으로도 충분히 시작할 수 있으며, 좋은 제휴 파트너 몇 명(3~4명)을 확보한다면 수익에 큰 영향을 미칠 것입니다.

확신이 섰습니다, 어떻게 하는지 보여주세요!

이 부분은 쉽습니다. 말 그대로 몇 분이면 됩니다.

이미 GeoDirectory를 설치하셨고, 다음을 사용하여 유료 프리미엄 리스팅을 판매하고 있다고 가정합니다. GeoDirectory Pricing Manager Add-on 그리고 GetPaid 플러그인.

1. SliceWP 설치

SliceWP 설치

다음으로 이동하세요 플러그인 > 새로 추가, 검색 SliceWP, 클릭하세요 Install Now 및 활성화. 이렇게 하면 설정 마법사.

2. 설정 마법사 완료

SliceWP 설정 마법사
  1. 선택 GetPaid
  2. 다음을 설정하세요: 판매 커미션율, 구독 커미션율, 통화, 쿠키 유효 기간 및 방문자가 제휴 파트너로 등록할 수 있도록 허용.
  3. 필요한 페이지를 생성하세요: 제휴 파트너 등록 페이지, 제휴 파트너 로그인 페이지, 및 제휴 파트너 계정 페이지
  4. 필요한 알림 모두 활성화 (총 4개)
  5. 모든 필수 옵션 설정이 완료되었습니다. 거의 다 됐습니다, 설정 검토 를 클릭하여 SliceWP 구성을 세부적으로 조정하세요

여기서는 다음과 같이 필수가 아닌 옵션을 통해 마무리 설정을 추가할 수 있습니다:

  • 세금 제외
  • 환불 시 커미션 거부
  • 제로 금액 커미션
  • 제휴사 자체 커미션

그 외 몇 가지 옵션.

이제부터 제휴 파트너가 연결한 모든 판매가 추적되고 커미션이 기록됩니다.

백엔드에서 커미션은 다음과 같이 표시됩니다:

SliceWP Commissions

스타터 테마를 사용하는 프론트엔드에서 제휴 계정은 다음과 같이 표시됩니다:

Affiliate Account

사이트 관리자로서 제휴 파트너의 가입을 관리할 수 있습니다. 추천인 및 방문을 추적하고, 로고 및 배너와 같은 마케팅 자료인 크리에이티브를 추가할 수 있습니다.

지급 파일은 시작 및 종료 날짜를 기준으로 쉽게 생성할 수 있으며 최소 금액을 설정할 수 있습니다.

SliceWP Premium Features

이것으로 충분하지 않다면, 선택할 수 있는 여러 프리미엄 애드온이 있습니다.

매우 합리적인 가격으로 다음과 같은 추가 기능을 사용할 수 있습니다:

  • 평생 커미션
  • 맞춤 제휴 필드
  • 반복 커미션
  • 상품별 커미션 요율
  • 제휴 커미션 비율

그리고 훨씬 더 많은 기능들이 있습니다.

이게 전부입니다!

테스트해 보고 싶으시다면, 이 데모에서 해보실 수 있습니다: https://demos.ayecode.io/starter/

여기에서 새 제휴사로 등록하실 수 있습니다:
https://demos.ayecode.io/starter/affiliate-registration/

여기에서 제휴사로 로그인하실 수 있습니다:
https://demos.ayecode.io/starter/affiliate-login/

그리고 제휴사 계정 페이지는 여기에서 확인하실 수 있습니다:
https://demos.ayecode.io/starter/affiliate-account/

SliceWP를 즐겨 사용하시길 바랍니다. 궁금한 점이 있으시면 아래 댓글에 남겨 주세요.

면책 조항

AyeCode는 현재 SliceWP와 제휴 관계에 있지 않으며, 어떠한 지분도 보유하고 있지 않습니다. 순전히 저희가 마음에 들고, 개발자들이 친절하게도 GetPaid와 호환되도록 만들어 주었기 때문에 독자 여러분께 추천드리는 것입니다.

모든 온라인 디렉토리 개발자에게 환상적인 추가 기능이라고 생각합니다.

WordPress에서 부동산 리스팅 디렉토리를 구축하는 것은 결국 하나의 핵심적인 선택으로 귀결됩니다. 바로 어떤 페이지 빌더 또는 테마 프레임워크를 사용하느냐입니다.

2026년 기준으로 주목할 만한 세 가지 옵션은 BlockStrap(무료 Real Estate Listings 테마의 기반 프레임워크), Elementor PRO, 그리고 Kadence 테마입니다.

세 가지 모두 GeoDirectory와 깔끔하게 연동되며, 한 시간 이내에 기능적인 부동산 사이트를 완성할 수 있습니다.

각 옵션 간의 트레이드오프는 실질적으로 존재하므로, 시작하기 전에 충분히 이해해 두는 것이 좋습니다.

이 포스트에서는 Elementor PRO 방법과 Kadence 방법을 단계별로 다루며, 둘 중 하나를 선택하는 기준도 함께 설명합니다.

세 번째 옵션(권장되는 BlockStrap 방법)을 원하신다면, 저희 가이드를 참고하세요. 부동산 웹사이트 구축 방법, 부동산 사용 사례에 맞게 사전 구성된 Real Estate Listings 테마를 활용한 동일한 워크플로를 안내해 드립니다.

어떤 운영자에게 어떤 방법이 맞을까

BlockStrap + Real Estate Listings 테마 (권장)

BlockStrap 프레임워크를 기반으로 구축된 무료 Real Estate Listings 테마는 부동산 사이트를 빠르게 완성할 수 있는 가장 빠른 방법입니다.

네이티브 WordPress 블록을 사용하므로(페이지 빌더 의존 없음) 일반 호스팅에서도 빠르게 로드되며, 부동산 전용 디자인이 기본으로 제공됩니다.

이 방법은 저희 부동산 웹사이트 구축 방법 가이드에서 자세히 다루고 있습니다.

이 방법을 선택하세요: 반복적인 페이지 빌더 비용 없이 가장 간단하고 빠른 설정을 원하신다면.

Elementor PRO

Elementor PRO는 WordPress 생태계에서 가장 유연한 비주얼 페이지 빌더입니다.

커스텀 레이아웃, 리스팅 템플릿, 아카이브 페이지, 검색 결과를 시각적으로 디자인할 수 있으며, GeoDirectory와의 깊은 동적 데이터 연동을 지원합니다.

단점: Elementor PRO는 연간 $59의 구독료(입문 티어)가 필요하고, 프론트엔드 부하가 증가하여 더 높은 품질의 호스팅이 필요하며, 네이티브 블록 방식보다 학습 곡선이 가파릅니다.

이 방법을 선택하세요: 완전한 디자인 유연성이 필요하거나, 이미 다른 사이트에서 Elementor를 사용 중이거나, 팀에 Elementor를 다루는 디자이너가 있다면.

Kadence 테마

Kadence는 선택적 유료 애드온(Kadence Pro, Kadence Blocks Pro)이 있는 인기 있는 무료 WordPress 테마입니다.

BlockStrap처럼 네이티브 Gutenberg 블록을 사용하지만, 스타일링과 테마 아키텍처는 다릅니다.

단점: Kadence는 일반적인 WordPress 사이트에는 탁월하지만, Real Estate Listings 테마처럼 부동산 전용으로 설계되지는 않았습니다. 일반적인 사이트가 아닌 부동산 사이트처럼 느껴지도록 디자인을 커스터마이징하는 데 시간이 소요될 수 있습니다.

이 방법을 선택하세요: 이미 다른 사이트에서 Kadence를 사용 중이어서 스택 전반에 걸쳐 일관성을 원하거나, BlockStrap보다 Kadence의 특정 디자인 시스템을 선호한다면.

경로 A: GeoDirectory + Elementor PRO

1단계: WordPress 호스팅 설정

이미 빈 WordPress 사이트가 설정되어 있다면 이 단계를 건너뛰세요.

Elementor PRO를 사용하는 경우 특히, 최소 2GB RAM과 SSD 스토리지를 갖춘 호스팅 플랜을 선택하세요. Elementor는 프론트엔드 부하를 증가시키므로 더 빠른 인프라가 도움이 됩니다.

관리형 WordPress 호스트(Kinsta, WP Engine, Cloudways, SiteGround)는 기본적인 최적화를 자동으로 처리합니다.

2단계: Elementor 및 Elementor PRO 설치

WordPress 관리자 페이지에서 플러그인 → 새로 추가.

검색하기 Elementor로 이동하여 무료 버전을 설치하고 활성화하세요.

WordPress에 Elementor 설치

그런 다음 새로 추가 → 플러그인 업로드 를 클릭하고 Elementor 계정에서 받은 ZIP 파일을 업로드하여 Elementor PRO를 설치하세요.

Elementor PRO는 유료 구독 서비스로, 입문 플랜 기준 연 $59부터 시작합니다. Elementor.com에서 직접 구매하세요.

3단계: AyeCode Connect 플러그인 설치

다음으로 이동 플러그인 → 새로 추가.

검색하기 AyeCode Connect.

플러그인 브라우저에서 AyeCode Connect를 검색하세요

클릭 설치, 그런 다음 활성화.

새로운 AyeCode 메뉴 항목이 WordPress 사이드바에 표시되며, AyeCode와 데모 데이터 가져오기 두 개의 하위 메뉴가 포함되어 있습니다.

4단계: AyeCode 데모 라이브러리에 연결

클릭하세요 사이트 연결 버튼을 클릭하고 등록하세요 (이미 AyeCode 계정이 있다면 로그인하세요).

등록은 무료입니다.

AyeCode가 WordPress에 연결됨

이 연결을 통해 AyeCode는 라이선스가 있는 프리미엄 애드온을 자동으로 설치합니다. 라이선스가 없는 경우에도 프리미엄 기능 없이 데모를 설치할 수 있습니다.

5단계: Elementor 부동산 데모 가져오기

다음으로 이동 AyeCode → 데모 데이터 가져오기.

다음 이름의 데모를 선택하세요 Real Estate (Elementor).

GeoDirectory 및 Elementor 부동산 데모 가져오기

클릭 보기, 그런 다음 가져오기.

가져오기를 실행하면 GeoDirectory 플러그인, 부동산 디렉토리 애드온, Elementor 전용 템플릿, 그리고 샘플 매물 목록이 설치됩니다.

가져오기가 완료되면 사이트를 확인해 보세요. 커스터마이징할 준비가 된 Elementor 기반 부동산 디렉토리가 완성되어 있습니다.

경로 B: GeoDirectory + Kadence 테마

Kadence 경로는 별도의 페이지 빌더를 설치하거나 구매할 필요가 없기 때문에 Elementor 경로보다 더 간단합니다.

1단계: WordPress 호스팅 설정

Elementor 경로와 동일하지만, Kadence는 더 가볍기 때문에 예산이 제한적인 경우 저사양 호스팅을 사용할 수 있습니다.

2단계: AyeCode Connect 플러그인 설치

위의 Elementor 경로와 동일한 단계를 따르세요.

3단계: AyeCode 데모 라이브러리에 연결

Elementor 경로와 동일한 연결 과정입니다.

4단계: Kadence 부동산 데모 가져오기

다음으로 이동 AyeCode → 데모 데이터 가져오기.

이번에는 다음 데모를 선택하세요. Real Estate (Kadence).

GeoDirectory 및 Kadence 부동산 데모 가져오기

클릭 보기, 그런 다음 가져오기.

가져오기를 실행하면 GeoDirectory 플러그인, Real Estate Directory 애드온, 무료 Kadence 테마, 그리고 샘플 매물 목록이 설치됩니다.

사전에 별도로 설치할 것은 없습니다. Kadence는 무료, GeoDirectory는 무료, Real Estate Directory 애드온도 무료입니다.

가져오기 완료 후 (두 경로 모두)

가져오기 후 커스터마이징 과정은 두 경로 모두 비슷합니다:

  1. 플레이스홀더 로고를 브랜드 로고로 교체하기
  2. 테마 커스터마이저에서 색상 및 타이포그래피 조정 (Kadence의 경우 외모 → 사용자 정의하기, BlockStrap 기반 테마의 경우 외모 → 편집기, Elementor PRO의 경우 Templates > Theme Builder)
  3. 사이트 구조에 맞게 메뉴 내비게이션 편집 (홈, 목록, 에이전트, 지역, 연락처)
  4. 샘플 매물 목록을 실제 매물로 교체하기 ( 장소 WordPress 관리자 페이지에서)
  5. 문의 양식 및 리드 수집 흐름 설정
  6. Google Search Console에 사이트맵 제출

샘플 매물 교체 및 부동산 특화 기능(모기지 계산기, 에너지 등급, 도보 점수, 가상 투어) 설정에 관한 심층 안내는 다음을 참조하세요. 부동산 웹사이트 구축 방법 가이드에서 자세히 다루고 있습니다.

성능 참고 사항

두 경로 사이에 주목할 만한 실질적인 차이점이 하나 있습니다.

Elementor PRO 사이트는 프론트엔드 부하가 크기 때문에 더 좋은 품질의 WordPress 호스팅이 필요합니다. 저가형 공유 호스팅에서는 Elementor 기반 부동산 사이트가 동일한 콘텐츠를 운영하는 Kadence 또는 BlockStrap 기반 사이트보다 체감상 훨씬 느리게 느껴질 수 있습니다.

이것은 Elementor의 결함이 아니라, Elementor를 강력하게 만드는 시각적 유연성에 따르는 비용입니다.

Kadence 및 BlockStrap과 같은 네이티브 블록 테마는 더 깔끔한 HTML을 출력하고 프론트엔드에서 필요한 JavaScript가 적기 때문에 일반 WordPress 호스팅에서도 빠른 속도를 유지합니다.

모바일에서 빠르게 로딩되어야 하는 부동산 사이트(대부분의 매물 탐색이 모바일에서 이루어집니다)의 경우, 네이티브 블록 방식은 성능 면에서 실질적인 이점을 가집니다.

디자인 유연성이 성능 트레이드오프를 정당화하는 부동산 사이트(럭셔리 매물, 강력한 브랜드 아이덴티티를 가진 에이전시)의 경우, Elementor PRO가 여전히 가장 강력한 선택입니다.

실용적인 접근 방법

부동산 매물 디렉터리를 시작하는 대부분의 운영자에게:

무료 BlockStrap + Real Estate Listings 테마 방식 은 가장 간단하고, 빠르며, 비용이 가장 낮은 출발점입니다.

Kadence 방식(위에서 다룸)은 이미 다른 사이트에서 Kadence를 사용 중이며 스택 일관성을 원하는 경우에 적합한 선택입니다.

Elementor PRO 방식(역시 위에서 다룸)은 디자인 유연성이 필요하고 이를 지원할 호스팅 예산이 있는 경우에 적합한 선택입니다.

세 가지 방식 모두 동일한 기반 GeoDirectory plugin 및 무료 부동산 디렉토리 애드온위에서 실행되므로, 어떤 방식을 선택하든 매물, 검색, 지도, 모기지 계산기, 에너지 등급, 도보 점수, 가상 투어 기능이 동일하게 작동합니다.

WordPress 부동산 플러그인에 대한 더 넓은 비교(GeoDirectory 대 Easy Property Listings, Estatik, WPL, MLS 의존 옵션 포함)는 다음 가이드를 참조하세요: WordPress를 위한 최고의 부동산 매물 플러그인.

모든 디렉토리 카테고리에 걸친 SaaS 디렉토리 플랫폼에 반대하는 더 광범위한 사례는 다음을 참조하세요: 최고의 비즈니스 디렉토리 소프트웨어 가이드.

최종 생각

부동산 매물 디렉터리에 적합한 페이지 빌더는 기존 워크플로우, 호스팅 예산, 디자인 유연성에 대한 필요에 맞는 것입니다.

세 가지 주요 방식(BlockStrap, Elementor PRO, Kadence) 모두 GeoDirectory 데모 가져오기를 사용하면 한 시간 이내에 작동하는 부동산 사이트를 완성할 수 있습니다.

대부분의 운영자에게는 무료이면서 빠른 것이 최선입니다.

특정 디자인 또는 워크플로우 요구 사항이 있는 운영자에게는 유료 Elementor PRO 방식이 여전히 투자할 가치가 있습니다.

자신에게 맞는 방식을 선택하고, AyeCode Connect를 설치한 후 데모를 가져와서 오늘 오후 안에 기능적인 부동산 매물 디렉터리를 라이브로 운영하세요.

WordPress 디렉토리 테마 틈새 시장의 시작

이 여정을 시작했을 때, WordPress 디렉토리 테마 틈새 시장에는 몇 안 되는 플레이어만 있었습니다.

GeoPlaces by Templatic 및 Directorypress by PremiumPress.

당시 Stiofan과 저는 아직 서로를 몰랐습니다. 우리는 각자의 디렉토리를 구축하기 위해 Templatic의 테마를 구매한 후 Templatic 포럼에서 만났습니다.

하지만 Templatic은 결함이 많고 버그가 심해 실제 웹사이트 개발에는 적합하지 않다는 것을 알게 되었습니다.

Stiofan은 이를 사용하기 시작했고, 수정 사항을 추가하며 자신에게 맞게 발전시켰습니다. 그것이 그의 Barra 디렉토리 웹사이트로 이어졌습니다.

테마의 80% 이상이 대대적인 수정이 필요했기 때문에, 저희는 협력하여 포크(fork)를 만들고 새로운 대안 제품을 만들기로 결정했습니다.

그렇게 GeoTheme이 탄생했습니다. 이후 AppThemes의 Vantage가 출시되었고, 그때부터 관련 제품들이 하나둘씩 등장하기 시작했습니다.

오늘날 ThemeForest.net에는 WordPress 디렉토리 테마로 분류된 항목이 163개(마지막으로 확인했을 때는 157개였습니다)에 달하며 계속 늘어나고 있습니다.

그 외에도 여러 독립 테마 제작사들이 자체 WordPress 디렉토리 테마를 판매하고 있습니다.

GeoTheme은 2년 전에 운영을 종료했습니다. 저희는 이를 GeoDirectory라는 플러그인으로 전환하여, 웹 관리자들이 원하는 방식대로 자유롭게 활용할 수 있도록 했습니다.

이를 통해 테마나 웹사이트에 어떠한 변경도 없이 기존 웹사이트에 디렉토리를 추가할 수 있습니다.

이렇게 다양한 선택지 중에서 2021년에는 어떤 것을 선택해야 할까요?

저희의 첫 번째 추천은 Listimia + GeoDirectory 입니다. 그 이유는 두말할 필요가 없겠죠. Listimia는 2019년 6월에 출시되었으며, 이 DEMO.

에서 확인하실 수 있습니다. 가격은 $39에 불과하며, GeoDirectory를 중심으로 구성되어 WordPress용 디렉토리 테마 중 가장 풍부한 기능을 자랑합니다. 세련되고 우아하며 전문적인 디자인이라는 점도 빼놓을 수 없겠죠?

listimia wordpress directory theme

저희와 함께 이 여정을 함께하지 않으시더라도, 적어도 현명한 선택을 하실 수 있도록 도와드리겠습니다.

이를 위해 저희는 가장 인기 있는 WordPress 디렉토리 테마 7개를 직접 구매, 설치, 테스트하여 디렉토리 분야 전문가로서 꼼꼼하고 객관적인 리뷰를 제공합니다.

장점은 칭찬하고, 단점은 가감 없이 공개하기 위해서입니다.

제휴 링크 공개

저희의 노력에 감사해 주시길 바랍니다! 모든 테마를 구매하는 데 $500을 투자한 만큼, 투자 비용을 회수할 필요가 있습니다. 이 글의 일부 링크는 "제휴 링크"입니다. 즉, 링크를 클릭하고 해당 제품을 구매하시면 저희가 제휴 수수료를 받게 됩니다.

테스트 기준

우선, 저희는 7개의 테마만 테스트하기로 했습니다. ThemeForest.net에서 현재 가장 많이 팔리는 상위 4개 테마와 "WordPress directory theme" 키워드로 Google.com SERP에서 상위 3위에 오른 테마들입니다.

다음과 같습니다:

1) Listify by Astoundify
2) Listable by Pixelgrade
3) ListingPro by Cridio Studio
4) MyListing by 27collective
5) DirectoryEngine by EngineThemes
6) Vantage by AppThemes
7) Directory by Templatic

저희는 다음 기준으로 테마를 테스트하고 평가할 것입니다:

1) 사용 편의성
2) 디자인 품질
3) 유연성
4) SEO 모범 사례 준수
5) 지원 및 문서화 품질
6) 코드 품질, WordPress 모범 사례 준수 및 확장성

왜 다른 테마들은 리뷰하지 않았나요?

시간적 제약 때문입니다. 수백 개의 테마가 있어 모두 리뷰할 수 없었습니다. 저희는 시장에서 가장 강한 선호도를 보이는 테마를 선정했습니다.

Listify by Astoundify

wordpress directory theme - listify

사용 편의성

이 테마를 설치하고 설정하는 과정은 더할 나위 없이 간단했습니다.

설정 가이드를 따라 5분 이내에 스테이징 웹사이트를 구축할 수 있습니다.

유일하게 번거로운 부분은 Google Maps API 키를 발급받는 절차였는데, 설치 마법사의 다른 어떤 단계보다도 훨씬 까다로웠습니다.

저는 제작자 분들이 저희 API KEY for Google Maps plugin.

을 참고해 보시길 권합니다. 여러 단계에 걸친 절차를 단 몇 번의 클릭으로 간소화하는 방법을 배우실 수 있습니다.

디자인 품질

Listify의 디자인은 탁월하며 손쉽게 커스터마이징할 수 있어, 코딩이나 CSS 지식이 거의 없는 사용자도 어렵지 않게 활용할 수 있습니다.

"Customizer" 섹션에는 스타일 키트와 기타 옵션이 포함되어 있어 로고, 요소 색상, 레이블, 타이포그래피 등 웹사이트 스타일을 자유롭게 수정할 수 있습니다.

유연성

테마를 실제로 구동하는 것은 WP Job Manager라는 서드파티 플러그인으로,
필드 및 링크 관리를 위한 기본 제공 옵션은 많지 않습니다.

제가 가장 먼저 테스트하고 싶었던 것은 커스텀 필드로, Listify가 게시물 메타를 어떻게 처리하는지 확인하고 싶었습니다.

실제로 필드 처리가 제대로 이루어지지 않는다는 사실을 발견하고 놀랐습니다.

프런트엔드 리스팅 추가 양식과 리스팅 페이지에 커스텀 필드를 추가하려면, 차일드 테마에 코드 스니펫을 직접 추가하거나 별도의 프리미엄 플러그인을 구매해야 합니다.

그 결과, 커스텀 필드를 기준으로 한 검색 필터는 사용할 수 없습니다. 위치, 카테고리, 키워드, 또는 태그로만 필터링이 가능합니다.

FacetWP라는 추가 프리미엄 플러그인을 사용하면 이를 확장할 수 있지만, 직접 테스트하지 않아 어느 정도까지 가능한지는 말씀드리기 어렵습니다.

Listify는 WPML과 호환되지만, 다국어 웹사이트를 구축하려면 Polylang을 사용하는 것이 권장됩니다.

SEO 모범 사례 준수

위치 필드는 택소노미입니다. 그렇기 때문에 이 테마는 로컬 디렉토리에 더 적합합니다. 여러 위치를 포함한 성공적인 웹사이트를 처음부터 구축하는 것은 거의 불가능할 수 있습니다.

카테고리와 위치로 검색하고 필터링할 수 있습니다. 하지만 위치 또는 카테고리 중 하나로만 리스팅 아카이브를 탐색할 수 있습니다. 둘 이상의 도시에서 리스팅을 보유한 디렉토리의 경우, 이는 심각한 SEO 제한입니다.

"Private Room" 리스팅을 보고 싶다면 검색 엔진을 사용하는 방법밖에 없습니다. 반환된 URL을 복사하면:

https://listify-demos.astoundify.com/rentals/listings/?search_location=&use_search_radius=on&search_radius=50&search_lat=0&search_lng=0&search_region=&search_context=831#s=1

새 브라우저 창에 붙여넣어도 샌디에이고의 "Private Room" 리스팅이 표시되지 않고, 일반적인 검색 결과 페이지만 표시될 것입니다.

이는 SEO에 비친화적입니다.

유사한 검색 결과 페이지에 대해 SEO Yoast로 SEO 메타를 처리할 수 없습니다.

관련 Title도 없고, 관련 메타도 없습니다. Google이 "샌디에이고의 Private rooms"에 대해 웹사이트를 색인할 수 있도록 URL에 도움이 되는 정보가 전혀 없습니다.

좋은 디렉토리라면 아래와 같은 구조의 아카이브가 있어야 합니다:

listify-demos.astoundify.com/rentals/united-states/california/san-diego/single-room

이러한 구조를 통해 고유한 메타 제목과 메타 설명을 지정할 수 있으며, 100% SEO 최적화가 가능합니다.

Listify는 리치 스니펫을 지원하지만, 가능한 가장 기본적인 방식으로만 통합합니다.

지원 및 문서화 품질

문서는 광범위하고 명확합니다. 지원 또한 친절하고 효율적입니다.

제품 페이지의 댓글을 통해 문의를 하나 제출했고, 24시간 이내에 답변을 받았습니다.

코드 품질, WordPress 모범 사례 준수 및 확장성

기본 제공 상태에서 Listify는 커스텀 필드를 사용하지 않기 때문에, 게시물과 페이지에 대한 WordPress의 방식과 유사하게 확장 가능합니다.

코드 스니펫이나 플러그인을 통해 커스텀 필드를 추가하면 성능이 빠르게 저하될 수 있습니다. 이는 커스텀 필드가 데이터베이스에 저장되는 방식 때문입니다.

코드 주석: 전반적으로 코드 품질은 양호하며, 중요한 함수 대부분에 코드 주석이 있습니다. 하지만 주석이 전혀 없거나 전체적인 설명이 부족한 함수도 여전히 많아 WordPress 표준에는 미치지 못할 수 있습니다.

액션 & 필터: 이 테마에는 134개의 do_action()과 187개의 apply_filters()가 있으며, 이는 긍정적인 부분입니다 (일반적으로 액션과 필터가 많을수록 개발자가 작업하기 더 쉽습니다).

이스케이핑(보안): 양호하며 WP 표준을 충족하는 것으로 보입니다.

Listify 결론

훌륭한 디자인과 빠른 설정은 분명한 장점이지만, 아쉽게도 이 테마는 다른 플러그인에 전적으로 의존합니다. 저희 의견으로는, Wp Job Manager는 비즈니스 디렉토리를 구축하기에 이상적이지 않습니다.

Astoundify가 매각되었고 새로운 개발자들을 알 수 없기 때문에, Listify가 처음 테스트했을 때만큼 안정적인지 보장할 수 없습니다. 최신 업데이트를 확인할 시간이 생기면 여기에 보고하겠습니다.

Listable by Pixelgrade

사용 편의성

Listable은 매우 좋은 첫인상을 주었지만, 이전 것만큼 매끄럽고 빠르지는 않았습니다.

몇 분간의 작업 후, 제 스테이징 웹사이트는 Listable 공식 데모와 비슷하게 보였습니다.

Listable은 Mapbox 통합을 지원합니다. Mapbox는 Google Maps의 대안이지만, 하루 1600회의 지도 조회만 제공하며 이후에는 비용이 상당히 비싸지므로 좋은 선택이 아닙니다.

Google Maps도 사용 가능합니다. API 키를 수동으로 추가해야 하므로 시간이 많이 걸립니다. Listable 개발자들은 저희가 Astoundify 팀에 제안한 내용을 참고해야 할 것 같습니다.

디자인 품질

Listable의 가장 큰 강점은 세련되고 픽셀 단위로 완벽한 디자인입니다.

커스터마이저 옵션을 통해 대부분의 요소를 편집할 수 있습니다. 색상 구성표 조정, 폰트 관리, 또는 커스텀 CSS 추가

유연성

Listify와 마찬가지로, Listable의 가장 약한 부분은 디렉토리를 구동하는 플러그인입니다. WP Job Manager는 비즈니스 디렉토리에는 적합하지 않다고 생각합니다.

마찬가지로, 커스텀 필드를 생성하려면 추가 프리미엄 플러그인이나 별도의 코드가 필요합니다. 유일한 차이점은 위치(Location)가 택소노미가 아닌 포스트 메타라는 점입니다.

추가로 제공되는 택소노미는 리스팅 유형입니다. 관리자 전용으로만 표시되는 것 같아 실용성을 느끼지 못했습니다.

Listable은 WPML과 완전히 호환됩니다. 직접 테스트하여 확인했습니다.

SEO 모범 사례 준수

위치(Location) 필드가 택소노미가 아닌 커스텀 필드임에도 불구하고, 문제는 Listify에서 보았던 것과 동일합니다.

Google은 도시별 카테고리 아카이브를 절대 색인화하지 않습니다(도시가 두 개 이상인 경우).

뉴욕을 포함한 여러 도시에 위치한 호텔 디렉토리는 "Hotels in New York"과 같은 키워드로 순위에 오르지 않을 것입니다.

이 구조에서는 단일 도시 또는 특정 지역에 집중한 하이퍼로컬 디렉토리만 만드는 것이 더 좋습니다.

Listable은 리치 스니펫을 지원하지만, 기본적인 방식으로 통합합니다.

지원 및 문서화 품질

문서는 풍부하고 명확하며, 지원은 친절하고 효율적입니다.

제품 페이지의 댓글을 통해 문의를 제출했고, 12시간 이내에 답변을 받았습니다.

코드 품질, WordPress 모범 사례 준수 및 확장성

기본 설정 상태에서 Listable은 커스텀 필드를 사용하지 않기 때문에 Listify처럼 확장성이 뛰어납니다.

하지만 Listify와 마찬가지로, 커스텀 필드를 추가하려고 하면 성능 문제가 빠르게 발생합니다.

코드 주석: 일부 코드 주석이 존재하지만, 대부분의 함수에는 주석이 없으며, 주석이 달린 함수들도 WP 표준을 충족하지 못합니다.

액션 & 필터: 이 테마에는 141개의 do_action()과 136개의 apply_filters()가 있습니다 (일반적으로 액션과 필터가 많을수록 개발자가 작업하기 더 쉽습니다).

이스케이핑 (보안): 대체로 양호하며 WP 표준을 따르고 있지만, 백엔드 함수에서도 모든 POST 데이터가 이스케이핑되면 더 좋을 것 같습니다.

Listable 결론

훌륭한 디자인과 손쉬운 설정을 갖추고 있지만, Listify와 동일한 문제가 있습니다. WP Job Manager를 사용하기로 한 선택이 잠재력을 제한했습니다.

또한, 대부분의 플러그인이 유료이기 때문에 전부 테스트할 수 없었습니다. 모두 구매할 경우 총 비용이 $300을 초과하게 됩니다.

예를 들어, 유료 리스팅, 리스팅 소유권 주장, 북마크, 리스팅 태그 등은 테스트할 수 없었습니다. 모든 수익화 옵션은 추가 비용이 발생합니다.

Listify에 대해 제가 내린 것과 동일한 결론이 Listable에도 적용됩니다. GeoDirectory와 호환되지 않는다는 점이 아쉽습니다. 현재 회원 중 많은 분들이 구매했을 것입니다.

ListingPro by Cridio Studio

사용 편의성

ListingPro는 처음에 순탄하게 진행되지 않았습니다. 압축 파일을 해제하니 그 안에 5개의 zip 파일이 있었습니다:

  • Documentation-1.0.zip,
  • listingpro.zip,
  • listingpro-Bulk-import-addon.zip,
  • listingpro-child.zip, and Live-demo-Content.zip.

부모 테마와 자식 테마를 모두 설치한 후 자식 테마를 활성화했습니다. 설정 마법사 페이지로 리디렉션되었고, 첫 번째 단계에서 필수 및 권장 플러그인 설치가 요구되었습니다. 그런데 이 단계가 실패하여 진행할 수 없었습니다.

지원팀에 문의해야 했는데, 다행히 매우 빠르게 답변을 받았습니다. 모든 설정을 완료하려면 부모 테마를 활성화해야 한다고 설명해 주었습니다. 이는 프로세스에 버그가 있음을 보여주는데, 부모 테마나 자식 테마를 활성화하는 것이 동작에 영향을 미쳐서는 안 되기 때문입니다.

설정 과정에서 부모 테마를 먼저 활성화하는 것이 더 나은 방법이라면, 자식 테마 zip 파일을 숨기고 설정 마법사에 모든 작업이 완료된 후 자식 테마를 설치 및 활성화하는 단계를 추가하는 것이 어떨까요? (Listify처럼요.)

어쨌든, 부모 테마를 활성화한 후 문제가 해결되었고, 공식 데모와 유사한 스테이징 웹사이트를 갖추고 테스트를 시작할 수 있었습니다.

개발자는 사용자가 웹사이트를 처음 방문할 때 지도에서 오류가 표시되지 않도록 기본 Google Maps API 키를 추가해 두었습니다.
이것은 장단점이 있습니다.

처음에 사용자에게 오류를 표시하지 않는다는 점은 긍정적입니다. 하지만 해당 API 키는 금방 한도에 도달하고, 변경하지 못한 모든 사용자에게 지도 오류가 표시될 것입니다. 특히 웹사이트가 운영 중일 때 이런 일이 발생하면 더욱 심각합니다.

그리고 앞서 살펴본 두 가지 테마와 마찬가지로, ListingPro에서도 Maps API를 자동으로 가져올 수 없습니다.

디자인 품질

ListingPro의 프론트엔드 디자인은 매우 뛰어나고 커스터마이징 옵션도 무궁무진하지만, 대시보드에서 과도하게 사용된 색상은 다소 거슬리며 금방 눈에 피로감을 줍니다.

저는 플러그인과 테마가 WordPress의 기본 스타일과 요소를 활용하여 WordPress UI에 자연스럽게 녹아드는 것을 선호합니다.

ListingPro는 스타일링 및 커스터마이징 옵션에 테마 커스터마이저를 사용하지 않습니다. 모든 설정이 대시보드 테마 옵션에 집중되어 있어, 스타일링 변경 사항을 작업하면서 실시간으로 미리 볼 수 없습니다.

유연성

ListingsPro는 모든 디렉토리 기능이 내장된 WordPress 디렉토리 테마입니다. 테마의 디렉토리 기능을 운영하는 데 서드파티 플러그인에 의존하지 않습니다.

이는 특히 예산이 빠듯한 분들에게 큰 장점입니다.

WP Job Manager와 달리 ListingsPro는 커스텀 필드를 지원합니다. 텍스트(Text), 체크박스(Checkbox), 체크박스 스위치(Checkbox (Switch On/Off)), 다중 체크(Multi check), 라디오(Radio), 선택(Select) 등의 유형으로 필드를 생성할 수 있습니다.

커스텀 필드는 고급 검색 필터로는 사용할 수 없으며, 추가 비즈니스 정보로만 활용됩니다. 고급 검색 필터는 사전에 정의되어 있으며 관리자가 편집할 수 없습니다. 필터 항목은 가격(Price), 영업 시간(Open Time), 최고 평점(Highest Rated), 리뷰 많은 순(Most Reviewed), 카테고리(Categories)입니다.

위치는 택소노미(Taxonomy)이며, 리스팅 추가 페이지에서 위치를 반드시 선택해야 합니다. 즉, 전국 단위 디렉토리를 구축하려면 해당 국가의 모든 도시를 미리 입력해 두어야 합니다.

적절한 유효성 검사가 없기 때문에, 특정 도시의 주소를 입력하면서(유효하지 않더라도) 다른 도시를 위치로 선택하는 것이 가능합니다. 이는 허술한 설계이며, 디자이너의 보다 체계적인 접근 방식이 필요합니다.

또 다른 택소노미로는

ListingPro는 유료 리스팅과 광고, 두 가지 수익화 옵션을 제공합니다. 유료 리스팅은 몇 가지 옵션의 활성화 및 비활성화를 허용합니다.

표시하거나 숨길 수 있는 항목: 연락처 정보, Google 지도, 동영상, 갤러리.

유료 광고는 리스팅 소유자에게 테마의 주요 영역에서 추가 노출을 구매할 수 있는 옵션을 제공합니다. 매우 흥미로운 기능이지만 구현 방식은 다소 기본적입니다. 예를 들어, 광고 슬롯당 하나의 가격과 광고 기간만 설정할 수 있습니다.

이 테마에서 가장 마음에 드는 섹션은 사용자 대시보드입니다. 매우 잘 설계되어 있습니다

SEO 모범 사례 준수

ListingPro는 이 측면에서 이전 두 테마와 동일한 단점을 가지고 있습니다. 위치별로 필터링된 카테고리의 검색 엔진 친화적인 아카이브를 제공하지 않습니다.

여러 도시를 아우르는 디렉토리에는 적합하지 않으며, 제한된 수의 리스팅을 가진 하이퍼 로컬 또는 단일 도시 디렉토리에 사용할 수 있습니다.

ListingPro는 리치 스니펫(Rich Snippets)을 지원하지 않습니다.

지원 및 문서화 품질

문서화가 100% 완전하지 않으며 검색 기능도 지원되지 않습니다. 지원은 매우 효율적으로, 댓글 1개를 올리자 몇 분 안에 답변을 받았습니다. 티켓팅 시스템을 사용해 보도록 초대받았는데, 긍정적이고 사용자 친화적인 경험이었습니다.

코드 품질, WordPress 모범 사례 준수 및 확장성

데이터베이스에 데이터를 저장하는 방식 때문에 ListingPro는 지금까지 테스트한 테마 중 최악으로, 적어도 성능과 확장성 면에서는 그렇습니다. 모든 것이 게시물 및 게시물 메타로 저장됩니다. 리스팅, 가격, 광고, 리뷰, 청구서, 클레임 모두 게시물 유형(post type)으로 처리됩니다.

총 9개의 리스팅으로, wp_post 테이블에 82개의 행, wp_postmeta 테이블에 1,340개의 행이 생성되었습니다.

이 테마를 사용해 수천 개의 리스팅으로 디렉토리를 구축하려면 호스팅 비용이 엄청나게 들어 사실상 불가능에 가깝습니다.
코드 주석: 일부 항목에 대해 매우 기본적인 주석이 있지만, 전반적으로 대부분의 항목에는 주석이 없습니다. WP 표준에 부합하는 주석은 찾지 못했습니다.

액션 & 필터: 이 테마에는 14개의 do_action()과 31개의 apply_filters()가 있습니다. (일반적으로 액션과 필터가 많을수록 개발자가 작업하기 더 쉽습니다.)

이스케이핑(보안): 이스케이핑 처리가 매우 미흡하며, 기본 점검 과정에서 실제로 매우 심각한 XSS 취약점을 발견했습니다. (해당 내용을 개발자에게 보고했습니다.)

ListingPro 결론

훌륭한 디자인과 매우 좋은 아이디어들을 갖추고 있지만, 전반적으로 미성숙한 제품으로 주요 구조적 결함이 너무 많습니다.

Templatic의 GeoPlaces가 떠오릅니다.

개발자가 이 프로젝트의 그래픽적인 측면을 매우 세밀하게 연구한 것은 분명합니다. 하지만 코드를 작성한 사람은 고성능 확장형 애플리케이션 개발 경험이 거의 없거나 전혀 없다는 것도 명백합니다.

코드 보안 방법도 익혀야 할 필요가 있습니다. 코드 측면에서 이 테마는 세 번째로 낮은 점수를 받은 테마입니다.

저희 의견으로는 ListingPro는 현재 실제 운영 환경에 적합하지 않습니다.

MyListing by 27collective

사용 편의성

멀티사이트 네트워크에 MyListing을 설치하기 시작했지만, WP All Import를 통해 데모를 재현하는 데 어려움을 겪었습니다. WP All Import는 더미 데이터를 가져오고 데모를 만들기 위해 공식적으로 권장하는 도구입니다. 이것이 알려진 문제인지, 아니면 제가 무언가를 놓친 것인지 확실하지 않습니다.

독립형 WordPress 설치로 시도했을 때는 문제가 더 이상 발생하지 않았으며, 단 몇 초 만에 공식 데모와 매우 유사한 데모를 실행할 수 있었습니다.

MyListing을 사용하려면 다음 플러그인들을 설치해야 합니다:

  • Wp Job Manager
  • WooCommerce
  • Elementor
  • All-in-One WP Migration
  • Contact Form 7

이 때문에 빠른 페이지 로딩은 고성능 서버에서만 기대할 수 있습니다.

심지어 데모조차 매우 빠르지는 않으며, 20개 위치에서 테스트했을 때 평균 7.4초가 걸립니다.

실제 디렉토리 웹사이트에서는 매우 높은 이탈률로 이어질 수 있습니다.

저희는 이 속도 로딩 테스트 도구 를 사용하여 해당 통계를 얻었습니다.

이전에 테스트한 모든 테마와 마찬가지로, MyListing도 Maps API를 자동으로 불러오는 것을 허용하지 않습니다.

디자인 품질

MyListing은 Elementor 플러그인과 높은 수준으로 통합되어 있으며 다양한 커스터마이징 옵션을 제공합니다. Elementor 페이지 빌더를 통해 대부분을 직접 디자인할 수 있습니다.

홈 페이지, 탐색 페이지(검색) 및 몇 가지 다른 템플릿을 커스터마이징할 수 있습니다. 하지만 리스팅 상세 페이지는 편집할 수 없습니다.

전반적인 디자인 품질은 뛰어나지만, 타이포그래피가 현대적 기준에 비해 약간 작아 눈에 부담을 줄 수 있다고 생각합니다.

MyListing은 WordPress 표준을 따르지 않으며, 스타일링 및 커스터마이징 옵션에 테마 커스터마이저를 사용하지 않는 또 다른 테마입니다.

유연성

MyListing은 WP Job Manager를 디렉토리의 기반으로 사용하며, Listify 및 Listable과 동일한 제한을 공유합니다. 일부 테마 옵션을 위해 Advanced Custom Fields 플러그인을 통합하고, 자체 커스텀 필드 시스템도 구축했습니다.

가격은 WooCommerce를 통해 상품으로 설정되며, 결제 역시 WooCommerce로 관리됩니다.

저희 생각에는 이것은 다소 과합니다. 저희는 Invoicing 플러그인 을 개발했습니다. GeoDirectory의 결제를 관리하기 위해 경량 플러그인을 만든 이유는, 다른 e-커머스 시스템들이 디렉토리에 불필요한 코드를 지나치게 많이 추가했기 때문입니다.

예를 들어, 아무것도 배송하지 않는 웹사이트에 소포 배송 관리 시스템이 포함되는 셈입니다.

SEO 모범 사례 준수

MyListing은 이 부분에서 앞선 3개 테마와 동일한 단점을 가지고 있습니다. 카테고리와 위치에 커스텀 택소노미가 사용되기 때문에, SEO에 최적화된 URL로 특정 위치의 특정 카테고리 리스팅 페이지를 방문하는 것이 불가능합니다.

MyListing은 리치 스니펫을 지원하지만, 몇 가지 오류도 존재합니다.

지원 및 문서화 품질

문서는 완성도가 높으며 왼쪽 사이드바의 고정 메뉴를 통해 탐색할 수 있습니다. 지원 서비스를 직접 테스트해보지는 않았지만, 비효율적이거나 미흡한 지원에 대한 부정적인 리뷰가 보이지 않는 것을 보면 잘 운영되고 있는 것 같습니다.

코드 품질, WordPress 모범 사례 준수 및 확장성

커스텀 필드에 기본 WordPress 아키텍처를 사용했기 때문에, MyListing의 확장성은 큰 문제가 될 것입니다. 5개의 이미지가 포함된 테스트 리스팅 1개를 생성했더니 wp_posts 데이터베이스 테이블에 7개의 행, wp_postmeta 데이터베이스 테이블에 59개의 행이 생성되었습니다.

MyListing 결론

미적으로 분명히 매력적이고, Elementor를 통한 커스터마이징이 쉬워 초보 디렉토리 개발자에게는 훌륭한 도구입니다. 하지만 이 테마로 구축된 대부분의 프로젝트는 웹사이트가 트래픽을 받기 시작하면 비즈니스를 확장하는 데 매우 큰 어려움을 겪게 될 것입니다.

이 테마를 사용하려면 다음을 설치해야 합니다:

Wp Job Manager, Wp Job Manager WC Paid Listings, Elementor, WooCommerce, 그리고 자체 MyListing Add-on까지 설치해야 합니다. 이보다 더 무거울 수는 없습니다.

대부분 별 5개 리뷰만 있고 부정적인 리뷰가 전혀 없다는 점이 의아할 수도 있습니다. 이 테마에서 발견한 결함들을 고려하면 특히 더 수상하게 느껴졌습니다.

부정적인 리뷰를 남긴 사람들은 지원 및 업데이트를 받지 못하도록 차단된 것으로 보입니다.

그로 인해 Envato가 특정 제품에 대해 환불을 받은 사람들의 리뷰를 삭제한다는 사실을 알게 되었습니다. 저는 이것이 Envato의 매우 나쁜 사업 관행이라고 생각합니다.

이것이 MyListing 개발자들이 고객을 대하는 일반적인 방식이라고 단정 짓는 것은 아니지만, 그들이 부정적인 피드백을 처리하는 데 어려움을 겪고 있다는 것은 직접 경험을 통해 알 수 있습니다. 실제로 그들은 저에게 직접 연락해 이 리뷰를 수정해달라고 요청했습니다.

부정적인 피드백을 개인적인 모욕으로 받아들이거나 자신들의 제품을 비판하는 사람을 마녀사냥하는 대신, 제품을 개선하기 위한 정보로 활용하길 권장합니다.

MyListing으로 멋진 웹사이트를 만들 수 있지만, 상당한 트래픽이 몰리면 사용하기 어려울 정도로 느려질 것입니다.

DirectoryEngine by EngineThemes

사용 편의성

저는 번들 플러그인이 포함된 테마를 선호하지 않습니다. 대부분의 경우 번들 플러그인이 최신 버전이 아니기 때문입니다. 번들 플러그인은 자동 업데이트가 되지 않으므로(별도 라이선스를 구매하지 않는 한), FTP를 통해 하나 이상의 플러그인을 업데이트하는 것부터 시작해야 합니다.

DirectoryEngine에는 2개의 번들 플러그인이 포함되어 있습니다: Revolution Slider와 Visual Composer인데, 물론 둘 다 구버전이었고 FTP를 통해 업데이트해야 했습니다.

문서에는 WP Importer 플러그인을 사용하여 더미 데이터를 설치하라고 나와 있으며, 테마에는 자동으로 가져올 수 있는 도구가 제공됩니다.
이전 3개의 테마와 마찬가지로, Google Maps API 키는 수동으로 생성해야 합니다.

전반적으로, 데모와 유사한 스테이징 사이트를 구축하는 데 약 15분이 걸렸습니다. 나쁘지 않은 편입니다.

디자인 품질

디자인 품질은 높지만, 이전 3개의 테마만큼 픽셀 단위로 완벽하거나 비교할 만한 수준은 아닙니다.

커스터마이저 옵션은 홈페이지 섹션과 전반적인 웹사이트 색상만 수정할 수 있으며, 실질적인 디자인 옵션은 많지 않습니다.

유연성

DirectoryEngine은 기본적으로 커스텀 필드를 지원하지 않는 또 하나의 WordPress 디렉토리 테마입니다. 추가할 수는 있지만 프로그래밍 방식으로만.

사용자 정의 필드를 생성할 수 없다면, 검색 필터로도 사용할 수 없습니다.

커스텀 포스트 타입은 4가지입니다: Places, Events, Packs, Testimonials.

Places는 리스팅에 사용됩니다.

Events는 리스팅 소유자가 추가할 수 있는 특별 혜택입니다.

Packs는 리스팅 가격을 위한 것입니다.

Testimonials는 명확하게 정의되어 있지 않으며 뚜렷한 용도가 없습니다.

리스팅 가격은 무제한으로 생성할 수 있지만, 그 역할은 사용자가 등록할 수 있는 Places와 Events의 수 및 이용 가능 기간을 제한하는 것에 불과합니다. 리스팅에 허용되는 사진이나 카테고리 수를 설정하는 옵션이 있지만, 이는 모든 가격에 동일하게 적용됩니다.

위치(Locations)는 택소노미의 항목입니다.

ListingPro와 마찬가지로, 리스팅을 추가할 때 도시에서 주소를 선택할 수 있으며, 위치 필드에서는 다른 도시를 선택할 수 있습니다.

이 글을 작성하는 시점에서 DirectoryEngine은 출시된 지 수년이 지났으며, 저는 이것이 용납할 수 없는 일이라고 생각합니다. 더 나쁜 점은, 공식 문서에서 이를 "기능"으로 소개하고 있다는 것입니다:

SEO 모범 사례 활용

DirectoryEngine은 지금까지 테스트한 모든 테마와 동일한 SEO 결함을 가지고 있습니다.

위치가 택소노미로 처리되기 때문에, 특정 카테고리의 리스팅 아카이브를 지정된 위치로 필터링하여 탐색할 방법이 없습니다. 유일한 방법은 검색 엔진을 이용하는 것인데, 이는 SEO에 친화적이지 않습니다.

위치를 처리하는 방식은 아무리 좋게 봐도 아마추어 수준입니다. DirectoryEngine으로 만든 웹사이트를 주요 검색 엔진에서 상위에 노출시키려면, 디렉토리가 단 하나의 도시 또는 더 작은 지역의 리스팅만 허용하는 경우에만 가능합니다.

DirectoryEngine은 리치 스니펫을 올바르게 사용합니다.

지원 및 문서화 품질

문서는 다소 오래된 것으로 보이지만 테마의 모든 기능을 다루고 있습니다. 지원팀은 첫 번째 문의에 24시간 이내에 답변했습니다. 두 번째로 테마의 심각한 보안 취약점을 보고했을 때는 전혀 답변을 받지 못했습니다.

코드 품질, WordPress 모범 사례 준수 및 확장성

4개의 리스팅, 7개의 이벤트, 3개의 가격을 등록한 상태에서 post 및 postmeta 테이블의 행 수는 각각 311개와 936개입니다. ListingPro와 동일한 확장성 문제가 보이며, 이는 극복하기 어려운 수준입니다.

코드 주석: 대부분의 항목에 코드 주석이 있으며 WP 표준을 대체로 따르고 있습니다. 다만 매개변수 설명이 대부분 누락되어 있으나, 전반적으로는 대다수의 테마보다 낫습니다.

Actions & Filters: 이 테마에는 100개의 do_action()과 137개의 apply_filters()가 있습니다 (일반적으로 액션과 필터가 많을수록 개발자가 작업하기 더 쉽습니다).

이스케이핑(보안): 이 코드를 검토하기 시작했을 때, 처음 발견한 3가지 항목에서 XSS, 로그인 페이지 스푸핑, 사이트 콘텐츠 열람 또는 삭제 기능과 같은 취약점이 존재했습니다.

DirectoryEngine 결론

이 테마에 대한 기대가 컸지만, 직접 테스트해 본 후 실망스럽다는 말을 하지 않을 수 없습니다. 수년간 제공되어 온 제품임에도 불구하고, 널리 사용되고 있음에도 여전히 치명적인 결함이 존재합니다. 개인적으로 구매했다면 주저 없이 환불을 요청했을 것입니다.

이 테마 뒤에는 분명 뛰어난 디자이너가 있지만, 백엔드 애플리케이션의 완성도는 다소 비전문적입니다.

개발자들이 보안과 확장성에 대한 지식이 매우 부족하다는 결론을 내릴 수밖에 없습니다. 어떤 사이트에도 이 테마를 설치해서는 안 됩니다.

Vantage by AppThemes

Vantage는 수년간 존재해 왔으며, 그 덕분에 이 목록에서 가장 성숙한 제품입니다. 최근에 새롭게 디자인되었으며, 오랫동안 직접적인 경쟁 제품으로 여겨왔습니다. 마침내 직접 사용해 보고 제대로 평가할 수 있게 되어 매우 기대가 되었습니다.

사용 편의성

Vantage 설치 및 설정은 매우 즐거운 경험이었습니다. 설정 가이드는 Listify의 설치 마법사만큼 훌륭했습니다. 5분도 채 안 되어 AppThemes 공식 데모와 유사한 데모 웹사이트를 완성할 수 있었습니다.

유일한 약점은 Google Maps API 키 요구 사항으로, 이전 4개의 테마와 마찬가지로 더 간편하게 처리할 수 있습니다.

디자인 품질

새로운 플랫 디자인은 모던하고 깔끔하며, 기존 Vantage 디자인에 비해 크게 발전했습니다.

커스터마이저 옵션을 통해 로고 및 사이트 아이콘과 같은 사이트 정체성 요소를 수정할 수 있습니다. 색상 구성표, 개별 항목의 색상, 배경 이미지, 레이아웃도 설정 가능합니다.

유연성

지금까지 테스트한 5개의 테마 중 Vantage는 사용자 정의 필드를 제대로 지원하는 첫 번째 테마입니다. 다만 고급 검색 필터로는 사용할 수 없기 때문에, 잠재적인 활용도에 비해 유용성이 떨어집니다.

위치 필드는 텍스트 필드입니다. 사용자가 입력한 내용을 기반으로 위도 및 경도 좌표를 자동으로 계산합니다. 이 필드에 유효성 검사가 없어 사용자가 거의 무엇이든 입력할 수 있습니다. 잘못된 주소를 입력한 후 양식을 저장하면 PHP 경고가 반환됩니다.

가격 옵션을 통해 반복 및 비반복 가격을 설정할 수 있습니다. 각 리스팅에서 사용자가 선택할 수 있는 카테고리 수를 제한하고, 리스팅 기간 및 검색·카테고리 아카이브에서의 추천 상태를 설정할 수 있습니다.

기본 제공되는 결제 옵션은 PayPal과 계좌 이체입니다. 추가 비용이 발생하는 별도의 결제 게이트웨이, 차일드 테마, 기타 프리미엄 확장 기능도 있습니다. 이 중 어느 것도 테스트하지 않았습니다.

SEO 모범 사례 활용

다른 테마들과 마찬가지로, Vantage의 위치 기능은 이상적이지 않습니다. 두 곳 이상의 위치로 제출된 리스팅으로 제대로 된 디렉토리 구조를 만들기에는 충분하지 않습니다.

리스팅 상세 페이지와 카테고리 페이지는 순위를 매길 수 있지만, 위치별로는 불가능합니다. 위치별로 리스팅을 탐색하는 유일한 방법이 SEO 비친화적인 결과 페이지를 반환하는 검색 엔진을 통하는 것이기 때문입니다. URL은 다음과 같습니다:

yoursite.com/listings/?ls=test&location=milan&st=listing&lat=0&lng=0

이러한 검색 결과 페이지에 고유한 메타 제목과 설명을 지정할 방법이 없습니다. 그 때문에 Google이나 다른 검색 엔진이 관련 키워드 및 위치에 대해 이 페이지를 상위 노출할 가능성은 매우 낮습니다.

Vantage는 리치 스니펫을 지원하지만, 가장 기본적인 방식으로만 통합되어 있습니다.

지원 및 문서화 품질

이 WordPress 디렉토리 테마의 문서는 방대하며, 4개의 섹션으로 매우 잘 정리되어 있습니다:

  1. 문서 – 설치 가이드, 릴리스 노트 등.
  2. 튜토리얼 – 테마 및 플러그인 튜토리얼 라이브러리.
  3. 개발자 – API 문서. 제품을 확장하세요.
  4. 판매자 – 마켓플레이스 판매자를 위한 문서.

지원팀은 매우 친절하고 도움이 됩니다. 지원 포럼을 통해 문의를 제출했고 24시간 이내에 답변을 받았습니다.

코드 품질, WordPress 모범 사례 준수 및 확장성

Vantage는 디렉토리에 적합한 데이터베이스 구조를 사용하지 않습니다. 목록이 3개뿐인데도 wp_posts 테이블에는 이미 49개의 행이, wp_postmeta에는 246개의 행이 생성되었습니다. 추가 커스텀 필드를 사용하면 두 번째 수치가 기하급수적으로 증가할 것입니다.

고성능 서버 인프라에 충분한 자원을 투자하지 않으면 확장성 문제가 매우 빠르게 발생할 수 있습니다.

코드 주석: 주석이 매우 잘 달려 있으며 대부분의 코드 주석이 WP 표준을 따릅니다. 이처럼 높은 품질의 코드 주석은 개발자에게 신뢰감을 줍니다.

액션 & 필터: 이 테마에는 238개의 do_action()과 230개의 apply_filters()가 있습니다(일반적으로 액션과 필터가 많을수록 개발자가 작업하기 더 쉽습니다).

이스케이핑(보안): 보안 및 WP 표준이 기준에 부합합니다. 주요 문제는 발견되지 않았습니다.

Vantage 결론

훌륭한 디자인과 탁월한 설정 절차를 갖추고 있습니다. 단 몇 분 안에 디렉토리를 구축하고 사용할 수 있습니다. 단일 도시 디렉토리로 활용하기에 효과적입니다.

그러나 지역, 국가 또는 전 세계 디렉토리로 사용하기에는 적합하지 않습니다. SEO 친화적이지 않을 것입니다.

테스트한 7개의 테마 중, Vantage가 전반적으로 가장 뛰어난 제품이라고 결론 내릴 수 있습니다.

Directory by Templatic

사용 편의성

처음 출시되었을 때 이 테마를 테스트했고 그다지 인상적이지 않았습니다. 그러나 최신 버전은 기분 좋은 놀라움을 주었습니다. 빠르고 설치가 쉬우며, 더미 데이터 가져오기도 간편합니다. 단 몇 분 만에 데모와 동일한 스테이징 웹사이트를 구축할 수 있었습니다.

개선의 수준이 인상적입니다.

디자인 품질

2014년 초 처음 출시되었을 때는 디자인이 현대적이고 세련되었지만, 이제는 다소 구식으로 느껴지기 시작합니다. 다양한 디자인의 차일드 테마를 여러 개 제공하지만, 모두 추가 비용이 발생합니다.

일부 디자인 옵션은 커스터마이저 섹션에, 일부는 테마 설정에 있습니다. 모두 커스터마이저에서 관리할 수 있다면 더 편리할 것입니다.

유연성

Directory는 기능 면에서 테스트한 7개의 테마 중 단연 가장 유연한 테마입니다.

커스텀 게시물 유형(목록 유형)을 지원하며, 각 커스텀 게시물 유형마다 다양한 종류의 커스텀 필드를 생성할 수 있습니다. 또한 모든 커스텀 필드를 고급 검색 필터로 활용할 수 있습니다.

테마 데이터베이스에는 모든 국가와 거의 4,000개에 달하는 지역이 등록되어 있습니다. 시스템은 리스팅을 추가할 때 도시를 생성하지만, 오타나 기타 데이터베이스 오류가 발생했을 때 이를 병합하는 도구는 없습니다. 사용자가 데이터베이스에 위치를 추가할 수 있는 경우, 이는 반드시 갖춰야 할 기능입니다.

이상하게도, 지역과 국가가 존재함에도 불구하고 지역이나 국가별로 리스팅을 탐색할 수 없고 오직 도시별로만 가능합니다. 다른 5개의 테마에 비하면 한 걸음 앞선 것이지만, 여전히 이상적인 수준과는 거리가 멉니다. 이상적인 디렉토리라면 "전체 위치", 국가, 지역, 도시, 그리고 동네별로 탐색하는 옵션이 포함되어야 합니다.

수익 창출 및 비즈니스 기회는 매우 훌륭합니다. 높은 유연성으로 가격을 설정할 수 있습니다. 일정 수의 리스팅이 포함된 "단일 제출" 또는 "구독" 방식으로 가격을 설정할 수 있습니다. 정기 결제 또는 일회성 결제로 설정하는 것도 가능합니다. 또한 각 카테고리에 대한 업셀 가격을 추가하고, 패키지 기간 및 리스팅의 추천 노출 위치도 설정할 수 있습니다.

SEO 모범 사례 준수

Directory를 사용하면 카테고리 + 위치로 필터링된 아카이브를 드디어 표시할 수 있지만, 제목과 메타를 관리하는 유연성은 거의 없는 수준입니다. 카테고리 설명을 만들 수는 있지만, 모든 위치에 동일하게 적용됩니다.

이상적인 SEO 최적화 디렉토리 도구와는 아직 매우 거리가 멉니다.

Directory는 리치 스니펫을 처리하지만, 가장 기본적인 방식으로만 통합합니다.

지원 및 문서화 품질

문서는 매우 잘 정리되어 있고 검색하기 쉽습니다. 지원팀이 24시간 이내에 제 문의에 답변해 주었지만, 꽤 명확한 질문이었음에도 불구하고 이해하지 못했습니다.

코드 품질, WordPress 모범 사례 준수 및 확장성

버그가 많은 코드는 Templatic의 테마에 대해 우리가 가장 기억하는 부분입니다. Directory도 다르지 않습니다.

저장되지 않는 옵션, 보안 허점, 그리고 결함 있는 데이터베이스 구조를 발견했습니다.

데이터베이스 구조는 테스트한 모든 테마 중에서 최악입니다. 리스팅 13개, 페이지 15개, 포스트 4개만으로도 포스트 테이블에는 105개의 행이, postmeta에는 1,308개의 행이 있습니다.

마지막으로, 고급 검색 위젯의 쿼리는 SQL을 죽이는 주범입니다. 필터링하는 커스텀 필드마다 postmeta 테이블을 한 번씩 JOIN합니다.

이 Directory 테마를 수백 개 이상의 리스팅으로 확장하는 것은 사실상 불가능에 가깝습니다.

코드 주석: 대부분의 항목에 어느 정도의 코드 주석이 있으며, 일부는 WP 표준을 따르지만 전부는 아닙니다. 대략 50/50 수준입니다.

액션 및 필터: 테마에는 487개의 do_action()과 319개의 apply_filters()가 있습니다 (일반적으로 액션과 필터가 많을수록 개발자가 다루기 쉽습니다).

이스케이핑(보안): 대부분의 항목은 이스케이핑되어 있지만, 그렇지 않은 항목도 여전히 많아 백엔드에서 XSS로 이어질 수 있습니다. 전반적으로 코드는 PHP 경고와 알림이 많이 발생하며, 이메일 전송 및 SQL 인젝션과 같은 기본적인 보안 검사가 많은 부분에서 누락되어 있습니다.

앞서 언급한 사항들을 고려할 때, Directory는 제 서버에서 운영하고 싶지 않은 솔루션입니다.

Directory 결론

4년 전의 GeoPlaces와 비교하면, 이 테마는 많은 발전을 보여줍니다. 특히 새로운 기능과 옵션 면에서 그렇지만, 기반 구조는 동일합니다. 확장성이 없고 버그가 많습니다.

최종 결론

테스트한 테마의 절반이 이토록 형편없이 코딩되어 있다는 사실을 발견하고 꽤 충격을 받았습니다.

유사한 제품들은 저희 의견으로는 WordPress의 평판을 해칠 수 있습니다.

백엔드 애플리케이션의 품질은 항상 디자인의 품질과 동등하거나 그 이상이어야 합니다.

디자인 수준을 충족하지 못한다면, 고객은 약속된 것과 일치하지 않는 제품을 받게 되는 것입니다.

물론, 저희는 테마 제작자들에게 가능한 취약점에 대해 알렸으며, 저희가 아는 한 ListingPro 제작자들은 이미 XSS 취약점을 수정했습니다.

그 외에도, Vantage가 1위, Listify가 2위, Listable이 3위이며, ListingPro, MyListing, Directory가 공동 4위, 그리고 DirectoryEngine이 단연 최하위입니다.

저희 의견으로는 마지막 네 개의 테마는 운영 중인 웹사이트에 적합하지 않습니다.

디렉토리 테마 제작자들에게 전하는 메시지

테마의 디렉토리 기능을 처음부터 직접 구축하거나(또는 이를 위해 만들어지지 않은 플러그인을 사용하는) 수고를 감수할 이유가 있을까요?

오늘 E-Commerce 테마를 개발해야 한다면, 장바구니 전체를 직접 만들겠습니까, 아니면 WooCommerce를 사용하겠습니까?

의심할 여지 없이, GeoDirectory는 저희가 테스트한 모든 테마에 포함된 디렉토리 옵션들보다 훨씬 뛰어납니다.

지금이라도 그 실수를 바로잡고, 여러분에게 쏟아지는 지원 요청의 약 90%를 저희가 처리할 수 있도록 맡겨주세요.

경쟁보다 협력이 더 낫습니다 🙂

이 상세한 리뷰를 즐겁게 읽으셨기를 바라며, 추가하고 싶은 내용이 있으시면 아래 댓글에 남겨주세요!

WordPress 바디에 클래스 추가하기

많은 경우, 자동 생성된 클래스만으로는 충분하지 않아 커스텀 클래스를 추가해야 할 수 있습니다.

커스텀 클래스를 추가하려면 WordPress 필터를 사용합니다:

  1. body_class

아래에서 가장 많이 요청된 예제들의 스니펫을 소개합니다.

하지만 먼저 초보자들에게 바디 클래스에 대해 좀 더 설명하기 위한 간단한 소개를 드리겠습니다.

WordPress 커스텀 바디 클래스는 모든 WordPress 개발자가 조만간 다루게 될 주제입니다.

대부분의 경우 몇 줄의 코드만 있으면 충분하기 때문에, 이를 위해 플러그인을 사용하는 것은 과한 방법입니다.

그렇다면, WordPress 커스텀 Body 클래스는 어떻게 추가할까요?

WordPress에는 body_class 함수 와 body_class 필터 (훅)가 있습니다.

body_class 함수는 WordPress가 자동으로 생성한 클래스들을 웹사이트의 body 태그에 추가하기 위해 테마에서 사용됩니다.

테마의 header.php 파일에 추가하는 방법은 다음과 같습니다:

<body <?php body_class($class); ?>>

방문한 페이지에 따라 WordPress는 특정 클래스를 출력합니다.

1) 기본 "Hello World" 포스트의 body 클래스는 다음과 같습니다:

<body class="single single-post postid-1 single-format-standard logged-in admin-bar no-sidebar customize-support">

2) 샘플 페이지의 body 클래스는 다음과 같습니다:

<body class="page page-id-2 page-template-default logged-in admin-bar no-sidebar customize-support">

3) 카테고리 아카이브 페이지의 body 클래스는 다음과 같습니다:

<body class="archive category category-uncategorized category-1 logged-in admin-bar no-sidebar hfeed customize-support">

4) 작성자 아카이브 페이지의 body 클래스는 다음과 같습니다:

<body class="archive author author-admin author-1 logged-in admin-bar no-sidebar hfeed customize-support">

5) 홈페이지의 body 클래스 (홈페이지가 있다고 가정할 경우)

<body class="home blog logged-in admin-bar no-sidebar hfeed customize-support">

위에서 제공된 5가지 예시는 관리자 사용자가 로그인한 상태에서 대부분의 기본 테마에 공통적으로 적용됩니다.

로그아웃 상태에서는 클래스가 약간 다르게 표시됩니다.

HTML의 클래스는 CSS를 통해 웹 페이지를 스타일링하는 데 사용됩니다.

다음 코드 스니펫을 functions.php 파일에 복사하면, 웹사이트 마크업에 새로운 커스텀 body 클래스가 추가됩니다.

body_class 필터를 사용할 것입니다.

WordPress 커스텀 Body 클래스 추가하기

function my_custom_body_class($classes) {<br />
// add 'my-class' to the default autogenerated classes, for this we need to modify the $classes array.<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class');

이렇게 하면 웹사이트의 모든 페이지의 body 태그에 새 클래스 "my-class"가 추가됩니다.

<body class="home blog logged-in admin-bar no-sidebar hfeed my-class customize-support">

클래스를 2개 이상 추가해야 한다면 어떻게 하나요?

WordPress 커스텀 body 클래스 2개 이상 추가하기

function my_custom_body_classes($classes) {<br />
// add 'my-class' and 'my-class-2' to the default autogenerated classes, for this we need to modify the $classes array.<br />
$classes[] = 'my-class';<br />
$classes[] = 'my-class-2';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom classes via body_class filter<br />
add_filter('body_class','my_custom_body_classes');

결과는 다음과 같습니다:

<body class="home blog logged-in admin-bar no-sidebar hfeed my-class my-class-2 customize-support">

특정 페이지에만 CSS로 커스텀 스타일을 적용하기 위해 body 클래스를 추가하고 싶다면 어떻게 하나요?

특정 페이지에 WordPress 커스텀 body 클래스 추가하기

이는 여러 가지 방법으로 수행할 수 있습니다:

1) 페이지 ID를 사용하여 커스텀 body 클래스 추가하기

function my_custom_body_class_id($classes) {<br />
// add 'my-class' only to page with ID 1.<br />
if ( is_page( '1' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_id');

ID가 2인 페이지에는 이 결과가 적용되며, 다른 모든 페이지에는 커스텀 클래스가 추가되지 않습니다.

<body class="page page-id-2 page-template-default logged-in admin-bar no-sidebar my-class customize-support">

2) 페이지 슬러그를 사용하여 커스텀 body 클래스 추가하기

function my_custom_body_class_slug($classes) {<br />
// add 'my-class' only to page with slug contact-form.<br />
if ( is_page( 'contact-form' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_slug');

이렇게 하면 슬러그가 contact-form인 페이지에 커스텀 클래스 "my-class"가 추가되며, 다른 모든 페이지에는 커스텀 클래스가 추가되지 않습니다.

3) 페이지 제목을 사용하여 커스텀 body 클래스 추가하기

function my_custom_body_class_title($classes) {<br />
// add 'my-class' only to page with title Contact Form.<br />
if ( is_page( 'Contact Form' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_title');

이렇게 하면 제목이 Contact Form인 페이지에 커스텀 클래스 "my-class"가 추가되며, 다른 모든 페이지에는 커스텀 클래스가 추가되지 않습니다.

4) 페이지 템플릿을 사용하여 커스텀 body 클래스 추가하기

function my_custom_body_class_template($classes) {<br />
// add 'my-class' only to pages using my custom template.<br />
if ( is_page_template( 'my-custom-page-template' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_template');

이렇게 하면 my-custom-page-template 템플릿을 사용하는 페이지에 커스텀 클래스 "my-class"가 추가됩니다. 다른 모든 페이지에는 커스텀 클래스가 추가되지 않습니다.

카테고리 또는 태그 페이지에도 ID 또는 카테고리/태그 슬러그를 통해 커스텀 클래스를 추가할 수 있습니다.

카테고리 또는 태그 아카이브에 WordPress 커스텀 body 클래스 추가하기

1) 카테고리

function my_custom_body_class_category($classes) {<br />
// add 'my-class' only to the my-category archive.<br />
if ( is_category( 'my-category' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_category');

2) 태그

function my_custom_body_class_tag($classes) {<br />
// add 'my-class' only to the my-tag archive.<br />
if ( is_tag( 'my-tag' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_tag');

이렇게 하면 my-category 카테고리와 my-tag 태그의 아카이브 페이지에만 커스텀 body 클래스가 추가됩니다.

my-category 카테고리의 모든 게시물 단일 페이지 또는 my-tag 태그가 있는 모든 게시물 단일 페이지에 커스텀 body 클래스를 추가할 수도 있습니다.

in_catgeory 및 has_tag 함수를 사용할 것입니다.

1) 카테고리 (아카이브 페이지 및 단일 페이지 모두)

function my_custom_body_class_in_category($classes) {<br />
// add 'my-class' to the my-category archive and single posts of the category.<br />
if ( in_category( 'my-category' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_in_category');

2) 태그 (아카이브 페이지 및 단일 페이지 모두)

function my_custom_body_class_has_tag($classes) {<br />
// add 'my-class' to the my-tag archive and single posts with that tag.<br />
if ( has_tag( 'my-tag' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_has_tag');

이 마지막 두 가지 예시는 아카이브 페이지와 단일 페이지 모두에 커스텀 클래스를 추가합니다.

각 게시물에 카테고리 이름을 WordPress 커스텀 body 클래스로 추가하기

각 게시물에 카테고리의 슬러그 이름을 커스텀 body 클래스로 추가하려면 다음 코드 스니펫이 필요합니다: 

function my_custom_body_class_category_in_single($classes) {<br />
     if (is_single() || is_category()) {<br />
       global $post;<br />
       foreach((get_the_category($post->ID)) as $category) {<br />
         $classes[] = $category->category_nicename;<br />
       }<br />
     }<br />
     return $classes;<br />
   }<br />
add_filter('body_class','my_custom_body_class_category_in_single');

예를 들어, "여행" 카테고리의 게시물을 방문하는 경우 위 스니펫은 body 클래스 Travel을 추가하므로 각 카테고리의 게시물을 서로 다르게 스타일링할 수 있습니다.

모바일 기기에서 방문할 때 WordPress 커스텀 body 클래스 추가하기

다음을 사용하면 쉽게 할 수 있습니다. wp_is_mobile 함수. 

function my_custom_body_class_mobile( $classes ) {<br />
    if ( wp_is_mobile() ) {<br />
        $classes[] = 'mobile';<br />
    }<br />
    return $classes;<br />
}<br />
add_filter( 'body_class', 'my_custom_body_class_mobile' );

커스텀 body 클래스는 플러그인이 생성한 1개 또는 모든 페이지에도 추가할 수 있습니다 (플러그인에 따라 다름).

GeoDirectory

GeoDirectory는 자체 커스텀 body 클래스를 추가합니다. 예를 들어 모든 GeoDirectory 페이지에는 body 클래스 geodir-page가 추가됩니다.

고급 검색 및/또는 커스텀 포스트 타입 애드온이 설치된 경우 다음 클래스들이: geodir_advance_search 및 geodir_custom_posts 각각 추가됩니다.

GD 홈 페이지 예시:

<body class="single single-post postid-1 single-format-standard logged-in admin-bar no-sidebar customize-support">

리스팅 페이지(커스텀 포스트 타입 또는 카테고리 아카이브)에서는 각 커스텀 포스트 타입마다 다른 클래스를 확인할 수 있습니다.

예를 들어 Places에서는 다음과 같은 클래스가 있습니다. post-type-archive-gd_place.

리스팅 상세 페이지에서도 사용된 각 Custom Post Type에 따라 다른 클래스를 확인할 수 있습니다. 예를 들어 Places에서는 다음과 같습니다: single-gd_place.

하지만 경우에 따라 다른 커스텀 바디 클래스가 필요할 수도 있습니다. 몇 가지 예를 살펴보겠습니다:

1) 위치 페이지에 커스텀 바디 클래스 추가

// add extra class via body_class filter<br />
add_filter('body_class', 'gd_location_custom_body_class');</p>
<p>function gd_location_custom_body_class($classes)<br />
{<br />
if (geodir_is_page('location')) {<br />
$classes[] = 'gd-location';<br />
}<br />
// return the modified $classes array<br />
return $classes;<br />
}

동일한 조건부 태그 

geodir_is_page()
는 모든 GeoDirectory 페이지에 사용할 수 있습니다. 예를 들어 미리보기 페이지의 경우:

2) 리스팅 미리보기 페이지에 커스텀 바디 클래스 추가

// add extra class via body_class filter<br />
add_filter('body_class', 'gd_preview_custom_body_class');</p>
<p>function gd_preview_custom_body_class($classes)<br />
{<br />
if (geodir_is_page('preview')) {<br />
$classes[] = 'gd-preview';<br />
}<br />
// return the modified $classes array<br />
return $classes;<br />
}

3) 커스텀 바디 클래스를 가격 패키지별 상세 페이지에 추가

 // add extra custom class via body_class filter<br />
add_filter('body_class','gd_price_custom_body_class');<br />
function gd_price_custom_body_class($classes) {<br />
global $post;<br />
if ( $post->package_id == 1) {<br />
$classes[] = 'price-1';<br />
}<br />
elseif ( $post->package_id == 2) {<br />
$classes[] = 'price-2';<br />
}<br />
else {}<br />
// return the modified $classes array<br />
return $classes;<br />
}

4) 커스텀 바디 클래스를 검색된 CPT별 검색 페이지에 추가

add_filter('body_class','gd_search_cpt_custom_body_class');</p>
<p>function gd_search_cpt_custom_body_class($classes) {<br />
if (isset($_GET['stype']) == 'gd_place') {<br />
$classes[] = 'search_gd_place';<br />
}<br />
return $classes;<br />
}

WooCommerce

1) 모든 WooCommerce 페이지에 커스텀 바디 클래스 추가

function my_custom_body_class_woo($classes) {<br />
// add 'my-class' to all woocom pages.<br />
if ( is_woocommerce() )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_woo');

2) 쇼핑 페이지에만 커스텀 바디 클래스 추가

function my_custom_body_class_woo_shop($classes) {<br />
// add 'my-class' only to the shop page.<br />
if ( is_shop() )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_woo_shop');

3) 상품 카테고리 페이지에 커스텀 바디 클래스 추가

function my_custom_body_class_woo_cat($classes) {<br />
// add 'my-class' only to the product category archives.<br />
if ( is_product_category() )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_woo_cat');

4) 특정 상품 카테고리 페이지에 커스텀 바디 클래스 추가

function my_custom_body_class_woo_cat_a($classes) {<br />
// add 'my-class' only to a specific product category archive.<br />
if ( is_product_category( 'my-category' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_woo_cat_a');

5) 상품 페이지에 커스텀 바디 클래스 추가

function my_custom_body_class_woo_prod($classes) {<br />
// add 'my-class' to product pages.<br />
if ( is_product() )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_woo_prod');

6) 특정 상품 페이지에 커스텀 body 클래스 추가하기

function my_custom_body_class_woo_prod_a($classes) {<br />
// add 'my-class' only to the my-product single page.<br />
if ( is_product( 'my-product' ) )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_woo_prod_a');

다음과 같이 WooCommerce 조건부 태그는 다양하게 제공됩니다:

  • 태그 아카이브를 위한 is_product_tag()
  • 장바구니 페이지를 위한 is_cart()
  • 결제 페이지를 위한 is_checkout()
  • 고객 계정 페이지를 위한 is_account_page()

전체 목록은 여기에서 확인할 수 있습니다: https://docs.woothemes.com/document/conditional-tags/

다른 플러그인에서 생성한 페이지에 WordPress 커스텀 body 클래스 추가하기

조건부 태그를 제공하는 모든 플러그인에서 동일하게 적용할 수 있습니다.

예를 들어, bbPress의 조건부 태그는 여기에서 확인할 수 있습니다: https://codex.bbpress.org/bbpress-conditional-tags/

예시가 필요하신가요?

1) 모든 bbPress 페이지에 커스텀 body 태그를 추가하려면 다음이 필요합니다:

function my_custom_body_class_bbpress($classes) {<br />
// add 'my-class' only to bbpress page.<br />
if ( is_bbpress() )<br />
$classes[] = 'my-class';<br />
// return the modified $classes array<br />
return $classes;<br />
}</p>
<p>// add my custom class via body_class filter<br />
add_filter('body_class','my_custom_body_class_bbpress');

BuddyPress의 조건부 태그와 대부분의 인기 플러그인에 대한 조건부 태그도 찾아볼 수 있습니다.

Body 클래스 제거하기

필터를 통해 추가할 수 있는 것처럼 제거도 가능합니다:

function remove_body_class( $classes ) {</p>
<p>foreach ( $classes as $key =&amp;amp;gt; $value ) {<br />
if ( $value == 'my-class' ) unset( $classes[ $key ] );<br />
}</p>
<p>return $classes;</p>
<p>}<br />
add_filter( 'body_class', 'remove_body_class' );

WordPress 웹사이트에서 body 클래스를 추가하거나 제거하는 데 어려움을 겪고 계신가요? 아래 댓글에 구체적인 예시를 요청해 주시면 최대한 답변해 드리겠습니다!

A Elementor Pro를 위한 디렉토리 플러그인

오늘 GeoDirectory V 2.0.0.85를 출시했습니다.

이번 버전에서는 Elementor 그 어느 때보다 긴밀합니다. 특히 Elementor Pro와 함께라면요.

이제 Elementor Pro와 Elementor의 다이나믹 위젯을 사용하여 GeoDirectory의 모든 템플릿을 디자인할 수 있습니다.

또한 여러분이 사이트에서 바로 사용할 수 있는 기성 템플릿 제작을 시작했습니다. 더 복잡한 템플릿의 출발점으로 활용하거나, 단순히 작업 과정에 익숙해지는 데 사용하실 수 있습니다.

앞으로 몇 주 안에 더 많은 템플릿을 추가할 예정이며, 이 새로운 버전과 그 기능들을 즐겨 주시길 바랍니다.

아래 영상에서 Stiofan이 이 새로운 버전의 기능들과 Elementor Pro 및 다이나믹 위젯으로 GeoDirectory 템플릿을 커스터마이징하는 방법을 안내해 드립니다.

GeoDirectory 리스팅 내에서 Elementor Pro 문의 폼 사용하는 방법

여기서 멈추지 않았습니다. 이 새 버전 이전에는 리스팅의 문의 폼으로 Ninja Forms만 사용할 수 있었습니다.

이제 Elementor Pro 폼도 사용할 수 있습니다. 다음 영상은 리스팅 단일 페이지 템플릿을 디자인하면서 문의 폼을 추가하는 방법을 보여줍니다.

Elementor를 광범위하게 사용하신다면, 저희가 Elementor를 개선하기 위해 추가한 한 가지 기능을 아마 눈치채셨을 겁니다. 바로 CSS의 숨김 조건입니다.

새로운 다이나믹 콘텐츠 조건은 CSS를 통해 모든 요소를 손쉽게 숨길 수 있습니다.

눈치채지 못하셨다면, Stiofan이 영상 3분 54초 에서 이를 사용합니다.

Elementor PRO 다이나믹 콘텐츠와의 연동에 관한 이 영상에서 이 새로운 기능에 대한 더 자세한 설명을 확인하실 수 있습니다.

Stiofan은 또한 Elementor PRO 위젯과 함께 GeoDirectory 데이터를 활용하는 방법을 자세히 설명합니다. 예를 들어, 리스팅의 이미지로 Elementor 갤러리를 채우는 방법이나, 리뷰에서 사용자가 추가한 이미지를 활용하는 방법 등을 다룹니다.

또한 평점이 없을 때 별점을 숨기는 방법 등도 보여줍니다.

GeoDirectory와 Elementor의 연동을 살펴봤으니, 이제 다음 방법을 알아보겠습니다:

무료 플러그인만으로 Elementor 디렉토리 웹사이트 를 만드는 방법.

언제나 그렇듯, 궁금한 점이 있으시면 아래에 댓글을 남겨 주세요!

약 6개월 전 GeoDirectory V2를 출시하면서 디자인 커스터마이징이 훨씬 쉬워질 것이라고 약속했습니다.

GeoDirectory V2는 대부분의 페이지 빌더 및 테마와 호환되어 이미 멋진 템플릿 디자인이 가능했지만, 현재 세밀하게 다듬고 있는 만큼 앞으로는 훨씬 더 멋진 것들을 구현할 수 있게 될 것입니다.

저희는 Avada와 Fusion Builder부터 시작하기로 했습니다.

현재 버전의 GeoDirectory에서는 다음과 같이 해야 했습니다:

  • Avada에 새 위젯 영역 추가
  • 디자인을 완성하는 데 필요한 GD 위젯 추가
  • 마지막으로, Fusion Builder를 통해 이러한 위젯 영역을 활용하세요

그것과 CSS를 이용하면 거의 모든 것을 구현할 수 있었지만, 직관적이지 않았고 Fusion Builder의 기본 요소로 디자인을 커스터마이징하는 것만큼 쉽지도 않았습니다.

GeoDirectory 요소가 Fusion Builder 안에 포함됩니다

다음 버전의 GeoDirectory부터(버전은 2.0.0.68 (현재 GitHub에서 베타 버전으로 이용 가능), 모든 GeoDirectory 위젯 / 숏코드 / 블록이 Fusion Builder의 요소로도 제공됩니다.

이를 통해 디자인이 훨씬 쉬워지며, 이제 Airbnb의 리스팅 페이지 또는 검색 결과 페이지와 유사하게 보이는 페이지를 만드는 방법에 대한 튜토리얼을 본격적으로 살펴볼 수 있습니다.

Avada와 GeoDirectory가 설치되어 있다고 가정하고, 제가 만든 방법을 소개합니다.

면책 조항: GeoDirectory와 Fusion Builder만으로 Airbnb처럼 보이는 페이지를 디자인하는 것은 불가능했습니다. 몇 줄의 CSS를 직접 작성해야 했고, 총 11개의 새로운 규칙이 필요했습니다, 아카이브 페이지 템플릿(리스팅 페이지)에 5개, 아카이브 아이템 페이지 템플릿(리스팅 페이지 내 각 리스팅)에 6개입니다.

그렇긴 하지만, 저는 Avada 전문가가 아니며, 옵션이 너무 많기 때문에 제가 한 작업도 CSS를 훨씬 적게, 어쩌면 전혀 사용하지 않고도 할 수 있었을 것입니다.

그 부분은 Fusion Builder 고수들에게 맡기겠습니다. 저의 커스텀 CSS를 피할 수 있는 방법을 알고 계신다면, 아래 댓글로 알려주시면 감사하겠습니다. 튜토리얼을 업데이트하도록 하겠습니다.

1 필요한 커스텀 필드 생성

저는 AirBnB가 사용하는 커스텀 필드를 장소 > 설정을 통해 추가하는 것부터 시작했습니다. 디자인을 재현하고 시간을 절약하기 위해 꼭 필요한 것만 추가했지만, 모든 것을 구현하는 것도 가능합니다.

다음을 위한 네 개의 선택 항목이 필요했습니다:

  • 게스트
  • 침실
  • 침대
  • 욕실

그리고 다음과 같은 편의시설을 위한 다중 선택 항목 하나가 필요했습니다:

  • 주방
  • 수영장
  • 에어컨

2 아카이브 페이지 템플릿 편집

몇 개의 더미 리스팅을 게시한 후, 새로운 아카이브 페이지 템플릿이 필요했습니다. 저는 해당 페이지를 Avada Listings 1이라고 이름 짓고 GeoDirectory 설정을 통해 새 아카이브 페이지 템플릿으로 지정했습니다.

그런 다음 페이지를 준비하고 전체 화면을 사용하도록 설정해야 했습니다. Avada 페이지가 화면 전체 너비를 사용하도록 하는 옵션이 있다는 것은 알고 있었지만, 그렇게 하면 사이트 전체에 영향을 미치기 때문에 CSS를 사용했습니다.

.geodir-archive #main .fusion-row {max-width:100%}
html:not(.avada-has-site-width-percent) .geodir-archive #main {padding:0} 
.geodir-archive #main  {padding:0}
.geodir-archive .post-content .fusion_builder_column_1_2.fusion-column-first > .fusion-column-wrapper {padding-left: 8% !important;}
.geodir-archive .avada-page-titlebar-wrapper {display:none}

위의 코드가 하는 역할은 간단합니다. 헤더 아래와 푸터 위 영역이 화면 전체 너비를 사용하도록 만들고, 일반 패딩을 제거하며, 리스팅 목록의 왼쪽에만 패딩을 추가합니다. 또한 비슷한 페이지에서 불필요한 Avada 타이틀 바를 숨깁니다. 페이지는 다음과 같이 표시됩니다:

이제 Fusion Builder로 페이지를 편집할 수 있습니다. 프론트엔드와 백엔드 모두 사용할 수 있지만, 프론트엔드의 미리보기가 100% 정확하지 않을 수 있어 백엔드 빌더를 사용했습니다.

두 개의 컬럼이 필요하며, 오른쪽 컬럼에는 GD > Map 요소를 추가하고, 왼쪽 컬럼에는 다음을 추가합니다:

  • GD > Search
  • GD > Loop Actions
  • GD > Loop
  • GD > Loop Paging

조정이 필요한 유일한 옵션은 Map으로, 높이를 85vh로 설정해야 합니다. 스크롤 시 고정 맵 효과를 구현하기 위해 다음과 같은 플러그인을 사용했습니다: Sticky Menu (or Anything!) on Scroll Mark Senff 작성.

자체 커스텀 JS를 작성할 수도 있었지만, 이 플러그인은 가볍고 고정할 요소가 1개뿐이라면 완벽하게 작동합니다.

올바르게 설정하면 푸터가 나타날 때 지도도 함께 밀어 올립니다.

이 플러그인의 옵션으로 다음과 같이 설정했습니다:

  • Sticky Element = .geodir-archive-map-wrap
  • Push-up element = .fusion-footer

Push-up Element 옵션은 고급 설정(Advanced Settings)에서 찾을 수 있습니다.

지금은 여기까지입니다.

이제 페이지는 다음과 같이 표시됩니다:

3 아카이브 항목 페이지 템플릿 편집

이제 각 리스팅의 디자인을 커스터마이즈해야 하며, 아카이브 항목 페이지 템플릿을 편집하여 이를 수행할 수 있습니다.

새로운 아카이브 항목 페이지 템플릿을 만들고 이름을 GD Archive Item-avada로 지정했습니다.

Fusion Builder 백엔드 편집기로 열고 다음 GD 요소들을 추가했습니다:

  • GD > archive item section을 open left로 설정
  • GD > post images를 슬라이드쇼로 설정
  • GD > archive item section을 close left로 설정
  • GD > archive item section을 open right로 설정
  • GD > post meta에 key="post_category" 및 show="value" 설정
  • GD > post favorite에 show="icon" 및 alignment="right" 설정
  • GD > post title
  • GD > post meta with key="how_many_guests" and show="value" and alignment="left"
  • GD > post meta with key="how_many_rooms" and show="value" and alignment="left"
  • GD > post meta with key="how_many_beds" and show="value" and alignment="left"
  • GD > post meta with key="how_many_bathrooms" and show="value"
  • GD > post meta with key="amenities" show="value"
  • GD > post badge key="post_date" condition="is_less_than" search="+30″ badge="NEW" bg_color="#008489″ txt_color="#ffffff" size="small"
  • GD > post rating show="stars" alignment="left"
  • GD archive item section set as "close right"

4 맞춤 CSS 추가하기

마지막으로, Airbnb 페이지처럼 보기 좋고 깔끔하게 만들기 위해 CSS가 조금 필요했습니다:

.geodir-post-title, .geodir-post-rating {clear: left;}
.geodir-field-amenities li::after,.geodir-field-how_many_guests::after,.geodir-field-how_many_rooms::after,.geodir-field-how_many_beds::after {content:" - ";}
.geodir-field-amenities ul {margin:0;padding:0}
.geodir-field-amenities li:last-child::after {content:"";}
.geodir-field-amenities li {list-style: none;float: left;}
.gd-badge-meta {display: block;margin-left: 0;clear: both;}

위의 CSS는 동일한 커스텀 필드가 있을 때만 작동하며, 다음과 같은 역할을 합니다:

  • 제목과 별점의 위치를 조정합니다
  • 커스텀 필드 사이에 " – " 구분자를 추가합니다
  • 기본적으로 목록 형태로 표시되는 편의시설 다중 선택 항목을 조정합니다
  • "NEW" 배지의 위치를 조정합니다

이게 전부입니다. 결과는 여기에서 확인하세요:

airbnb like listing page geodirectory avada

Airbnb와 100% 동일하지는 않지만, 이걸 만드는 데 단 2시간밖에 걸리지 않았고, Avada 사용법도 거의 몰랐답니다.

GeoDirectory와 Fusion Builder로 어느 수준까지 커스터마이징이 가능한지 보여드리고 싶었습니다.

저희에게는 정말 인상적인 결과지만, 그렇지 않으시다면 어떤 점이 더 개선되었으면 하는지 알려주시겠어요?

댓글을 남겨 주시면 여러분의 의견을 꼭 듣고 싶습니다.

누군가 물어볼 것 같아서, 여기서 바로 답변드리겠습니다.

가격이 표시된 마커를 어떻게 만들었냐고요? 간단합니다. 다음과 같은 카테고리를 사용했습니다:

-아파트 (상위 카테고리)
–100 – 200 (하위)
–200 – 300 (하위)

각 가격대에 맞는 마커를 다음을 이용해 디자인했습니다: Photopea.com, 그리고 각 하위 카테고리에 해당 마커를 업로드했습니다.

리스팅을 추가할 때, 모든 지도에서 가격이 표시된 마커가 사용되도록 하위 카테고리를 기본 카테고리로 지정했습니다.

이 튜토리얼이 도움이 되셨으면 좋겠습니다.

관련 질문이 있으시면 아래 댓글로 남겨주세요!

20% 할인 혜택
서두르세요! 만료되기 전에 20% 할인을 받으세요. 20% 할인 받기