Divi 플러그인 하이라이트: Divi Magic

사용자 역할이나 로그인 상태에 따라 다른 사용자에게 다른 페이지 요소를 표시하고 싶었던 적이 있습니까? 날짜와 시간을 기준으로 특정 요소를 표시하는 것은 어떻습니까? Divi Magic이라는 타사 플러그인이 Divi에 이러한 기능을 추가하여 특정 요소를 볼 수 있는 사람과 볼 수 있는 시기를 훨씬 더 많이 제어할 수 있습니다.

Divi Magic은 모든 표준 섹션, 행, 열 및 모듈에 새로운 가시성 도구 세트를 추가합니다. 이러한 컨트롤을 사용하여 사용자의 로그인 상태, 사용자 역할 또는 날짜 및 시간을 기반으로 가시성을 설정할 수 있습니다. 이 기사에서는 Divi Magic을 살펴보고 무엇을 할 수 있는지, 사용이 얼마나 쉬운지 살펴보겠습니다.

Divi 매직 가시성 설정

각 섹션, 행, 열 및 모듈의 고급 탭에 있는 가시성 섹션에 새로운 기능 세트가 추가됩니다. 백엔드 및 프론트엔드 빌더와 테마 빌더에서 작동합니다. 새 기능을 사용하면 모듈을 볼 수 있는 사람을 선택하고 특정 시간에 표시할지 여부를 지정할 수 있습니다.

모듈을 볼 수 있는 사람에 대한 옵션에는 모든 사람, 로그아웃한 사용자 및 로그인한 사용자가 포함됩니다. 이 수준의 제어를 통해 특별 제안을 제공하고 페이지에 표시되는 정보를 제한하는 등의 작업을 수행할 수 있습니다. 이는 온라인 상점, 학교 등에 유용합니다.

로그인한 사용자를 선택하면 특정 사용자를 선택할 수 있는 새 목록이 추가됩니다. 여기에는 표준 WordPress 사용자와 추가한 추가 사용자가 포함됩니다. 내 예는 WooCommerce, LifterLMS 및 GiveWP의 사용자를 보여줍니다. 이러한 플러그인이 설치되어 있기 때문입니다.

날짜 및 시간을 기준으로 요소를 표시하도록 선택하면 시작 날짜와 종료 날짜를 별도로 설정할 수 있는 더 많은 옵션이 열립니다.

시작 날짜 또는 종료 날짜를 선택하면 시간 및 분 슬라이더가 있는 캘린더가 열립니다(적어도 Chrome에서는 이것이 작동함). 특정 시간에 제안을 공개하거나 판매가 진행 중인지 여부 등을 표시하는 데 유용합니다.

오늘 날짜는 노란색으로 표시되고 다른 모든 날짜는 밝은 회색으로 표시됩니다. 다른 날짜는 색상이 변경되어 선택했음을 나타내지만 오늘 날짜는 노란색으로 유지됩니다. 오늘 날짜를 선택하지 않은 상태에서 선택했다고 생각할 수 있기 때문에 혼동될 수 있습니다.

특정 사용자를 위한 Divi Magic 예제

다음은 특정 사용자에게 어떻게 작동하는지에 대한 몇 가지 예입니다. 이 예에서는 로그인하지 않은 사용자만 표시하는 배너를 만들고 있습니다.

두 번째 테마 빌더 팩을 사용하고 있으며 전역 헤더 위에 배너를 추가했습니다. 사용자에게 가입을 요청하는 메시지를 표시하는 텍스트 모듈과 가입 페이지로 이동하는 버튼을 추가했습니다. 설정에서 로그인하지 않은 사용자에게만 해당 행을 표시하도록 설정했습니다. 로그인한 사람은 이 배너가 필요하지 않습니다.

로그인했기 때문에 헤더가 정상적으로 보입니다.

로그인하지 않은 사람은 헤더 위에 배너가 표시되어 가입하도록 초대합니다.

이 예에서는 다양한 유형의 사용자에게 표시될 다양한 섹션을 만들고 있습니다. 로그아웃한 사용자는 코스 등록을 위한 CTA가 포함된 랜딩 페이지를 보게 됩니다.

학생으로 로그인한 사용자는 코스 목록을 볼 수 있습니다.

로그인한 강사는 코스 페이지를 볼 수 있습니다.

이 예에서는 로그인하지 않았으므로 수업에 등록하기 위한 CTA가 있는 페이지가 표시됩니다.

이 예에서는 강사로 로그인했기 때문에 강사로 표시한 섹션이 화면에 표시됩니다.

이렇게 하면 섹션에 특정 수준의 조건부 논리가 추가됩니다. 내 예는 지나치게 단순화되었지만 해당 사용자를 위해 특별히 설계된 요소를 쉽게 표시할 수 있습니다.

일일 일정 관리를 위한 Divi Magic 예시: 추천 배너

다음은 스케줄링 시스템이 어떻게 작동하는지 살펴보겠습니다. Online Store 레이아웃 팩의 요소에서 배너를 만들어 방문 페이지 상단에 배치했습니다. 버튼의 색상을 행의 배경에 추가하고 11:45부터 모든 사람에게 표시되도록 행을 설정하고 일주일 동안만 실행됩니다.

텍스트 모듈, 여러 WooCommerce 모듈 및 버튼을 사용하여 판매 배너를 만들고 있습니다.

배너를 보여줄 때가 아니기 때문에 페이지는 그것을 숨깁니다.

시작 날짜와 시간에는 배너가 정상적으로 표시됩니다. 특정 시간까지 표시되지 않는 판촉물을 만드는 데 유용합니다. 수동으로 게시할 필요 없이 표시할 요소를 예약할 수 있다는 점이 마음에 듭니다. 이렇게 하면 시간을 확보할 수 있으므로 이 작업이 진행되는 동안 다른 곳으로 이동할 수 있습니다.

일일 예약을 위한 Divi Magic 예제: 일일 판매

블랙 프라이데이 주간의 카운트다운 판매와 같이 매일 다른 판매를 표시하는 흥미로운 헤더를 만들 수도 있습니다. 5개의 열이 있는 행을 추가했습니다. 각 열에는 요일을 표시하는 텍스트 모듈이 있습니다.

새로운 일일 텍스트 모듈 세트를 만들고 특정 날짜에만 표시되도록 설정했습니다. 나도 더 크게 활동하는 날이 오겠지.

판매 섹션 세트를 설정하고 각 섹션이 특정 날짜를 기준으로만 표시되도록 했습니다.

백엔드의 와이어프레임 보기에서 보이는 방법은 다음과 같습니다(나는 여전히 백엔드 빌더를 사용하기를 좋아하기 때문입니다). 나는 독립적으로 텍스트 모듈에 대한 매일 일정을 설정했습니다. 텍스트, 버튼, Woo 모듈 및 상점 모듈을 포함한 판매 항목의 경우 매일 새 행을 만들고 행을 독립적으로 예약했습니다.

다음은 목요일에 표시되는 라이브 페이지입니다. 오늘을 제외한 모든 요일이 정상으로 표시됩니다. 그 날은 더 큰 버전으로 대체되어 눈에 띕니다. 해당 날짜의 판매 항목만 표시됩니다. 물론 판매 품목의 경우 더 나은 설명을 추가하고 실제 웹 사이트에서 다른 가격을 표시하지 않겠지만 이 예는 요소의 일일 일정에 대해 수행할 수 있는 작업을 보여주기에 충분합니다.

사용자 설정과 일정이 결합된 Divi Magic

사용자 설정과 일정 설정을 함께 사용하여 특정 날짜에 특정 사용자에게 특정 요소를 표시할 수 있습니다. 이 예에서는 예약된 판매를 고객인 사용자에게만 표시하도록 설정했습니다.

고객으로 로그인하지 않았기 때문에 판매 섹션이 표시되지 않습니다. 이것은 로그인한 고객이 아닌 모든 사람에게 페이지가 표시되는 방식입니다.

이제 돌아가서 Admin을 사용자로 추가했으므로 페이지를 볼 때 표시됩니다.

Divi Magic with Extra

Divi Magic은 또한 표준 Divi Builder 및 Theme Builder의 Extra와 함께 작동합니다. 현재로서는 카테고리 빌더에서 작동하지 않습니다. 개발자와 이에 대해 논의했으며 이 기능은 향후 업데이트에 추가될 예정입니다. 이 예는 로그인하지 않은 사용자를 위한 전역 헤더의 배너를 보여줍니다.

로그인한 사용자에게는 가입을 요청하는 배너 없이 정상적으로 헤더가 표시됩니다.

가격

개발자 웹 사이트에서 Divi Magic을 구입할 수 있습니다. 두 가지 구매 옵션으로 사용할 수 있습니다.

• 단일 웹사이트에서 사용하고 1년 동안 업데이트하는 경우 연간 $25입니다.
• 무제한 웹사이트 및 1년 업데이트 사용에 대해 연간 $39.

마무리 생각

Divi Magic은 도구 상자에 포함할 수 있는 훌륭한 플러그인입니다. 컨트롤이 표준 Divi 섹션, 행, 열 및 모듈에 추가되므로 레이아웃에 추가해야 할 새로운 것은 없습니다. 사용하기 쉬운 컨트롤을 찾았습니다.

누가 무엇을 언제 볼 수 있는지에 대한 제어 권한을 가지면 많은 유용성, 판촉 및 디자인 가능성이 열립니다. Divi Builder를 사용하여 배너 또는 기타 페이지 요소를 만든 다음 몇 가지만 선택하여 특정 사용자 역할이나 특정 날짜와 시간에 표시할 수 있다는 점이 마음에 듭니다.

누가 특정 요소를 볼 수 있고 언제 볼 수 있는지에 대한 더 많은 제어를 원한다면 Divi Magic을 살펴볼 가치가 있습니다.

우리는 당신의 의견을 듣고 싶습니다. Divi Magic을 사용해 보셨습니까? 아래 의견에서 그것에 대해 어떻게 생각하는지 알려주십시오.

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