• 홈페이지
  • 조항
  • 가이드
  • 인기 있는 Beaver Builder 페이지 빌더 플러그인을 사용하는 웹사이트의 10가지 모범 사례 – 2020

인기 있는 Beaver Builder 페이지 빌더 플러그인을 사용하는 웹사이트의 10가지 모범 사례 – 2020

게시 됨: 2020-07-20

멋진 웹사이트를 구축하는 것은 힘든 일입니다.

코드 및 웹 디자인과 같은 것에 대한 기본적인 이해가 있더라도 혼자서는 어려움을 겪을 것입니다.

그렇기 때문에 가능한 한 빨리 온라인 출시를 원하는 대부분의 회사가 페이지 빌더를 사용하여 작업을 완료합니다. 결국, 빌더 플러그인은 자신의 웹사이트를 구축하는 프로세스를 단순화하도록 설계되었습니다. 모듈을 올바른 위치로 끌어다 놓을 수 있으며 테마를 편집할 수도 있습니다.

오늘날 선택할 수 있는 빌더 플러그인이 많이 있지만 가장 인기 있는 것 중 하나는 Beaver Builder 플러그인입니다. Beaver Builder WordPress 플러그인은 사이트 페이지를 디자인할 때 사용자에게 절대적인 자유를 주기 위해 만들어졌습니다. 이 플러그인은 수천 개의 사이트에 전원을 공급하는 데 도움이 됩니다.

그래서 오늘은 약간의 영감이 필요한 경우를 대비하여 Beaver Builder로 수행할 수 있는 고유한 작업을 살펴보겠습니다.

시작하겠습니다!

Beaver Builder 플러그인으로 할 수 있는 일

Beaver Builder 는 전용 WordPress 페이지 빌더 플러그인입니다.

전문가와 웹 에이전시가 모두 사용하며 멋진 WordPress 웹 사이트를 만드는 데 도움이 됩니다. 강력한 디자인 시스템과 유연한 인터페이스를 통해 Beaver Builder WordPress 플러그인을 사용하면 최고의 웹사이트를 쉽게 디자인할 수 있습니다.

또한 이 플러그인에는 WordPress 미디어 라이브러리 또는 URL에서 사진을 추가하는 옵션과 같은 고급 기능을 제공하는 편리한 모듈이 많이 있습니다. 뉴스레터 가입 양식을 만들고 소셜 미디어 버튼을 삽입하고 다면 네트워크를 구축할 수도 있습니다.

그러나 Beaver Builder 플러그인의 가장 좋은 점은 끌어서 놓기 인터페이스라는 것입니다. 그것을 사용하려면 모듈을 원하는 위치로 끌어서 브랜드에 맞게 사용자 정의하기만 하면 됩니다.

Beaver Builder의 기능은 다음과 같습니다.

  • 라이브 프런트 엔드 편집
  • 재사용 가능한 템플릿
  • 다중 사이트 지원
  • 이미지 및 기타 콘텐츠 가져오기/내보내기
  • SEO 최적화
  • 위젯 및 단축 코드 지원
  • 번역 지원
  • 편집기 모드
  • 라이브 테마 편집
  • 네트워크 전체 설정
  • 화이트 라벨링 기능
  • 고급 및 기본 모듈

이제 이 간단한 페이지 빌더 플러그인으로 무엇을 만들 수 있는지 자세히 알아보기 위해 사용 중인 Beaver Builder 플러그인을 살펴보겠습니다.

1. 콜롬비아 주식회사

Columbia Corp 웹사이트는 사용 중인 Beaver Builder 플러그인의 훌륭한 예입니다. 회사는 스크롤할 때 콘텐츠의 개별 구성 요소에 주의를 끌기 위해 Beaver Builder의 강조 상자 모듈을 최대한 활용했습니다.

별도의 행 세그먼트에 대한 시차 스크롤을 사용하면 웹 사이트를 더 쉽게 검색할 수 있습니다. 또한 동적 형식은 이동할 때 블록을 텍스트로 채워 페이지로 즉시 주의를 끕니다. Columbia Corp은 리드 수집 및 육성을 돕기 위해 Beaver Builder의 문의 양식 작성 서비스의 이점도 활용했습니다.

2. 네츠워크

Netz-Work는 웹사이트로 더 많은 것을 성취하고자 하는 사업주를 유치하기 위해 설계된 환상적인 웹사이트입니다. 이 사이트의 디자인은 대담한 색상과 변화하는 역동적인 헤드라인으로 완성되어 즉시 매력적입니다.

이 사이트의 SEO를 높이는 데 도움이 되도록 Beaver Builder WordPress 플러그인에 블로그 섹션이 포함되어 있습니다. 또한 사용 중인 Beaver 테마는 사이트가 전체적으로 깨끗하고 일관된 단일 게시물 레이아웃을 유지할 수 있도록 합니다. 마지막으로 머리글과 바닥글은 사이트의 페이지를 이동할 때 동일하게 유지되어 탐색을 단순화합니다.

3. 7편의 단편영화

수상 경력에 빛나는 단편 영화를 광고하기 위해 설계된 Seven Short Film 웹 사이트는 깔끔하고 매력적인 웹 사이트 디자인을 제공합니다. 이 특정 사이트는 Beaver Builder 플러그인이 뒤따르는 모양의 기초로 Genesis Framework를 사용합니다. 이 경우 Beaver Builder 플러그인을 사용하면 사이트를 더 많이 사용자 지정할 수 있습니다.

웹 사이트는 페이지를 스크롤할 때 주의를 끄는 큰 이미지로 대담하고 매력적입니다. 웹사이트가 어떤 식으로든 속도가 느려지지 않도록 스크롤할 때 이미지가 로드됩니다. 또한 사이트의 쿠키 사용에 대한 정보를 제공하는 유용한 바닥글 표시줄이 있습니다.

4. 더모 에스테틱

건강 및 미용 웹사이트는 종종 고급 테마로 깨끗하고 전문적인 웹사이트를 제공하기 위해 노력합니다. Dermo Aesthetics 웹사이트는 Beaver Builder WordPress 플러그인과 일부 향상된 Power Pack 플러그인의 환상적인 조합으로 이를 달성합니다.

Beaver Builder 솔루션을 사용하여 Dermo는 콘텐츠를 읽기 쉬운 모듈에 신중하게 배치했습니다. 이렇게 하면 모든 텍스트 청크가 페이지에 고유한 홈이 있고 주변에 공백이 많이 있습니다. 이 사이트는 또한 유용한 정보가 많이 포함된 환상적인 올인원 홈페이지 디자인과 뛰어난 색상 사용을 보여줍니다.

5. 디지덴

Digiden은 Beaver Builder WordPress 플러그인으로 구축된 창의적이고 매력적인 웹사이트입니다. 이 사이트는 연락처 양식과 소셜 미디어 버튼을 통합하는 Beaver Builder의 기능에 대한 탁월한 통찰력을 제공합니다. 페이지에 더 많은 관심을 불러일으키기 위해 고유한 글꼴과 로고 및 대각선 행을 별도로 가져왔다는 증거도 있습니다.

Digiden 웹사이트는 또한 Beaver Builder와 다른 Power Pack 솔루션(예: 클라이언트 섹션의 로고 그리드 모듈)을 결합하여 사회적 증거를 제공합니다. 주목을 끌기 위해 PowerPack 애니메이션 헤드라인 모듈을 사용하는 헤드라인 영역도 있습니다.

6. SG 어소시에이츠

SG Associates는 전문 디자이너를 고용하여 필요에 맞는 완벽한 웹사이트를 만들었습니다. 그 결과 매우 전문적이고 매력적인 경험을 할 수 있습니다. 이 디자인은 고급 부동산 서비스를 보여주는 데 적합합니다. 이 사이트는 Beaver 테마 솔루션과 함께 Beaver Builder 플러그인을 사용하고 사용자 지정 게시물 유형을 사용하여 다양한 멋진 콘텐츠 유형을 제공합니다.

Beaver Builder 솔루션의 경량 특성은 SG Associates 페이지의 기본 이미지가 회사가 판매하는 주택의 종류를 보여주는 환상적인 비디오가 될 수 있음을 의미합니다. 비디오는 일반적으로 웹사이트 속도를 늦추지만 SG Associates의 경우는 그렇지 않습니다.

7. 신발 가게를 실행

사용 중인 Beaver Builder 플러그인의 또 다른 훌륭한 예는 자동 스크롤이 포함된 애니메이션 헤더, 고유한 혼합 페이지 구분선 등을 보여주는 이 신발류 웹사이트입니다. 전반적인 경험은 Beaver Builder와 다양한 경량 Power Pack 모듈 및 플러그인을 결합합니다. Beaver Builder는 외부 도구와 잘 작동하며 사이트 속도를 늦추지 않고 위젯을 사용할 수 있을 만큼 충분히 가볍습니다.

이 웹 사이트에는 통합 전자 상거래 상점이 있으므로 회사는 고객이 Beaver Builder 테마를 사용하여 자신의 디자인에 푹 빠지도록 도운 후 리드를 즉시 유치하고 전환할 수 있습니다.

8. 로마의 결혼식

The Weddings in Rome 웹사이트는 고객을 유치하고 판매 유입 경로에 참여하도록 설득하는 것에 관한 것입니다. 이 사이트는 Beaver Builder WordPress 플러그인을 사용하여 맞춤형 파스텔 색상으로 디자인된 사용하기 쉽고 몰입도 높은 경험을 제공합니다. 가벼운 Beaver 테마를 사용하면 웹 사이트 빌더가 대상 고객에게 가장 적합한 다양한 템플릿을 만들 수 있습니다.

이 웹사이트의 Beaver Builder 디자인은 첫 페이지의 헤더 섹션에 애니메이션 이미지, 애니메이션 스크롤 오버가 있는 동적 링크, 다양한 고유한 비디오 및 슬라이드 쇼 스타일의 콘텐츠 추가 기능을 허용합니다.

9. 세인트 아이브스 코티지 콘월

또 다른 멋진 Beaver Builder 플러그인 예는 콘월 전역의 고객에게 자체 취사 경험을 광고하는 것을 목표로 하는 콘월의 코티지를 위한 St Ives 웹사이트입니다. Beaver Builder 플러그인 외에도 이 사이트는 객실 할인을 위한 페이지 팝업 및 GDPR 준수를 위한 쿠키 발표를 포함하여 다양한 플러그인 및 추가 기능을 사용합니다.

홈 페이지는 스크롤링 이미지 슬라이드쇼를 사용하여 주의를 끌 뿐만 아니라 사용자 정의 색상과 글꼴을 전체적으로 사용합니다. 이 사이트에는 리드 캡처를 돕기 위해 Beaver Builder를 통해 추가된 유용한 "코티지 가용성" 기능도 있습니다.

10. Aa Snijders & Zn

마지막으로, 이것은 Beaver Builder 플러그인을 사용하여 처음부터 만든 다채롭고 매력적인 웹사이트입니다. 웹 사이트는 건설 회사가 과거에 성취한 작업을 유용하게 보여줍니다. 회사는 Beaver Builder 솔루션을 사용하여 사용자 지정 페이지 나누기, 고유한 색상 및 가져온 이미지를 사용하여 고유한 웹 사이트를 만들었습니다.

잠재 고객이 스크롤할 수 있는 이미지 갤러리가 포함된 프로젝트 페이지가 있습니다. 또한 웹 사이트에는 사람들이 프로젝트에 대해 연락하는 데 도움이 되는 맞춤형 연락처 양식이 포함되어 있습니다. 전체 웹 사이트는 작은 화면에도 완벽하게 설계되었습니다. 게다가, 사회적 증거를 위해 페이지 하단에 인증 스크롤 섹션이 포함되어 있습니다.

마무리

최고의 WordPress 블로그를 만들거나 온라인 상점에 대한 리드를 유치하는 데 도움이 될 수 있는 웹사이트를 디자인하는 경우 추가 도움이 필요할 가능성이 큽니다.

처음부터 완벽한 사이트를 구축하는 데 필요한 기술이나 사내 인재를 보유한 회사는 거의 없습니다. 다행히 Beaver Builder 플러그인과 같은 도구는 골치 아픈 일 없이 끝없는 디자인 기능을 잠금 해제하는 데 탁월합니다.

Beaver Builder와 같은 도구를 사용하면 사용자 지정 가능한 테마와 고유한 끌어서 놓기 모듈을 사용하여 즉시 전문 웹사이트의 잠금을 해제할 수 있습니다. WordPress 블로그에 생기를 불어넣는 방법에 대한 추가 도움말을 보려면 이 가이드를 확인하는 것을 잊지 마십시오.

이전에 Beaver Builder 플러그인을 사용해 보셨습니까? 플러그인의 어떤 점이 가장 마음에 드시나요? 아래 의견에 알려주십시오.