WordPress를위한 Ultimate Visual Composer 끌어서 놓기 페이지 빌더 안내서

워드 프레스를위한 비주얼 작곡가를위한 최고의 가이드

Visual Composer는 WordPress 용 최고 판매 페이지 작성 플러그인 중 하나가되었습니다. 2011 년 5 월에 출시 된 이후 플러그인은 150,000 명 이상의 고객으로 폭발했으며 (테마와 번들로 제공되는 사본을받은 수십만 명의 사용자는 제외) 200 개 이상의 애드온 및 확장 프로그램 및 수백 개의 긍정적 인 리뷰가있었습니다. 인터넷.


자신의 플러그인 사본을 아직 가지고 있지 않은 경우, 과거에 프리미엄 WordPress 테마와 함께 제공되거나 웹 어딘가에있는 오래된 Visual Composer 가이드를 접한 적이있을 것입니다. Visual Composer가 처음 출시 된 이후 많은 변화가 있었으므로이 강력한 플러그인을 구성하는 모든 훌륭한 기능을 안내하고자했습니다..

비주얼 작곡가 만나기

비주얼 컴포저 페이지 빌더

익숙하지 않은 경우 Visual Composer는 WordPress 용 끌어서 놓기 페이지 작성기 플러그인입니다. 이 편리한 댄디 플러그인은 사용자 정의 모양의 WordPress 게시물 및 페이지를 만드는 데 어려움을 겪습니다. 코딩 지식이 필요하지 않습니다. 플러그인을 설치하기 만하면 게시물과 페이지를 만들 수 있습니다. 또한 대부분의 무료 테마 및 많은 프리미엄 테마와 호환되며 Contact Form 7, Slider Revolution 및 기타 여러 플러그인 (나중에 설명 할 것)과 같은 인기있는 플러그인과 완벽하게 호환됩니다..

Visual Composer 설치

자신 만의 페이지를 만들려면 Visual Composer를 다운로드하여 설치해야합니다. 플러그인 사본을 보호하는 두 가지 방법이 있습니다. 매수 당신의 자신의 사본 또는 구매 프리미엄 테마 플러그인 포함. 그만큼 플러그인은 정확히 동일하게 작동 어떤 경로를 선택하든이 두 방법의 유일한 차이점은 설치 방법입니다..

옵션 1 : WordPress 사이트에서 사용할 고유 한 사본 구입

Visual Composer의 사본을 손에 넣는 첫 번째 방법은 직접 플러그인을 구입하는 것입니다. CodeCanyon으로 이동하여 Visual Composer 사본을 장바구니에 추가하고 (추가 지원을 추가하여 1 년 동안 플러그인 작성자의 도움을 받아 구입하는 것이 좋습니다) 구매를 완료하십시오..

비주얼 작곡가 구매

다음으로 다운로드 페이지로 이동하십시오. 방금 구입 한 Visual Composer 플러그인 옆의 녹색 다운로드 버튼을 클릭하고 설치 가능한 워드 프레스 파일 만 선택.

비주얼 작곡가 다운로드

이제 워드 프레스 대시 보드에 로그인하여 플러그인> 새로운 추가. 를 클릭하십시오 플러그인 업로드 화면 상단의 버튼.

Visual Composer 플러그인 업로드

CodeCanyon에서 다운로드 한 Visual Composer zip 파일을 선택하십시오. 그런 다음 클릭하여 플러그인을 설치하고 활성화하십시오..

플러그인을 구입 했으므로 활성화 프로세스를 마치려면 라이센스 코드도 추가해야합니다. 화면 상단의 링크를 클릭 한 다음 거대한 파란색 버튼을 클릭하면 사본을 활성화하십시오 비주얼 작곡가.

Visual Composer를 활성화하려면 클릭

WPBakery에서 구매를 확인할 수있는 포털이 열립니다. 큰 녹색을 클릭하십시오 승인 단추. 걱정하지 마십시오. 귀하는 WPBakery에게 귀하의 사용자 이름 / 이메일이 Visual Composer의 사본을 실제로 구매했는지 확인할 수있는 권한 만 부여하고 있습니다.

Envato를 통해 활성화

안내에 따라 활성화를 완료하고 WordPress 대시 보드로 돌아갑니다. 이제 건물을 시작할 준비가되었습니다!

옵션 2 : Visual Composer가 WordPress 테마와 함께 제공되었습니다

Visual Composer에 포함 된 테마를 구입 한 경우 설치가 다르며 작성자에 따라 다를 수도 있습니다. Total과 같은 WPExplorer 테마를 사용하는 경우 플러그인을 설치하는 방법을 보여 드리겠습니다 (다른 프리미엄 테마와 매우 유사해야 함).

먼저 WordPress 테마를 다운로드하여 설치해야합니다. Themeforest에서 테마를 구입 한 경우 Visual Composer를 다운로드하는 것과 동일한 프로세스입니다. Themeforest 계정에 로그인하여 다운로드 페이지로 이동하십시오. 그런 다음 테마를 찾고 다운로드 버튼을 클릭하고 설치 가능한 WordPress 파일 만 선택하십시오..

WordPress 테마 다운로드

그런 다음 WordPress 설치에 로그인하고 모양> 테마> 새로 추가. 그런 다음 테마 업로드 페이지 상단에있는 옵션을 클릭하십시오. 설치 가능한 WordPress 파일을 찾으려면 다운로드 한 zip 파일을 열어야합니다. 총 테마에는 프리미엄 플러그인, 샘플 데이터 및 PSD 파일과 같은 추가 기능이 번들로 제공되기 때문입니다..

총 WordPress 테마 설치

파일을 찾으면 테마를 업로드, 설치 및 활성화 할 수 있습니다. 활성화 후 Total에 메시지가 표시됩니다 권장 플러그인 설치 – 비주얼 작곡가 포함.

총 권장 플러그인

링크를 클릭하십시오 플러그인 설치 시작. 고르다 설치 일괄 작업 드롭 다운에서 설치하려는 모든 플러그인을 확인한 다음 대다.

권장 플러그인 설치

그게 다야! Envato를 통해 Visual Composer를 활성화 할 필요가 없습니다. 플러그인의 사본 대신 테마를 구입했기 때문에 확인할 라이센스 코드가 없습니다 테마 작성자가 플러그인 업데이트를 제공 할 때까지 플러그인 업데이트에 액세스 할 수 없습니다..

선택적 Visual Composer 활성화

물론 업데이트를 더 빨리 받기 위해 자신의 사본을 구입하려는 경우에는 테마와 함께 Visual Composer를 사용할 필요가 없습니다. 그것으로, 당신은 플러그인을 사용하여 실제로 이동할 수 있습니다.

Visual Composer Page Builder 시작하기

Visual Composer를 설치 했으므로 이제 플러그인 설정을 시작할 차례입니다. WordPress 대시 보드에 Visual Composer 옵션이 표시됩니다. 클릭하면 설정 페이지가 열립니다.

비주얼 컴포저 일반 설정

그만큼 일반 설정 탭에는 반응 형 요소가 작은 화면에 쌓이는 것을 활성화 / 비활성화하는 간단한 옵션이 포함되어 있습니다 (따라서 표준 3 열을 3 열로 설정하고 모바일에서 3 열을 축소 할 수 있음) .Google 글꼴 하위 세트 및 나머지 버튼을 선택합니다 Visual Composer 가이드 투어를 다시 켜는 데 사용.

비주얼 작곡가 역할 관리자

웹 사이트에서 여러 사용자 역할을 사용하는 경우 Visual Composer 역할 관리자 확실히 유용 할 것입니다. 이 설정 페이지에서는 역할에 따라 다양한 Visual Composer 기능에 대한 사용자 액세스를 제한 할 수 있습니다. 이렇게하면 관리자가 모든 기능에 액세스 할 수 있으며 편집자는 블로그 페이지 및 기고자만으로 제한하지 않아도됩니다..

우리는 설치하는 동안 이것을 언급했지만 제품 라이센스 탭은 플러그인의 자체 사본을 구입 한 경우 라이센스 코드를 확인할 수있는 곳입니다. Visual Composer 사본에 테마가 번들로 제공된 경우이 섹션을 무시할 수 있습니다..

페이지 빌더 요소

비주얼 컴포저 페이지 빌더 요소

Visual Composer에는 페이지에 추가하려는 많은 기능을위한 34 개의 표준 페이지 빌더 요소가 제공됩니다 (위의 스크린 샷은 모든 기능과 나중에 설명하는 Contact Form 7 요소를 보여줍니다). 많은 요소에는 색상, 테두리, 패딩, 여백, 사용자 정의 CSS, 애니메이션 등에 대한 추가 옵션이 포함되어 있습니다. 다음은 포함 된 내용에 대한 간단한 설명입니다.

  • 페이지의 페이지입니다. 행 요소를 사용하여 열을 만들고 다른 모든 페이지 요소를 삽입합니다..
  • 텍스트 블록 정확하게 텍스트 블록처럼 들립니다. 표준 WordPress WYSIWYG 편집기를 사용하면이 모듈로 텍스트를 추가하고 서식을 지정할 수 있습니다.
  • 아이콘 FontAwesome, Open Iconic, Typicons, Entypo, Linecons 및 Mono Social 아이콘 라이브러리의 글꼴 아이콘 포함.
  • 텍스트가있는 구분 기호 및 구분 기호 페이지에서 만든 섹션 사이에 줄 바꿈을 만드는 방법입니다..
  • 메시지 박스 메모, 알림 또는 기타 박스형 마사지를 추가하는 데 좋습니다.
  • Facebook, Tweet, Google+ 및 Pinterest 사용자가 만들고있는 페이지를 공유하기 위해 추가 할 수있는 간단한 소셜 공유 버튼입니다..
  • 자주 묻는 질문 사용자가 페이지를 읽을 때 공개 할 수있는 숨겨진 컨텐츠를 추가하는 데 사용할 수있는 토글입니다.
  • 그만큼 단일 이미지 크기, 애니메이션, 링크 등을위한 옵션이 추가 된 간단한 이미지.
  • 탭, 투어 및 아코디언 숨겨 지거나 접을 수있는 콘텐츠가 포함되어 있지만 첫 번째 섹션이 열린다는 점에서 FAQ와 유사합니다..
  • 페이징 가능한 컨테이너 기본 콘텐츠 슬라이더입니다 (그러나 각 컨테이너 “페이지”에 페이지 빌더 요소를 거의 삽입 할 수 있습니다).
  • 맞춤 제목 사용자 정의 글꼴, 크기 조정, 색상 등을 사용하여 섹션에 자신의 제목을 쉽게 추가 할 수 있습니다..
  • 버튼 다른 페이지 나 외부 웹 사이트에 대한 링크를 추가 할 수 있습니다.
  • 행동을 요구하다 사용자의 관심을 끌고 설득력있는 콘텐츠를 추가 할 수있는 버튼이 추가 된 설명 선 상자.
  • 그만큼 위젯 화 된 사이드 바 페이지 어디에서나 자신 만의 맞춤 사이드 바를 삽입 할 수 있습니다..
  • 그만큼 비디오 플레이어 WordPress에서 지원하는 다른 비디오 형식을 쉽게 삽입 할 수 있습니다..
  • 구글지도 또 다른 간단한 옵션입니다. Google지도 코드를 붙여 넣어 페이지에지도를 삽입하십시오..
  • 진행률 막대, 파이 차트, 라운드 차트 및 꺾은 선형 차트 데이터 또는 기술을 그래프로 표시하거나 표시하는 모든 방법.
  • 빈 공간 요소 사이에 세로 구분선을 추가하는 것이 간단합니다..
  • 포스트, 미디어, 포스트 벽돌 및 미디어 벽돌 그리드 페이지에 추가 할 수있는 모든 사용자 지정 그리드 (게시물 또는 미디어 유형을 혼합하고 일치시키는 옵션 사용).

비주얼 작곡가 위젯 요소

플러그인은 또한 8을 포함 위젯 요소 원하는 경우 자신의 사이드 바를 작성하는 데 사용할 수 있습니다. 사이드 바가 일반적인 페이지 위치에 있지 않을 수있는 사용자 정의 방문 페이지를 만들거나 전체 웹 사이트가 동일한 사이드 바를 사용하여 둘이없는 대규모 방문 페이지 네트워크 인 경우에 유용합니다..

비주얼 작곡가 확장

기본 Visual Compose 요소는 시작하기에 좋지만 결국 사용자 정의 페이지 레이아웃을 만들거나 추가로 필요합니다. 이것은 확장을 통해 가능합니다. Visual Composer 확장을위한 몇 가지 소스가 있습니다.

Visual Composer의 총 페이지 빌더 요소

첫 번째 방법 테마를 통해 Visual Composer를 확장하십시오.. 39 개의 추가 페이지 빌더 요소가 포함 된 Total WordPress 테마가 좋은 예입니다. 이 기능은 기능과 함께 사용하기 위해 ‘Total’에 독점적으로 포함되어 있으므로 테마를 설치하고 활성화해야합니다. 총계에는 맞춤 게시물 유형 (평가, 직원, 포트폴리오), 맞춤 갤러리, 간단한 슬라이더, 소셜 등을위한 확장이 포함됩니다. 이를 통해 원하는 곳에 원하는 컨텐츠를 쉽게 추가 할 수 있습니다.

타사 Visual Composer 애드온

테마에 확장이 포함되어 있지 않은 경우 설치할 수 있습니다 타사 Visual Composer 확장 프로그램. 이것들은 무료에서 55 달러까지 가능하며 CodeCanyon과 웹의 다양한 저자들로부터 구할 수 있습니다. 가격표 및 소셜과 같은 몇 가지 추가 기능을 추가하려는 경우 무료 Symple Shortcodes 플러그인을 사용하는 것이 좋습니다 (우리는 결국 WPExplorer에서 만들었습니다). 보트로드에 더 많은 옵션을 추가하려면 Ultimate Add-on과 같은 프리미엄 플러그인이 적합 할 수 있습니다. 말 그대로 수백 가지 옵션이 있습니다. 호환되는 애드온의 전체 목록 on WP 베이커리.

그러나 Visual Composer를 확장하기로 선택하는 것이 좋습니다. 동시에 모든 테마 및 플러그인 확장 프로그램을 사용하지 마십시오. 이 경우에는 특히 더 나은 것이 항상 더 좋은 것은 아닙니다. 이렇게하면 많은 중복 및 중복 옵션이 생성 될뿐만 아니라 사이트 속도가 크게 느려집니다 (톤 단위의 코드가 각 페이지 작성기 요소에 적용됨). 가장 적합한 확장 프로그램을 선택하고 고수하십시오..

백엔드 및 프론트 엔드 편집

Visual Composer를 사용하면 페이지를 작성하고 편집하는 방법에 제한이 없습니다. 이 강력한 플러그인을 사용하면 모듈 식 백엔드 또는 시각적 프론트 엔드에서 변경할 수 있습니다..

비주얼 컴포저 백엔드 편집기

비주얼 컴포저 백엔드 편집기

당신이 사용하기로 선택한 경우 백엔드 편집기 각 요소는 삽입, 드래그 앤 드롭 방식으로 모듈 식 요소로 표시됩니다. 이 방법은 페이지 모양과 같은 와이어 프레임을 신속하게 레이아웃하고 서버 나 인터넷 연결이 느린 경우 프런트 엔드보다 빠를 수 있습니다..

백엔드 편집기는 사용하기가 매우 쉽습니다. 파란색 버튼을 클릭하면 백엔드 편집기 편집중인 페이지 또는 게시물에 Visual Composer를 사용하도록 설정.

백엔드 편집기 활성화

그런 다음 청록색 버튼을 클릭하여 +요소 추가.

백엔드 편집기를 통해 요소 추가

여기에서 원하는 모든 페이지 요소를 삽입 할 수 있습니다!

비주얼 컴포저 프론트 엔드 편집기

비주얼 컴포저 프론트 엔드 편집기

그만큼 프론트 엔드 편집기 최종 페이지는 기본적으로 실시간 시각적 편집기이므로 최종 페이지의 모양을 훨씬 더 잘 볼 수 있습니다. 백엔드 편집기와 동일한 페이지 빌더 요소를 모두 삽입하는 대신 모듈 대신 실제로 볼 수 있다는 이점이 있습니다. 300px 이미지가 실제로 얼마나 크게 보이는지 또는 # 6e2f93 16 진수 값이있는 자주색 버튼이 실제로 나타나는 경우를 볼 수 있습니다.

프론트 엔드 편집을 활성화하려면 두 가지 중 하나를 클릭하십시오 프론트 엔드 편집기 페이지 또는 게시물 옵션.

프론트 엔드 편집기 활성화

그러면 화면이 새로 고침되어 백엔드 편집기와 동일한 페이지 작성 옵션이있는 게시물 또는 페이지의 실시간 프론트 엔드 미리보기로 이동합니다..

프론트 엔드 편집기를 통해 요소 추가

클릭하여 요소 추가를 시작하십시오. 여기서 가장 큰 차이점은 요소를 삽입 할 때 요소를 볼 수 있다는 것입니다. 미리보기 옵션 상단 표시 줄에 ‘데스크톱, 노트북, 태블릿 및 휴대 전화에서 페이지가 어떻게 표시 될지에 대한 아이디어를 얻을 수 있습니다..

페이지 요소 추가 및 편집

백엔드 또는 프론트 엔드 편집기를 사용하든 다양한 페이지 빌더 요소를 사용자 정의하는 데 동일한 옵션이 있습니다. 옵션은 요소마다 다르지만 요소를 삽입 한 후 알아야 할 몇 가지 주요 기능이 있습니다..

비주얼 작곡가 : 행 편집

비주얼 컴포저 행 옵션

페이지에 무엇을 추가하든 먼저 행을 삽입해야합니다. 삽입되면 프런트 엔드 요소 위에 마우스를 올려 놓으면 행 옵션 (백엔드에서는 항상 각 행의 맨 위에 표시됩니다).

  • 첫번째 행 아이콘 클릭하면 페이지에서 행을 새 위치로 드래그 앤 드롭 할 수 있습니다.
  • 그만큼 연필 아이콘은 행 설정에 대한 옵션을 엽니 다. 테마에 따라 다를 수 있습니다. 전체 테마를 사용하면 로컬 스크롤 ID, 행 늘이기 (전체 너비 행), 전체 높이 행, 최소 높이, 모바일 가시성, 중앙 집중식 컨텐츠, 동일한 높이 열, 애니메이션, 타이포그래피, 최대 너비, 열 간격에 대한 옵션이 표시됩니다 , 배경 비디오 또는 시차 및 디자인 옵션 (여백, 테두리, 패딩, 배경색 / 이미지).
  • 행의 열 수를 정의해야합니다. 최대 6 개의 열에 대한 기본 옵션이 있지만 원하는 경우 사용자 정의 열 레이아웃을 정의 할 수도 있습니다.
  • 을 더한 편집중인 행 아래에 새로운 행을 추가합니다..
  • 그만큼 복제 아이콘은 현재 행과 모든 내용 (행에 삽입 한 모든 요소)을 복제합니다. 동일한 페이지에서 행 레이아웃을 여러 번 재사용하려는 경우 유용합니다..
  • 폐물 단순히 전체 행과 내용을 삭제하는 것입니다..
비주얼 컴포저 : 열 편집

비주얼 작곡가 열 옵션

프론트 엔드 편집기에서 행을 가리키면 노란색으로 표시됩니다. 열 옵션 (백엔드에는 각 열 위에 표시된 동일한 옵션 및 아이콘이 있습니다).

  • 첫번째 열 아이콘 행과 동일 – 열을 끌어다 놓기 위해 열을 클릭하십시오..
  • 그만큼 연필 일반 열 설정입니다. 행과 마찬가지로 열 옵션은 사용중인 테마에 따라 달라질 수 있습니다. 총계를 사용하면 모바일, 애니메이션, 타이포그래피, 최소 높이, 디자인 옵션 (여백, 테두리, 패딩, 배경) 및 응답 성 설정 (장치를 기반으로하는 사용자 지정 오프셋, 너비 또는 숨겨진 옵션)에 대한 가시성이 제공됩니다..
  • 열의 경우 을 더한 아이콘은 이미 삽입 된 다른 요소보다 열의 맨 위에 요소를 추가합니다.
  • 다시, 폐물 아이콘은 전체 열과 내용을 삭제하는 것입니다. 열을 삭제 한 후 나머지 열은 차원을 유지합니다 (3 개 중 1 개 열을 삭제하면 나머지 2 개 열은 1/3 크기의 열임). 삭제 후 열 너비를 편집해야합니다..
비주얼 컴포저 : 페이지 요소 편집

비주얼 컴포저 페이지 요소 옵션

행 또는 열에서 더하기 아이콘을 사용하여 페이지 요소를 삽입합니다. 위의 스크린 샷에서 메세지 박스. 요소를 삽입하면 설정이 자동으로 열립니다. 이미 추가 한 요소를 수정하려면 프론트 엔드 또는 백엔드 편집기의 요소 위에 마우스를 올리면 다음 옵션이 표시됩니다.

  • 그만큼 연필 아이콘이 설정을 엽니 다 (아래 설명 참조)..
  • 그만큼 복제 아이콘은 페이지 요소를 설정 한대로 정확하게 복제합니다 (설정 및 모두).
  • 마지막으로 폐물 페이지 빌더 요소 만 삭제합니다. 삽입 한 행 또는 열에서 다른 모든 요소를 ​​그대로 둡니다..
비주얼 컴포저 : 페이지 요소 일반

페이지 요소 일반 옵션

새 요소를 삽입하거나 요소의 연필 아이콘을 클릭하면 페이지 빌더 요소가 열립니다. 설정. 이 탭들은 (대부분) 사용 가능한 모든 사용자 정의 옵션을보다 쉽게 ​​볼 수 있도록 여러 탭으로 나뉩니다. 설정 탭 외에도 기어 오른쪽 상단의 아이콘을 클릭하면 선택한 설정을 프리셋 나중에 또는 기본 이 특정 요소를 삽입 할 때마다 자동으로 사용됩니다..

그만큼 일반 탭 페이지 요소에 대한 일반 옵션을 포함합니다. 삽입하는 요소에 따라 달라집니다 (단, 드롭 다운, 색상 선택기, 확인란 또는 텍스트 상자를 사용하는 것만 큼 간단합니다). 예를 들어 메세지 박스 위의 스크린 샷에는 스타일, 모양, 색상, 아이콘, 텍스트 및 애니메이션에 대한 옵션이 포함되어 있습니다. 하지만 삽입하면 단추 대신 텍스트, URL, 스타일, 모양, 색상, 크기, 정렬, 아이콘 및 애니메이션에 대한 옵션을 찾을 수 있습니다.

비주얼 컴포저 : 페이지 요소 디자인

페이지 요소 디자인 옵션

그만큼 설계 옵션 탭 거의 모든 페이지 작성기 요소에 표시되는 두 번째 표준 탭입니다. 여기에서 요소에 사용자 정의 배경 (색상 또는 이미지), 테두리, 패딩 및 여백을 추가 할 수 있습니다. 컨트롤 단순화 옵션은 CSS 상자 옵션을 줄여 각 옵션 (여백, 테두리 및 패딩)마다 하나의 보편적 인 값을 입력 할 수 있습니다. 기억해야 할 한 가지 사항 : 배경을 적용하면 테두리 안에 포함됩니다. 그래서 패딩 증가 요소 주변에 추가 한 눈에 보이는 배경을 증가시킵니다. 여백을 늘리십시오 페이지 요소 주위의 빈 공간을 늘립니다 (행 / 페이지를 보여줍니다)

물론 페이지 요소를 삽입하는 모듈에 따라 더 많은 탭이있을 수 있습니다. 예를 들어 Visual Composer 포스트 그리드 데이터 설정 및 항목 디자인에 대한 옵션 탭이 추가되었습니다. 확장 프로그램을 통해 맞춤 페이지 요소를 사용하는 경우 Total 직원 그리드 확장 기능 작성자가 포함하는 내용에 따라 내장 된 옵션 (예 : 쿼리 옵션, 사용자 정의 이미지 자르기, 메타, 소셜 링크, 발췌 등)이 더 많을 수 있습니다..

노트 : 당신은 우리의 요소의 전체 목록을 확인할 수 있습니다 총 빌더 모듈 안내서. 그러나 모든 모듈의 기능을 배우는 가장 좋은 방법은 Visual Composer를 사용하는 것입니다. 테스트 페이지를 작성하고 요소 삽입 및 편집을 연습하십시오. 빠르게 익히고 전문가처럼 페이지를 구축 할 수 있습니다.!

인기있는 호환 플러그인

Visual Composer 확장 외에도 많은 인기있는 플러그인은 Visual Composer와 호환되며 자체 페이지 구성 요소를 자동으로 추가합니다. 더 나은 페이지 구축을 위해 Visual Composer 플러그인과 원활하게 작동하는 몇 가지 플러그인은 다음과 같습니다..

비주얼 컴포저를위한 WooCommerce 요소

WooCommerce: WordPress로 매장을 만들고 싶다면 WooCommerce가 좋습니다. 이 플러그인은 무료이며 멋진 기능으로 가득 차있을뿐만 아니라 Visual Composer와 완벽하게 호환됩니다. WooCommerce를 설치하고 활성화하면 자체 설정 및 옵션을 추가 할뿐만 아니라 추가합니다. 17 개의 새로운 페이지 빌더 요소 당신과 함께 연주.

혁명 슬라이더 워드 프레스 플러그인

슬라이더 혁명: 슬라이더는 모든 페이지에주의를 끌고 내용을 담은 섹션을 추가 할 수있는 좋은 방법이며 슬라이더 혁명은이를위한 완벽한 플러그인입니다. 이 플러그인을 사용하면 애니메이션, 효과가 추가 된 텍스트, 버튼, 이미지 및 비디오와 같은 요소를 끌어다 놓아 인상적인 슬라이더를 만들 수 있습니다. 전체 데모 중 다수에서 실제로 확인하십시오.!

LayerSlider 워드 프레스 플러그인

LayerSlider: 슬라이더의 또 다른 훌륭한 옵션은 LayerSlider 플러그인입니다. 슬라이더 혁명만큼 훌륭하지만 인터페이스와 옵션이 약간 다릅니다. 또한 사용자 정의 전환 빌더도 포함되어있어 친절한 애니메이션 중 하나를 만들 수 있습니다. 또한 Total WordPress 테마와 함께 제공되는 2 개의 프리미엄 슬라이더 중 하나이므로 매우 훌륭합니다..

문의 양식 7 무료 워드 프레스 플러그인

문의 양식 7: 문의 양식은 비즈니스 문의 양식이있는 블로거 또는 약속 양식이있는 치과 의사 등 모든 웹 사이트에서 중요한 부분입니다. Contact Form 7은 완전 무료이며 유연하며 Visual Composer를 사용하면 사용자 지정 양식 요소를 사용하여 연락처 양식을 쉽게 삽입 할 수 있습니다..

WPML 워드 프레스 번역 플러그인

WPML: 다국어 웹 사이트를 만들어야하는 경우 WPML은 게시물과 페이지를 번역 할 수있는 최고의 옵션 중 하나입니다. 또한 WPML은 Visual Composer와 완벽하게 호환되므로 제작 한 모든 “맞춤형”페이지를 번역 할 수 있습니다.

Polylang 무료 워드 프레스 플러그인

폴리 랑: WPML에 투자하지 않으려는 경우 Polylang은 Visual Composer와 완벽하게 호환되는 훌륭한 무료 옵션입니다 (워드 프레스 사이트를 다국어로 만드는 것이 좋습니다 무료 플러그인 중 하나임).

Yoast SEO 플러그인

Yoast SEO: Yoast를 사용하면 모든 사용자가 현장 SEO를 쉽게 개선 할 수 있습니다. 사이트 맵, 메타 설명, 빵 부스러기 등을 포함한 많은 중요한 SEO 기능이 있습니다. 무엇보다도 – Yoast SEO는 Visual Composer와 잘 어울리므로 SEO를 연구하는 대신 더 나은 페이지를 만들지 않아도됩니다.

Visual Composer 용 Templatera 템플릿 관리자

템플렛:이 플러그인은 단지 호환되지 않습니다 – WPBakery (Visual Composer의 저자)가 페이지 빌더의 기능을 확장하기 위해 만들었습니다. Templatera를 사용하면 템플릿을 저장하고 재사용 할 수 있으므로 반복 페이지를 쉽게 작성할 수 있습니다. 플러그인을 설치하면 WordPress 대시 보드의 Visual Composer 설정에 고유 한 옵션이 추가되어 템플릿을 간단하게 가져 오기, 내보내기 및 재사용 할 수 있습니다 (우리는이 플러그인을 Total too와 함께 번들로 제공 한 멋진 기능이었습니다).

호환 가능한 더 많은 훌륭한 플러그인이 많이 있습니다! 새로운 플러그인이 Visual Composer와 호환되는지 확실하지 않은 경우 새 플러그인 작성자에게 문의하십시오..

비주얼 작곡가를위한 고급 옵션

고급 사용자를 위해 Visual Composer에는 몇 가지 추가 옵션이있어 페이지 빌더에 사용자 정의 단축 코드를 추가하고 사용자 정의 미디어 그리드를 작성할 수 있습니다.

비주얼 작곡가 짧은 코드 매퍼

먼저 단축 코드 매퍼. 이 옵션은 Visual Composer 설정에 있으며 사용자 정의 단축 코드를 Visual Composer에 매핑하는 데 사용할 수 있습니다. Visual Composer에 기본적으로 포함되어 있지 않은 짧은 코드 (예 : 가격표의 경우)와 같은 단축 코드가있는 경우 유용합니다..

두 번째 고급 옵션은 포함되어 있습니다 그리드 빌더. 이 기능을 사용하면 컨텐츠에 대한 사용자 정의 레이아웃을 사용하여 미디어 및 포스트 그리드와 유사한 사용자 정의 그리드를 만들 수 있습니다. 예를 들어 둥근 이미지, 굵은 맞춤 글꼴로 작성된 글 작성자 이름, 맞춤 발췌 길이, 자세히 읽기 버튼 및 권장 제품에 연결되는 두 번째 버튼으로 맞춤 블로그 게시물 그리드를 만들 수 있습니다. 아이디어가 있습니까? 요소, 색상, 여백, 테두리 등에 대한 다양한 옵션으로 원하는 그리드 레이아웃을 만들 수 있습니다.

마무리

WordPress 및 Visual Composer로 할 수있는 많은 것들이 있습니다. 작업중인 페이지 빌더를 보려면 Visual Composer를 사용하여 작성할 수있는 다양한 스타일과 레이아웃을 보여 주려고 한 총 테마 데모를 살펴보십시오..

우리가 뭔가를 놓쳤다면 그냥 물어봐. Visual Composer에 대해 알고 싶은 것이 무엇이고 어떻게 작동하는지 알려 드리겠습니다. 아래에 의견을 남겨주세요. 읽어 주셔서 감사합니다!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me