WPBakery(fka. Visual Composer): 드래그 앤 드롭 사이트 구축
WordPress는 훌륭하며 WordPress 실행 웹사이트를 사용자 정의할 수 있다는 것은 금상첨화입니다. 그러나 우리 모두가 코딩 전문가는 아닙니다. 도대체 일부 WordPress 애호가는 HTML이나 CSS에 대해 아무것도 모릅니다. 그러나 이것이 WordPress 테마를 사용자 정의하는 것을 막지는 못합니다. 이것이 페이지 빌더가 들어오는 곳입니다.
드래그 앤 드롭 페이지 빌더는 플러그인으로 널리 사용 가능하며 많은 인기 테마에 내장되어 있습니다. 이를 통해 모든 수준의 사용자가 테마의 일반적인 레이아웃을 변경할 수 있으며 추가 장식(아이콘, 스킬 바, 가격표 등)을 매우 쉽게 추가할 수 있습니다. 특히 우리가 가장 좋아하는 새로운 페이지 구축 WordPress 플러그인인 WPBakery Visual Builder를 소개하고 싶습니다.
자세히 알아보고 싶으십니까? 업데이트된 WPBakery의 안내 방법을 읽고 따라해 보세요! 이 더 자세한 설명은 사용 예와 함께 이 인기 있는 페이지 빌더의 모든 것을 보여줍니다.
WP베이커리란 무엇인가요? (이전 이름은 Visual Composer)
WPBakery Visual Builder는 WordPress 테마에 드래그 앤 드롭 페이지 빌더를 추가하는 WP Bakery에서 개발한 환상적인 플러그인입니다. 우리는 이를 Total Multi Purpose WordPress Theme에 추가했지만 Themeforest의 거의 모든 새로운 최고 판매자에서도 볼 수 있습니다. 단 한 줄의 코드도 건드릴 필요 없이 복잡한 페이지 레이아웃을 만드는 데 필요한 도구를 제공합니다.
WPBakery Visual Builder의 작동 방식 및 수행할 수 있는 작업
이는 플러그인이므로 설치하고 활성화하기만 하면 모든 멋진 기능을 활용할 수 있습니다. 활성화되면 WPBakery Visual Builder를 사용하여 페이지 레이아웃을 제어할 수 있습니다. 새 페이지를 추가하기만 하면 클래식 모드와 빌더 모드 사이를 전환할 수 있는 새 버튼과 라이브 프런트엔드 편집기로 이동하는 버튼이 표시됩니다.
여기에서 가능성은 귀하(또는 귀하의 고객)의 상상력에 의해서만 제한됩니다. WPBakery Visual Builder의 모든 옵션을 사용하여 행, 열, 버튼, 텍스트, 이미지 등을 추가할 수 있습니다. 또한 레이아웃을 템플릿으로 저장하여 반복해서 재사용할 수 있는 옵션도 있습니다.
행
빌더에는 페이지 작성 요소가 포함되어 있습니다. 이러한 요소를 페이지의 문자 그대로 구성 요소로 사용할 수 있습니다. 먼저 행을 추가하세요. 행을 사용하면 한 번의 클릭으로 열을 추가할 수 있습니다. 행의 왼쪽 상단에 있는 노란색 단락 탭에 마우스를 놓고 레이아웃을 선택하세요. 선택한 레이아웃에 따라 행이 자동으로 열로 나뉩니다.
페이지 요소
다음 단계는 페이지 기능을 추가하는 것입니다. 요소 추가 버튼을 클릭하면 팝업 메뉴가 열립니다. 텍스트 상자, 제목, 소셜 공유, 이미지 및 갤러리, 토글 또는 탭, 아코디언, 최근 게시물(블로그 게시물 외에도 테마의 사용자 정의 게시물 유형에서도 작동), 버튼 및 심지어 추가를 위한 다양한 옵션이 있습니다. 사이드바 위젯.
또한 WPBakery Visual Builder와 함께 사용하는 WordPress 테마 및 호환 플러그인에 따라 더 많거나 적은 페이지 요소가 표시됩니다. 위의 예는 Total Drag & Drop WordPress 테마에서 가져온 것이므로 Total 전용으로 생성하고 스타일을 지정한 추가 페이지 빌더 요소가 30개 있습니다. 여기에는 사용자 정의 구분선, 아이콘 상자, 마일스톤, 캐러셀 등이 포함됩니다.
요소를 클릭하면 해당 요소에 대한 옵션이 열립니다. 다음은 전체 테마의 아이콘 상자 모듈에 대한 "옵션"의 예입니다. 보시다시피 각 모듈에는 많은 설정과 여러 설정 탭이 있을 수 있습니다.
이 빌더는 Layer Slider, Revolution Slider, Gravity Forms 및 Contact Form 7 등 4가지 멋진 타사 플러그인도 지원합니다. 이러한 플러그인 중 하나라도 설치되어 있으면 테마에 대한 페이지 요소가 자동으로 나타납니다. 이러한 플러그인 중 하나에 대한 페이지 요소를 삽입하도록 선택하면 WPBakery Visual Builder는 생성한 각 슬라이더/양식의 드롭다운을 표시하거나 슬라이더 ID를 추가할 수 있는 입력 상자를 표시합니다. 더 이상 단축 코드를 복사하여 붙여넣을 필요가 없습니다!
드래그 앤 드롭
디자인 과정의 어느 시점에서든 행이나 페이지 요소를 끌어서 놓아 재정렬할 수 있습니다. 또한 행이나 요소를 복제할 수 있으므로 반복적인 콘텐츠를 빠르고 쉽게 추가할 수 있습니다(유사한 열, FAQ, 토글 등에 적합).
마음에 드는 디자인을 만든 후에는 템플릿으로 저장할 수 있습니다. 이는 재사용하려는 사용자 정의 페이지 레이아웃이나 사이드바를 만들 때 유용합니다. 템플릿 버튼을 클릭하고 레이아웃 이름을 지정한 다음 저장을 누르세요. 템플릿을 사용하면 저장한 레이아웃과 요소로 페이지가 자동으로 채워집니다.
행 옵션: 행 서식 지정, 복제 및 삭제
모든 행의 맨 왼쪽 모서리에는 전체 행과 모든 내용을 복제 또는 복제하고, 새 모듈을 추가하고, 열을 편집하는 데 사용할 수 있는 세 가지 기능이 추가되었습니다. 편집해야 하는 행에 마우스를 올리기만 하면 됩니다. 이 설정에 액세스하려면:
다시 한번 말씀드리지만, 사용 중인 테마에 따라 사용 가능한 서식 옵션이 다를 수 있습니다. 일부 테마 개발자는 WPBakery Visual Builder를 그대로 두는 반면, 많은 개발자는 테마의 요구 사항이나 스타일에 맞게 플러그인을 사용자 정의합니다.
프런트엔드 편집기
강력한 WPBakery Visual Builder에는 이제 프런트엔드 편집기가 포함되어 있어 자신만의 페이지와 레이아웃 구축을 그 어느 때보다 쉽게 시작할 수 있습니다. 유일한 주의 사항은 아직 모든 테마가 프런트 엔드 편집기를 지원하는 것은 아니라는 것입니다. Visual Composer 프런트엔드 편집기가 WordPress 테마와 호환되는지 확인하려면 테마 기능 목록을 다시 확인하거나 테마 개발자에게 직접 문의하세요. 전체 WordPress 테마는 프런트 엔드 편집기와 100% 호환되므로 현재 테마가 아닌 경우 테마로 '업그레이드'하는 것이 좋습니다.
확장
마지막으로 다루고 싶은 기능은 WPBakery Visual Builder의 확장성입니다. 고급 코더이거나 테마 개발자라면 자신만의 단축 코드를 플러그인에 통합할 수 있습니다. 실제로 우리는 Total 사용자에게 추가적인 페이지 구축 요소를 제공하기 위해 자체 Symple Shortcodes Premium을 추가했습니다. 이는 페이지를 구축할 때 사용자에게 더 많은 옵션을 제공합니다!
코더가 아닌 경우 CodeCanyon을 확인하고 WPBakery 또는 Visual Composer Add-on을 빠르게 검색해 보세요. WPBakery Visual Builder에 추가 기능을 추가하는 훌륭한 프리미엄 플러그인이 많이 있으며 Symple Shortcodes 플러그인과 같은 좋은 무료 플러그인도 있습니다.
비주얼 컴포저 설정 옵션
나는 WPBakery를 페이지 빌더로 계속 언급하지만 게시물 및 사용자 정의 게시물 유형에서도 잘 작동합니다. 옵션을 활성화하기만 하면 됩니다. 설정 > WPBakery로 이동합니다. 다음과 유사한 화면이 표시됩니다(참고 – 플러그인의 이름은 Visual Composer이므로 사이드바를 사용하는 버전에 따라 Visual Composer 또는 WPBakery로 표시될 수 있습니다).
플러그인은 WordPress 테마에 포함된 다양한 콘텐츠 유형을 자동으로 표시합니다. WPBakery 페이지 빌더와 함께 사용하고 싶은 것을 선택하기만 하면 됩니다. 위의 예는 Total 테마에서 가져온 것이므로 포트폴리오, 직원 및 사용후기(모든 사용자 정의 게시물 유형)는 물론 포럼, 주제, 답글 및 제품(Total에서 지원하는 bbPress 및 WooCommerce 플러그인 관련)에 대한 옵션이 추가되었습니다. .
WordPress 사이트에 이미 설치한 WPBakery Visual Builder에 단축 코드 플러그인을 매핑할 수도 있습니다. 설정 페이지에서 상단의 내 단축 코드 탭을 클릭하고 단축 코드 매핑 버튼을 클릭하세요. 이렇게 하면 작곡가 요소에 타사 단축 코드가 추가됩니다. 쉬운!
실제 사례 보기
내가 말했듯이, 우리는 WPBakery Visual Builder를 너무 좋아해서 가장 많이 팔리는 Total WordPress 테마(구매 시 무료로 포함)에 포함시켰습니다. Total 테마에 대한 라이브 데모의 다양한 페이지를 살펴보세요. 라이브 데모에서 볼 수 있는 대부분의 페이지는 WPBakery Visual Builder로 생성되었습니다! 배경, 제목, 텍스트, 이미지, 아이콘 등을 추가합니다. 그것은 모두 "케이크 조각"입니다.
완전한 WPBakery Visual Builder 사용 가이드
이미 플러그인을 소유하고 있고 사용 방법에 대한 가이드를 찾고 있다면 단계별로 안내하고 플러그인 사용 방법을 보여주는 전체 WPBakery(이전 Visual Composer) 사용 가이드를 살펴보세요.
어디서 구할 수 있나요?
WPBakery Visual Builder(이전의 Visual Composer)는 직접 구입하려는 경우 CodeCanyon에서 사용할 수 있습니다. 또한 프리미엄 WordPress Theme Total과 완전히 통합되었습니다(총 가치가 $67인 두 개의 다른 프리미엄 플러그인과 함께 – 테마에 대해 지불하는 금액보다 높습니다!).
전체 가져오기 WPBAKERY VISUAL BUILDER 가져오기
아래 플러그인에 대해 어떻게 생각하는지 알려주세요. 우리는 WPBakery Visual Composer에 깊은 인상을 받았으며 이에 대한 귀하의 의견을 듣고 싶습니다!