Themify Builder 검토: WordPress용 프런트 엔드 페이지 빌더 도구
게시 됨: 2015-03-04Themify Builder는 Themify Themes 팀의 드래그 앤 드롭 페이지 빌더 도구입니다. 이 도구는 모든 테마에 포함되어 있으며 모든 타사 테마와 함께 작동하는 독립 실행형 플러그인으로 사용할 수 있습니다.
현재 WordPress에 사용할 수 있는 페이지 빌더 도구가 너무 많기 때문에 Themify Builder에 대한 이 리뷰는 기능과 사용 용이성을 강조하여 이것이 프로젝트에 적합한 도구인지 결정하는 데 도움이 될 것입니다.
WordPress 드래그 앤 드롭 페이지 빌더 도구 시장에 있거나 현재 이 플러그인의 현재 세대가 무엇을 할 수 있는지 알고 싶다면 Themify Builder 전체 리뷰 를 읽으십시오.
WordPress 기능을 위한 Themify Builder
Themify Builder for WordPress는 사용자 정의 페이지 레이아웃을 만든 다음 플러그인에 포함된 모듈로 채울 수 있는 드래그 앤 드롭 페이지 빌더 도구입니다. 플러그인에는 사용자 정의하여 자신만의 레이아웃을 만들 수 있는 미리 빌드된 레이아웃도 포함되어 있습니다.
백 엔드 또는 프런트 엔드 편집?
이러한 WordPress 페이지 빌더 플러그인에는 백엔드 및 프론트 엔드 빌더의 두 가지 주요 유형이 있는 경향이 있습니다. Themify Builder는 두 세계의 장점을 모두 제공하므로 백 엔드 빌더와 프런트 엔드 빌더 간에 전환하여 원하는 방식으로 작업할 수 있습니다.
프론트 엔드 빌더 보기를 사용하면 디자인을 생성할 때 디자인을 매우 정확하게 표현할 수 있습니다. 이것은 웹사이트의 백엔드에서 레이아웃을 개발한 다음 방문자에게 페이지가 어떻게 보이는지 이해하기 위해 사이트의 프론트엔드로 전환해야 하는 것과 반대입니다.
Themify Builder는 프론트 엔드 인터페이스가 다른 플러그인의 백엔드 빌더보다 훨씬 직관적이고 시간을 절약하기 때문에 여기에서 포인트를 얻습니다. 그러나 페이지 레이아웃 생성을 위해 백엔드 인터페이스를 선호하는 사람들을 위해 이 플러그인도 해당 옵션을 제공합니다.
이 조합은 보다 세분화된 사용자 지정 설정을 처리하기 위해 프런트 엔드 보기로 전환하기 전에 백 엔드에서 레이아웃을 빠르게 구축하는 더 빠른 방법을 원하는 사람들에게 어필해야 합니다.
여러 행 및 열 레이아웃
이 플러그인은 레이아웃을 구축하기 위해 기존의 행 및 열 레이아웃을 사용합니다. 즉, 페이지 에 가로 행을 무제한으로 만든 다음 각 행을 다른 열 레이아웃 조합으로 채울 수 있습니다. 필요한 경우 중첩 행을 생성하여 레이아웃에 대한 다양한 옵션을 제공할 수도 있습니다.
광범위한 사용자 정의 설정 및 옵션
작성하는 레이아웃 격자의 모양은 개별 행 레이아웃에서 또는 전체 페이지에 대해 전체적으로 사용자 정의할 수 있습니다. 즉, 사용자 정의 이미지와 비디오를 페이지의 배경 으로 또는 개별 행에 대해 설정할 수 있습니다.
이 열 및 행 시스템은 표준 WordPress 설치로 스스로 할 수 없는(자신만의 HTML 및 CSS를 작성하려는 경우가 아니면) 꽤 고급 레이아웃을 구축하는 데 도움이 될 수 있습니다.
콘텐츠 모듈 라이브러리
그런 다음 이러한 레이아웃을 플러그인에 포함된 모듈 또는 페이지 요소로 채울 수 있습니다. 이러한 모듈의 몇 가지 예는 다음과 같습니다.
- 동영상
- 슬라이더(컨텐츠, 이미지, 텍스트 및 비디오)
- 게시물(단일 또는 목록)
- 위젯(사이트에서 활성화된 타사 위젯 포함)
- 위젯화된 사이드바
- 클릭 유도문안
- 메뉴
- 레이아웃 부품
- 갤러리
- 텍스트
- 영상
각 모듈에는 고유한 옵션 및 설정 세트가 있어 모양과 기능을 사용자 정의할 수 있습니다. 사용 가능한 옵션을 확장하는 데 사용할 수 있는 빌더 애드온도 있습니다.
레이아웃을 만들고 모듈로 채울 때 모듈을 새 행이나 열 위치로 끌어다 놓기만 하면 콘텐츠를 쉽게 재정렬할 수 있습니다.
사용자 정의 옵션
행, 열 및 모듈은 모두 독립적으로 사용자 정의할 수 있으므로 모양의 다양한 측면을 변경할 수 있습니다. 이러한 콘텐츠 스타일 사용자 지정 옵션에는 다음이 포함됩니다.
- 여러 애니메이션 효과 중에서 선택
- 개별 행에 대한 배경 이미지 또는 비디오 설정
- 텍스트 모양 맞춤설정(Google 글꼴, 색상, 크기, 링크)
- 행 너비 및 거터 간격
또한 행과 해당 내용을 쉽게 복제할 수 있어 많은 시간을 절약 하고 동일한 페이지 내에서 내용을 복사하고 용도를 변경할 수 있는 빠른 방법을 제공합니다. 스타일 지정 옵션 화면에서는 콘텐츠가 어떻게 보이는지 더욱 세밀하게 제어하기 위해 사용자 정의 CSS를 삽입할 수 있는 기능도 제공합니다.
더 주목할만한 기능
Themify Builder의 몇 가지 최고의 기능은 다음과 같습니다.
- 8개의 매력적인 편집 가능한 사전 제작 레이아웃
- 다른 레이아웃에 삽입할 수 있는 재사용 가능한 레이아웃 부분 생성
- 각 모듈에 대한 다양한 애니메이션 효과 선택
- 레이아웃에 다른 플러그인의 위젯 삽입
- 맞춤형 홈페이지 및 아카이브 페이지 구축
- 게시물과 페이지 모두에서 작동
- 배경 이미지에 대한 시차 스크롤
- 빌더를 사용하여 사이트 간 페이지 레이아웃 가져오기/내보내기
- 모바일 반응형 레이아웃
- CSS로 각 모듈 사용자 정의
- 대시보드에서 전역 사용자 정의 CSS 추가
보시다시피 Themify Builder는 레이아웃을 만들고 관리하는 데 유용한 기능으로 가득합니다 . 또한 스타일을 지정하고 레이아웃의 개별 구성 요소 각각이 작동하는 방식을 결정하기 위한 다양한 옵션을 얻을 수 있습니다.
Themify Builder를 사용하여 사용자 정의 페이지 레이아웃 생성
이 리뷰 를 위해 Themify Builder의 플러그인 버전을 살펴보고 있습니다. 이것은 Themify 테마에서 사용하는 프레임워크와 통합된 빌더 버전과 반대입니다.
플러그인이 웹사이트에서 활성화되면 사이드바의 Themify Builder 메뉴 항목에서 설정에 액세스할 수 있습니다. 설정을 통해 개별 빌더 모듈뿐만 아니라 전체 플러그인을 비활성화하거나 활성화할 수 있습니다.
설정 페이지에서 플러그인의 다른 측면을 활성화하고 빌더 및 해당 모듈의 모양을 사용자 정의하는 데 사용할 전역 CSS를 입력할 수도 있습니다.
빌더 레이아웃 섹션에서 플러그인과 함께 제공되는 미리 빌드된 레이아웃과 사용자가 만들고 저장한 레이아웃을 볼 수 있습니다. 작성 당시에는 포트폴리오, 제품 페이지, 대행사 홈페이지, 잡지 레이아웃, 두 개의 제품 랜딩 페이지 및 기타 몇 가지 옵션을 포함하여 8개의 사전 구축된 레이아웃 이 있었습니다.
빌더를 실행하여 각 레이아웃을 복제하고 편집할 수 있습니다. 빌더 레이아웃 파트를 생성 하고 설정 페이지에서 관리할 수도 있습니다.

이러한 레이아웃 부분에는 재사용하고 다른 레이아웃에 삽입할 수 있는 레이아웃의 세그먼트가 포함될 수 있습니다. 여기에는 메뉴 시스템, 행동 유도 상자 또는 웹사이트에서 재사용할 수 있는 모든 것이 포함될 수 있습니다.
그러나 빈 캔버스에 자신만의 레이아웃을 만들고 싶다면 새 게시물이나 페이지를 만든 다음 Themify 사용자 정의 패널에서 빌더에 액세스하면 됩니다.
시작하려면 모듈 중 하나를 작업 영역으로 끌어다 놓은 다음 선택한 모듈에 대한 내용을 구성하거나 입력하면 됩니다. 백엔드 빌더 보기에서 레이아웃에 대해 작업하고 상황에 맞는 메뉴를 사용하여 행에 열을 적용할 수도 있습니다.
인터페이스는 모두 매우 쉽게 파악하고 사용을 시작할 수 있습니다. 빌더의 백 엔드 보기를 충분히 사용할 수 있지만 프런트 엔드 보기로 전환하면 레이아웃을 빌드할 때 웹 사이트 방문자에게 레이아웃이 어떻게 보일지 시각화하기가 훨씬 쉽습니다.
게시물 또는 페이지를 처음 저장한 후 프런트 엔드로 전환 링크가 나타나고 클릭하면 사용자 지정 레이아웃에 대한 다른 보기가 열립니다.
프론트 엔드 보기에서 레이아웃에 모듈을 추가하는 경우 다시 한 번 드래그 앤 드롭하는 경우입니다. 그렇게 하면 해당 모듈에 대한 설정과 옵션이 표시되어 작동 방식과 모양을 구성할 수 있습니다.
이러한 설정은 매우 인상적이어서 모듈의 콘텐츠가 표시되는 방식을 다양하게 제어할 수 있습니다. 예를 들어 레이아웃에 게시물 목록을 표시하는 데 사용 되는 게시물 모듈 을 사용할 때 몇 가지 고급 옵션을 사용할 수 있습니다.
이 모듈의 설정은 게시물의 레이아웃, 포함할 게시물, 정렬 방법 등을 다룹니다. 이를 통해 Themify Builder는 사용자 정의 게시물 아카이브 페이지를 생성하거나 동적 목록에서 최신 또는 가장 인기 있는 게시물을 강조 표시하는 웹사이트용 홈페이지를 구축하는 데 탁월한 선택이 됩니다.
또한 각 모듈에는 모듈의 콘텐츠가 표시되는 방식을 사용자 지정할 수 있는 고유한 스타일 옵션 이 있습니다.
이러한 스타일 지정 옵션은 모듈마다 다르지만 거의 항상 사이트에 대한 올바른 모양과 느낌을 얻기 위해 사용할 수 있는 많은 컨트롤이 있습니다. 또한 제공된 필드에 사용자 정의 CSS를 쉽게 추가할 수 있습니다.
잠시 동안 레이아웃 작업을 하고 나면 디자인을 저장한 다음 빌더를 닫아 웹사이트 방문자처럼 새 페이지를 경험할 수 있습니다. 이 작업을 수행하면 프론트 엔드 편집기 보기가 페이지의 실제 프론트 엔드 보기에 얼마나 가까운지 빠르게 발견할 수 있습니다.
앞서 언급했듯이, 이는 방문자에게 표시될 레이아웃을 보기 위해 브라우저 탭을 계속 전환하는 것에 대해 걱정할 필요 없이 프런트 엔드 빌더에서 작업할 수 있음을 의미합니다. 이것은 백엔드 빌더와 관련된 많은 불만을 제거 하는 훌륭한 시간 절약 기능입니다.
디자인이 마음에 들면 그대로 두셔도 됩니다. 그렇지 않은 경우 관리자 도구 모음 메뉴를 사용하여 빌더를 다시 켜고 디자인 작업을 계속할 수 있습니다.
출구 전략
현재 제품이 얼마나 마음에 들어도 나중에 사이트에서 제품을 제거하고 싶을 때가 올 수 있습니다 . 이러한 이유로 웹사이트에서 Themify Builder 플러그인을 비활성화할 때 어떤 일이 일어날지 아는 것이 중요합니다.
유감스럽게도 Themify Builder 플러그인을 비활성화하기로 결정하면 이를 사용하여 구축한 모든 레이아웃과 해당 레이아웃에 추가한 콘텐츠를 더 이상 사용할 수 없습니다 . 이것은 이 유형의 대부분의 플러그인이 있는 코스와 동등하지만 일부는 더 이상 레이아웃 자체를 사용할 수 없음에도 불구하고 여전히 레이아웃 내의 콘텐츠에 액세스할 수 있는 기능을 제공합니다.
이것은 미래에 다른 빌더로 전환하는 옵션을 원하는 경우 확실히 고려해야 할 사항입니다.
가격
이 리뷰의 소개에서 언급했듯이 Themify Builder는 독립 실행형 플러그인으로 사용할 수 있을 뿐만 아니라 Themify의 각 WordPress 테마에 프레임워크의 일부로 포함되어 있습니다.
이를 통해 마스터 클럽 수준에서 테마 클럽에 가입하고 경쟁력 있는 가격으로 모든 테마 및 플러그인에 액세스하는 것을 포함 하여 몇 가지 구매 옵션 을 제공합니다.
이 플러그인에 액세스하기 위한 가격 옵션은 다음과 같습니다.
- Themify Builder 독립형 플러그인: $39
- 단일 테마: $49
- 테마 멤버십 클럽(모든 테마): $79부터
Themify Builder를 타사 테마와 함께 사용하려면 자체적으로 또는 최상위 멤버십 플랜의 일부로 구입할 수 있는 플러그인 버전을 사용해야 합니다.
결론 및 권장 사항
저는 WordPress용 페이지 빌더 플러그인을 많이 사용해 왔으며 이것은 확실히 사용하기 쉬운 플러그인 중 하나입니다. 개별 요소 또는 모듈의 모양과 느낌을 사용자 지정하기 위해 프런트 엔드 뷰로 전환하기 전에 백 엔드 뷰에서 레이아웃을 빠르게 생성하는 기능은 좋은 작업 방법입니다.
레이아웃과 프리미엄 애드온에 삽입할 수 있는 모듈의 수는 물론 사이트에서 활성화된 위젯을 삽입하는 기능은 기능이 풍부한 레이아웃을 즉시 쉽게 구축하는 데 도움이 됩니다 .
애니메이션 효과, 시차 스크롤링 및 비디오 배경을 포함한 다양한 스타일 옵션을 사용함으로써 웹사이트를 위한 매우 전문적인 페이지를 구축할 수 있습니다.
다른 곳에서 찾을 수 있는 부족한 유일한 주목할만한 기능은 콘텐츠를 인라인으로 편집하는 기능입니다. 다른 창을 실행하지 않고 레이아웃의 텍스트를 클릭하고 인라인 입력을 시작할 수 있으므로 프런트 엔드 편집기의 직관성이 향상됩니다.
그러나 사용 용이성, 사전 제작된 레이아웃의 좋은 선택, 다양한 스타일 옵션을 고려할 때 Themify Builder 플러그인은 사용자 정의 페이지 및 포스트 레이아웃을 만들고자 하는 모든 사람에게 탁월한 선택 이라고 말할 수 있습니다. , 코드를 편집하지 않고 자체 아카이브 페이지 및 홈페이지 디자인을 사용할 수 있습니다.
지금 Themify Builder에 대해 자세히 알아보십시오.