Elementor Page Builder 할인 쿠폰에 대한 CrocoBlock 검토 최고의 서비스

게시 됨: 2022-09-18

최근에는 1백만 개 이상의 활성 Elementor 페이지 빌더 설치가 있었습니다. 더 많은 사람들이 웹사이트의 콘텐츠를 작업하는 동안 단순함을 유지하기를 원합니다. 이것은 모든 사람이 코딩 없이 사이트 작업을 할 수 있는 솔루션이 필요하고 더 적은 노력으로 더 복잡한 프로젝트를 만드는 데 도움이 되는 솔루션이 필요하다는 것을 의미합니다. CrocoBlock 은 특히 Elementor를 사용하는 경우 이러한 프로젝트에서 작업할 때 찾고 있는 것입니다.

이 서비스는 이미 WordPress 개발자와 웹 스튜디오 및 프리랜서의 관심을 받았습니다. 나는 또한 그것을 시험할 기회를 놓칠 수 없었고 CrocoBlock이 제공 하는 유연성과 강력한 기능의 조합에 확실히 만족했습니다 .


따라서 CrocoBlock 구독에 대해 아무것도 모른다면 이 서비스를 특징짓는 일반적인 사항부터 시작하겠습니다.

CrocoBlock 구독 서비스에는 다음이 포함됩니다.

  • Elementor를 위해 만들어진 다양한 주제에 대한 +30개의 스킨 (블로깅, 회계, 대행사, 비즈니스 등)
  • 모듈식 기능과 함께 1000개 이상의 사전 설계된 섹션;
  • 모든 종류의 콘텐츠와 기능을 제공하는 10개의 Jet 플러그인
  • 연중무휴 전문 지원
  • 간단한 연간/평생 라이선스.

이 모든 패키지를 사용하면 처음부터 웹사이트를 만들 수 있고 땀을 흘리지 않을 수 있습니다. Elementor Free 페이지 빌더와 CrocoBlock의 단일 연간 라이선스가 있다고 가정하고 이 작업을 수행하는 방법을 알아보겠습니다.

목차

1단계. 빠른 설치

CrocoBlock 구독을 구입한 직후 계정 페이지에서 액세스할 수 있는 다운로드 섹션에서 자신을 찾을 수 있습니다.

여기에서 설치 프로세스를 안내할 수 있는 세 가지 사용 가능한 옵션을 볼 수 있습니다.

  • Super Easy Installation Pack – 데모 콘텐츠와 함께 Kava 테마 및 Jet 플러그인 세트를 포함하여 모든 CrocoBlock 제품을 한 번에 설치하려는 경우 사용하는 것입니다.
  • Easy Installation Pack – 이 팩을 사용하여 CrocoBlock 제품과 Kava 테마를 별도로 설치하거나 현재 Kava 테마를 사용하고 싶지 않고 다른 WordPress 테마를 사용하고 싶은 경우에 사용하십시오.
  • Jet Plugins Pack – Jet 플러그인을 설치하고 스킨과 미리 디자인된 섹션을 사용하고 싶지만 다른 것을 사용할지 확신이 서지 않는 경우 이 패키지를 사용하십시오.

서비스의 전체 기능을 살펴보기 위해 CrocoBlock Super Easy Installation Pack을 사용하기로 결정했습니다.

워드프레스가 깔끔하게 설치된 웹사이트도 준비했습니다.

JetThemeWizard 플러그인을 사용하면 약 2분 만에 모든 설치 단계를 완료할 수 있습니다. 라이센스 키를 추가하고 Kava Child 테마를 사용하도록 선택했습니다.

그런 다음 스킨 목록에서 사용 가능한 스킨 중 하나를 선택하고 설치 시작 버튼을 클릭했습니다.

플러그인 구성

플러그인은 필수, 권장 및 추가 블록 으로 나뉩니다. 모두 설치하기로 결정하고 다음 버튼을 클릭했습니다. 모든 것을 설치하는 데 38초가 걸렸습니다.

또한 기존 콘텐츠에 데모 콘텐츠 추가 옵션을 선택하고 다음 버튼을 클릭하여 데모 콘텐츠 설치를 진행합니다.

데모 콘텐츠는 20초 이내에 설치되었습니다. 그러나 썸네일을 재생성하는 과정은 시간이 걸렸습니다.

깨끗한 WordPress 웹 사이트의 평균 설치 시간은 약 2분이지만 사용 중인 서버와 사이트에 이미 있는 콘텐츠의 양에 따라 다릅니다. 콘텐츠가 있는 라이브 사이트였다면 설치 시간이 조금 더 걸렸을 것입니다. 그러나 여전히 그 과정이 마음에 들었습니다. 매우 쉽습니다.

2단계. CrocoBlock 대시보드

이제 CrocoBlock 을 설치했으므로 WordPress 대시보드에서 볼 수 있습니다. 설치가 끝나면 자연스럽게 갈 곳이니 조금 더 자세히 살펴보도록 하겠습니다.

여기에서 다음 블록에 액세스할 수 있습니다.

  • 라이선스 – 내 사이트에서 활성화된 라이선스 코드
  • 플러그인 – 여기에서 CrocoBlock 구독에서 사용할 수 있는 모든 플러그인에 액세스하고 필요할 때마다 플러그인을 설치하고 비활성화하고 업데이트할 수 있습니다.
  • 테마 – Kava 테마를 업데이트하고 백업할 수 있는 블록입니다.
  • 스킨 – 여기에서 내가 사용하고 있는 스킨 대신 다른 스킨을 선택하여 설치할 수 있습니다.
  • 설정 - 위치 관계, 위치 등록 등에 액세스하는 장소
  • 사용자 가이드 – 여기에서 문서, 기술 자료에 대한 링크를 찾고 CrocoBlock 제품에 대한 비디오 자습서를 볼 수 있습니다.

스킨을 다른 스킨으로 변경하기로 결정했기 때문에 사용할 Dolcetti 스킨을 선택하고 설치 옵션을 클릭했습니다.

이 스킨에는 내 사이트에 방금 설치한 것과 동일한 플러그인이 필요했기 때문에 플러그인 설치를 건너뛰고 데모 콘텐츠로 건너뛰기 버튼을 클릭했습니다.

스킨을 설치하는 과정은 1분도 채 걸리지 않았습니다. 스킨은 이렇게 빠르게 변경할 수 있습니다. 실제로 이 과정은 CrocoBlock이 처음 설치된 방식과 비슷합니다.

3단계. 테마 파트 템플릿

JetThemeCore 플러그인은 섹션, 머리글, 바닥글, 아카이브 및 단일 게시물 페이지와 같은 테마 부분 템플릿으로 작업할 수 있는 기능을 제공합니다.

그것들을 찾으려면 WordPress 대시보드에서 CrocoBlock > 내 라이브러리 로 이동해야 합니다.

이미 언급했듯이 스킨 중 하나를 설정했으며 이미 머리글 및 바닥글 템플릿이 포함되어 있습니다.

이러한 템플릿은 머리글 및 바닥글 블록에 있으며 Elementor 라이브 페이지 빌더 로 편집할 수 있습니다.

헤더 템플릿을 다른 템플릿으로 변경하거나 모양을 사용자 정의하려면 여기에서 수행할 수 있습니다.

또한 다른 머리글 및 바닥글 템플릿을 만들고 설정 > 조건 블록 에서 다른 페이지에 할당할 수 있습니다.

헤더 라이브러리에 액세스하려면 Magic Button을 클릭하고 사용 가능한 헤더 템플릿 중 하나를 선택한 다음 삽입을 클릭하여 적용해야 합니다.

그런 다음 설정 > 조건 블록 으로 이동하여 헤더를 적용할 페이지 또는 템플릿을 선택합니다. 같은 방식으로 새 바닥글을 추가하고 템플릿 라이브러리의 바닥글을 사용할 수 있습니다.

아카이브 페이지 템플릿

아카이브 페이지 템플릿을 만들려는 경우 상황이 조금 더 복잡합니다. 그렇게 하려면 테마 파트의 아카이브 블록으로 이동하여 새 아카이브 템플릿을 만들어야 합니다.

동적 콘텐츠 위젯을 사용하여 사이트의 기존 출판물(사용자 정의 게시물, 제품, 용어 등)을 보여줄 수 있는 Elementor 편집기로 즉시 리디렉션됩니다.

앞으로 Magic Button 라이브러리에서 선택할 수 있는 준비된 아카이브 템플릿이 있을 예정이지만 현재로서는 사용할 수 없습니다.

그건 그렇고, 사용자 정의 게시물 유형을 만들고 필요한 콘텐츠 유형이 포함된 사용자 정의 추가 분류 또는 메타 필드를 추가하려는 경우 CrocoBlock 패키지에도 포함된 JetEngine 플러그인을 사용하여 수행할 수 있습니다.

4단계. 메뉴 만들기

헤더를 설정한 후에는 탐색 메뉴 위젯, 햄버거 패널 위젯을 사용하여 헤더에 메뉴를 추가하거나 수직 또는 수평 메가 메뉴를 만드는 데 쉽게 도움이 되는 JetMenu 플러그인을 사용할 수 있습니다.

가로형 메가 메뉴를 만들어 머리글에 사용하기로 했습니다. 이를 위해 CrocoBlock > Plugins block 에서 플러그인을 설치한 다음 Appearance > Menu 로 이동하여 메인 메뉴를 확인했습니다.

여기서는 About 항목에 메가 메뉴를 추가하고 싶어서 마우스를 가져간 다음 JetMenu 버튼을 클릭하여 Content 팝업 창을 엽니다.

메가 하위 메뉴 옵션을 활성화한 다음 메가 메뉴 항목 콘텐츠 편집 옵션을 클릭했습니다. Elementor 편집기가 열리면 여러 열을 추가한 다음 몇 가지 위젯을 추가하여 메가 메뉴에 배치했습니다. 그런 다음 업데이트를 클릭하여 템플릿을 저장하고 뒤로 이동했습니다.

헤더 템플릿에 메가 메뉴 추가

이를 수행하려면 CrocoBlock > 내 라이브러리 를 열고 필요한 헤더 템플릿 편집을 시작해야 합니다.

위젯 목록에서 메가 메뉴 위젯을 찾아 필요한 섹션에 놓으십시오. 그런 다음 사용할 메뉴를 선택하고 Style 블록에서 모양을 사용자 지정해야 합니다.

그건 그렇고, 메가 메뉴 항목을 미리 보려면 메가 메뉴를 추가한 필요한 메뉴 항목에 마우스를 가져갈 수 있습니다!

실제로 JetMenu 플러그인 을 사용하여 가로 메뉴를 추가할 수 있을 뿐만 아니라 메가 메뉴 항목으로 세로 메뉴를 만들 수도 있습니다.

JetMenu 플러그인은 메뉴를 만들어야 할 때 관심을 가질 수 있는 모든 측면을 확실히 다루고 있으며 이 플러그인을 얼마나 쉽게 사용자 정의할 수 있는지 놀랄 것입니다. JetMenu 플러그인으로 추가된 메뉴도 반응형이며, 모바일 미리보기를 켜면 깔끔한 햄버거 형태로 나옵니다.

또한 읽기:

12가지 최고의 직업 WordPress 테마 목록

최고의 WooCommerce WordPress 테마

프리미엄프레스 리뷰

최고의 20 스포츠 WordPress 테마 목록

5단계. Elementor용 Jet 애드온

JetMenu는 CrocoBlock에 포함된 거대한 Jet 플러그인 패키지의 일부일 뿐입니다. 이 플러그인은 서비스가 출시되기 전부터 이미 인기가 있었습니다. 현재로서는 그들이 사이트에 추가하는 힘을 간과하기 어렵습니다.

내가 언급했듯이, 그들 중 일부는 스킨을 설치할 때 필요하고 나머지는 CrocoBlock 대시보드에서 액세스할 수 있습니다. 조금 더 자세히 살펴보겠습니다.

  • 제트엘리먼츠

이 플러그인은 인라인 SVG, 배너, 포트폴리오, 이미지 레이아웃, 타임라인 등을 포함하여 Elementor를 위한 +30개의 새 위젯을 추가합니다. 모든 위젯에는 방대한 스타일 설정이 있으며 결합하면 거의 모든 종류의 콘텐츠를 포함합니다.

  • 제트블로그

플러그인은 게시물을 목록, 타일 및 텍스트 티커로 표시하는 4가지 동적 콘텐츠 위젯을 제공합니다. 그리고 비디오 재생 목록 위젯도 있습니다.

  • 제트메뉴

이 위젯을 사용하여 Elementor로 메가 메뉴를 만드는 방법을 설명했습니다. 그러나 헤더가 Elementor 페이지 빌더로 빌드되지 않은 경우 일반 웹 사이트 메뉴의 스타일을 지정하는 데 사용할 수도 있습니다.

  • 제트탭

이 플러그인에는 콘텐츠를 매력적인 탭과 아코디언 블록으로 구조화하는 데 도움이 되는 위젯이 포함되어 있습니다. Elementor에서 만든 템플릿을 세로 및 가로 탭에 배치할 수 있으므로 페이지 공간을 절약하려는 경우에 매우 유용할 수 있습니다.

  • 제트트릭

플러그인은 Elementor가 만든 섹션, 열 및 위젯에 시각 효과와 애니메이션을 추가합니다.

  • 제트블록

이 플러그인을 사용하면 로그인 및 검색 양식, WooCommerce 장바구니 및 햄버거 패널 요소를 헤더에 추가할 수 있습니다. 또한 섹션에 스티키 효과를 사용할 수 있습니다. 이것은 고정 헤더를 생성하려는 경우에 필요할 수 있습니다.

  • 제트리뷰

Elementor로 만든 페이지에 세련된 리뷰 블록을 만드는 데 사용합니다.

JetEngine , JetThemeCore 및 JetWooBuilder 플러그인 도 있지만 제공하는 기능은 위에서 설명한 플러그인과 약간 다릅니다. 그들 중 일부는 이미 설명되었고 나머지는 더 언급될 것입니다.

6단계. 단일 게시물 페이지. 아카이브 페이지 생성

사이트에서 프로젝트를 보여주기 위해 프로젝트 사용자 정의 게시물 유형도 생성해야 한다고 가정해 보겠습니다. 또는 서비스 게시물 유형을 생성하거나 여러 항목이 포함된 포트폴리오를 추가해야 할 수도 있습니다. 어쨌든 JetEngine 플러그인을 사용하여 이러한 사용자 정의 게시물 유형을 생성할 수 있습니다.

또한 사용자 정의 분류를 만들고 동적 그리드 레이아웃을 만드는 것과 함께 단일 사용자 정의 게시물 및 사용자 정의 용어 템플릿으로 작업하는 데 도움이 됩니다. 이러한 레이아웃은 필요한 구조로 아름답게 표시되는 사용자 정의 게시물 또는 용어와 함께 아카이브 템플릿을 추가하려는 경우에 유용합니다.

이를 수행하려면 먼저 JetEngine 플러그인 을 설치하고 활성화해야 합니다.

프로젝트를 어떻게 선보일 것인가?

  1. 프로젝트 게시물 유형을 추가해야 했습니다. 이를 위해 JetEngine > 게시물 유형으로 이동하여 새로 추가 버튼을 클릭했습니다.
  2. 그런 다음 제목 및 슬러그와 같은 사용자 지정 게시물 유형에 대한 일반 정보를 입력하고 게시물 설정을 변경했습니다. ; 또한 여러 사용자 정의 메타 필드를 추가했습니다).
  3. 변경 사항을 저장한 후 대시보드에서 내가 설정한 아이콘이 있는 프로젝트라는 새 항목을 발견했습니다. 이 새로운 사용자 정의 포스트 유형 블록을 사용하여 여러 프로젝트를 추가하고 해당 프로젝트에 적용할 썸네일 이미지를 설정합니다.
  4. 그런 다음 JetEngine > 목록 으로 돌아가 Posts 유형을 사용하여 새 목록을 만들었습니다. 또한 프로젝트 게시물 유형을 필요한 게시물 소스로 정의했습니다.
  5. 그런 다음 여러 동적 필드 위젯과 동적 이미지 위젯 을 페이지에 추가하고 출력에 필요한 콘텐츠의 소스를 선택했습니다. 동적 필드의 제목과 콘텐츠, 그리고 Dynamic Image 위젯의 축소판 이미지입니다.
  6. 또한 내 사용자 정의 게시물 템플릿의 게시 날짜와 작성자를 표시하는 동적 메타 위젯 을 추가했습니다.

내가 만든 템플릿은 프로젝트 유형이 있는 모든 사용자 정의 게시물 에 적용되었습니다.

그런 다음 새 아카이브 페이지 템플릿을 만들고 프로젝트를 그리드 형태로 표시하기 위해 Listing Grid 위젯을 드롭했습니다.

실제로 5분도 채 걸리지 않았지만 프로젝트를 분류하기 위해 사용자 지정 분류법을 사용하지 않았으며 그리드 레이아웃에 더 복잡한 필터를 추가하지 않았습니다.

JetEngine 플러그인은 최근에 CrocoBlock 플러그인 패키지에 추가되었는데, 비교적 새롭습니다. CrocoBlock 패키지에 포함된 모든 Jet 플러그인 중에서 저는 고유한 방식으로 더 복잡한 프로젝트를 수행할 수 있기 때문에 가장 마음에 들었습니다.

7단계. WooCommerce를 Elementor에 도입하는 방법에 대한 몇 마디

Elementor로 온라인 상점을 만들고 이 작업에 접근하는 가장 좋은 방법을 찾고 있는 경우 CrocoBlock이 이 미션에 대처하는 데 실제로 도움이 될 수 있습니다. 여기에는 사전 설계된 단일 제품 페이지 템플릿과 WooCommerce 콘텐츠를 표시하고 CSS 또는 PHP 없이 스타일을 지정할 수 있는 15개의 동적 콘텐츠 위젯 세트를 제공하는 강력한 JetWooBuilder 플러그인이 포함됩니다.

JetWooBuilder 플러그인을 사용하면 다음을 수행할 수 있습니다.

  • WooCommerce 단일 제품 페이지 템플릿 생성
  • 제품 및 제품 분류 레이아웃 추가
  • WooCommerce 제품을 위해 특별히 제작된 특수 위젯 세트로 동적 콘텐츠를 표시합니다.

평소와 같이 새 제품 페이지 템플릿을 만들기 전에 WooCommerce 제품을 사이트에 추가해야 합니다. 이를 위해 내 WordPress 대시보드에서 제품 > 새로 추가로 이동했으며 여기에 설명, 가격, 썸네일 이미지 등이 포함된 여러 제품을 추가했습니다.

그런 다음 WooCommerce > JetWoo 템플릿 블록 으로 이동하여 여기에 새 템플릿을 만들었습니다. 템플릿을 설정할 수 있는 제품을 지정하는 것이 중요합니다. 동적 WooCommerce 위젯을 추가할 때 썸네일 이미지, 리뷰, 평가, 가격 등을 포함하여 설정한 제품에서 필요한 데이터를 가져옵니다.

그런 다음 단일 제품 페이지에 사용 가능한 미리 디자인된 템플릿 중 하나를 적용하거나( "미리 디자인된 템플릿에서 만들기" 버튼 클릭) 또는 자신만의 새로운 템플릿을 만들 수 있습니다(이렇게 하려면 " 새 템플릿 추가” 버튼).

여기에서 Elementor Editor 를 열면 단일 제품 페이지에 사용할 위젯 세트가 표시됩니다.

  • 장바구니에 담기 버튼
  • 단일 이미지
  • 싱글 타이틀 등

필요한 열과 섹션에 배치하고 스타일 설정을 사용하여 이러한 위젯의 모양을 사용자 정의하기만 하면 됩니다. 단일 제품 페이지를 만드는 것은 쉽습니다.

사이트에 있는 모든 제품에 대해 새로 생성된 템플릿을 설정해야 하는 경우 WooCommerce > 설정 블록에서 설정할 수 있습니다. 여기서 JetWooBuilder 탭을 클릭하고 단일 제품 템플릿 조건 설정에 액세스해야 합니다.

위젯 사용해보기

이제 제품 그리드 또는 타일을 홈페이지에 추가 하거나 레이아웃 위젯 중 하나를 사용하여 Shop 페이지에 제품 카테고리 레이아웃을 표시할 수 있습니다. 4가지가 있습니다.

  • 카테고리 그리드;
  • 제품 목록;
  • 제품 그리드;
  • 분류 타일.

각 위젯에는 강력한 스타일 설정과 함께 순서 및 쿼리 설정이 있습니다. 그들은 정말 사용하기 쉽습니다. 가장 마음에 드는 위젯을 선택하고 Elementor를 사용하여 필요한 위치에 놓기만 하면 됩니다. 그것이 당신이 그들을 사용하기 위해해야 ​​할 전부입니다.

요약: Elementor Page Builder 할인 쿠폰을 위한 CrocoBlock 검토 최고의 서비스

CrocoBlock 구독 서비스는 제공하는 고품질 제품 그 이상입니다. 이 서비스는 또한 최신 기능을 유지하고 지속적으로 성장하여 기존 기능에 더 많은 새로운 기능을 추가합니다. 업데이트를 자동으로 받습니다(새 Jet 플러그인 포함). 매주 나오는 새로운 스킨도 마찬가지입니다.

또한 CrocoBlock 서비스에는 항상 도울 준비가 되어 있는 숙련된 지원 팀이 있으며, 기능에 대해 확실하지 않거나 질문이 있는 경우 Facebook 또는 사전 판매 채팅을 통해 팀에 직접 문의할 수 있습니다.

CrocoBlock 테스트를 시작하면 이것이 모두 Elementor용 플러그인에 관한 것이라고 생각할 것입니다. 그러나 사실 CrocoBlock은 Elementor 에서 웹사이트를 만드는 데 필요한 전체 제품 세트를 나타냅니다. 초보자와 웹 개발자 모두에게 똑같이 주의를 기울일 가치가 있습니다. 그리고 여기에 포함된 모든 제품에는 고유한 위치와 목적이 있습니다.

CrocoBlock 구독 서비스는 웹사이트 제작의 개념을 완전히 바꾸어 놓았습니다. 모든 것이 포함되어 있으며 모든 사람이 가장 좋아하는 것입니다.