추가 플러그인 하이라이트 – 추가 모듈 메이트

Extra는 종종 간과되고 숨겨진 보석 테마입니다. 페이지와 게시물에 Divi Builder를 사용하지만 Extra를 Divi와 차별화하는 것은 카테고리 빌더(블로그 인덱스 페이지를 생성하기 위해 자체 모듈의 작은 집합을 사용)입니다. 그러나 일반적인 사용자 요청 중 하나는 Extra Category Builder에 클래식 Divi Builder 모듈을 포함하는 것입니다.

입력: Divi Space, Extra Module Mate의 타사 플러그인. 이 플러그인을 사용하면 40개 이상의 Divi Builder 모듈을 Extra Category Builder 내에서 사용하여 Extra 테마와 이를 사용하여 구축한 인덱스 페이지를 강화할 수 있습니다.

이 플러그인 하이라이트에서는 Extra Module Mate를 살펴보고 Divi Builder 모듈이 추가될 때 Category Builder로 수행할 수 있는 작업의 몇 가지 예를 보여줍니다.

뛰어들자!

카테고리 빌더 모듈

Extra를 Divi와 차별화하는 요소 중 하나는 Category Builder입니다. 이 빌더는 자체 모듈을 사용하여 카테고리를 기반으로 매거진 또는 유사한 모듈식 레이아웃을 만듭니다. 카테고리 빌더는 10개의 새로운 모듈을 제공합니다. 보시다시피 초점은 콘텐츠, 이미지, 텍스트 및 광고에 있습니다.

이 모듈로 많은 작업을 수행하여 흥미로운 레이아웃을 만들 수 있습니다. 코드 또는 텍스트 모듈을 사용하여 단축 코드를 추가할 수 있지만 연락처 양식, 아코디언, 지도, 타이머, 포트폴리오, 댓글, 갤러리, 광고 문구, 클릭 유도문안, 검색, 쇼핑, 카운터, 버튼 등과 같은 모듈은 일반적으로 사용되지 않습니다. 카테고리 빌더에서 사용할 수 있습니다. 이로 인해 홈페이지 디자인에 대한 옵션이 제한될 수 있습니다.

카테고리 빌더에 Divi 빌더 모듈 추가하기

Extra Module Mate가 업로드되고 활성화되면 카테고리 빌더에서 Divi Builder 모듈을 사용할 수 있습니다. 플러그인은 접두사 DS와 함께 노란색으로 Divi Builder 모듈을 추가합니다. 모듈은 모든 기능과 설정을 포함하여 Divi Builder에서와 동일하게 작동합니다. 원하는 경우 다른 카테고리 레이아웃에 대해 전역적으로 만들 수도 있습니다.

예 – 잡지 레이아웃

이 예에서는 Category Builder에서 잡지 레이아웃을 로드하고 이를 내 홈페이지 레이아웃으로 설정했습니다. 이 레이아웃에 Divi 모듈을 추가하겠습니다.

다음은 목업 콘텐츠를 사용한 레이아웃입니다. 나는 사이드바를 사용하지 않기로 했고 세 개의 게시물 행은 반복되는 내용이기 때문에 제거했습니다(더 많은 카테고리를 만들지 않고도). 실제 방문자가 없는 테스트 사이트이기 때문에 인기도와 평점은 같습니다. 실제로 유기적 트래픽은 콘텐츠를 형성하므로 동일한 기사를 여러 번 볼 수 없습니다.

다음은 내가 추가한 Divi 모듈이 있는 레이아웃입니다. 이제 레이아웃에는 Divi Builder의 검색, 비디오, 클릭 유도문안 및 지도 모듈이 포함됩니다. 홈페이지 레이아웃에 맞게 스타일을 지정했습니다.

Divi Builder 모듈이 있는 레이아웃은 다음과 같습니다. 리뷰 사이트나 콘텐츠가 많은 사이트에 도움이 될 수 있는 게시물 슬라이더 바로 아래에 검색 상자를 추가했습니다. 맨 아래에는 동영상, 이미지와 버튼이 있는 CTA, 위치를 표시하는 지도를 사용하여 클릭 유도문안을 만들었습니다. 이것은 이벤트, 구독 또는 제품에 대한 CTA를 홈페이지에 배치할 수 있는 좋은 방법입니다.

예 – 또 다른 잡지 레이아웃

다음은 미리 만들어진 잡지 레이아웃의 또 다른 수정 사항입니다. 추천 이미지를 추가한 다음 지도와 상점이라는 두 개의 Divi 모듈을 추가했습니다. 또한 2열 포스트 행을 제거했습니다. 이번에는 3열 기둥 행을 떠납니다.

보시다시피 이것은 작은 변경이지만 레이아웃에 큰 차이를 만듭니다. 지도와 상점만 새 것이며 잡지 레이아웃에 완벽하게 통합됩니다. 실제로는 그렇게 바쁘게 만들지는 않겠지만 Divi Builder 모듈을 Extra Category 레이아웃에 추가할 때의 이점을 보여줍니다.

예 – 블로그가 포함된 포트폴리오

이 예에서는 블로그, 평가 및 상점이 포함된 포트폴리오를 만들어 누군가가 자신의 사진, 예술 또는 유사한 제품을 판매할 수 있도록 하고 싶습니다. 저는 추천 게시물 슬라이더가 미리 만들어진 레이아웃이 있는 벽돌 블로그 레이아웃으로 시작하고 있습니다.

수정하기 전의 레이아웃입니다. 추천 게시물 슬라이더가 있는 깨끗한 3열 블로그입니다. 슬라이더를 사용하여 단일 추천 게시물을 표시하고 있습니다.

내 새로운 레이아웃에는 필터링 가능한 포트폴리오, WooCommerce 상점, 평가 및 개인 모듈이 포함되어 독자가 사진 작가 또는 아티스트에 대해 자세히 알아볼 수 있습니다.

레이아웃 내에서 새 요소가 어떻게 보이는지 보여줍니다. 레이아웃을 깔끔하게 유지하기 위해 블로그 게시물 수를 6개에서 3개로 줄였습니다. 이것은 제품에 대한 블로그를 작성하고, 제품을 프로젝트로 표시하고, 독자가 구매할 수 있는 상점 페이지에 대한 링크를 제공하는 데 사용할 수 있습니다.

예 – 특수 섹션이 있는 사용자 정의 레이아웃

이 예에서는 이미지를 헤더로 사용하여 처음부터 레이아웃을 만들고 그 뒤에 탭이 있는 게시물, 지도, 문의 양식 및 사이드바가 포함된 특수 섹션을 만들었습니다.

Extra Module Mate는 특수 섹션에서 잘 작동합니다. 레이아웃에는 탭이 있는 게시물과 지도 및 연락처 양식이 있는 두 개의 섹션이 있습니다. 이것은 이벤트를 표시하거나 탭이 있는 게시물에서 위치를 표시하는 데 도움이 될 수 있는 다른 모든 것을 표시한 다음 지도에 표시되는 각 위치에 대한 핀을 배치하는 데 유용할 수 있습니다.

예 – 가격표가 있는 블로그

이 예에서는 표준 블로그를 만들고 가격표와 지도를 추가하고 싶었습니다. Category Builder 모듈을 활용하기 위해 포스트 캐러셀과 표준 블로그 피드를 추가하여 별점을 사용할 수 있었습니다. 가격표를 글로벌로 만들었습니다. 새 홈페이지를 만들려는 경우 다른 카테고리 레이아웃과 함께 사용할 수 있습니다.

Divi 모듈이 추가된 내 새 블로그 레이아웃은 다음과 같습니다. 이것은 여행사에 대한 흥미로운 블로그가 될 것입니다. 지도 및 가격표(이 레이아웃의 유일한 Divi Builder 모듈)는 CTA를 만드는 데 유용합니다.

가격 및 문서

Extra Module Mate의 가격은 단일 사이트 라이선스에 대해 $16부터 시작합니다. 문서는 판매 페이지의 정보 섹션에서 제공됩니다.

마지막 생각들

Extra의 Category Builder는 표준 Divi Builder 모듈이 아닌 자체 모듈을 사용하여 잡지 스타일 레이아웃을 만듭니다. Category Builder에는 10개의 모듈만 있지만 가장 인기 있고 일반적인 잡지 레이아웃을 쉽게 만들 수 있습니다. 그러나 보다 독특한 레이아웃을 생성하려는 경우 제한적일 수 있습니다.

Extra Module Mate는 표준 40개 이상의 Divi Builder 모듈을 Category Builder에 추가하여 레이아웃에 더 많은 Divi 모듈을 추가하려는 사람들에게 필요한 Divi 모듈을 제공합니다. 이 예제에서 만든 레이아웃은 코드나 단축 코드를 사용하지 않고 Category Builder 모듈에서 가능하지 않습니다. Extra Module Mate 덕분에 Divi Builder를 사용하는 것처럼 간단하게 만들 수 있습니다.

이것은 Extra로 할 수 있는 일의 표면을 긁고 Divi Builder 모듈로 카테고리 레이아웃을 만드는 것입니다. 훨씬 더 많은 가능성을 상상할 수 있으며 여기에서 보여드린 것보다 훨씬 더 나은 디자인을 찾는 데 오랜 시간이 걸리지 않을 것이라고 확신합니다. Extra Module Mate는 사용하기 쉽고 Extra의 Category Builder 내에서 Divi Builder 모듈을 사용하려는 모든 사람에게 필수적입니다.

여러분의 의견을 듣고 싶습니다! Extra Module Mate를 사용해 보셨습니까? 아래 의견에서 귀하의 경험에 대해 알려주십시오!

antishock/Shutterstock.com을 통한 추천 이미지