Divi 플러그인 하이라이트 – Divi 로고 관리자

로고는 모든 웹사이트의 중요한 부분입니다. 그들은 독자에게 브랜드에 대해 말하고 브랜드 인지도를 제공합니다. 웹사이트가 로고로 할 수 있는 일은 일반적으로 제한적입니다. Divi를 사용하여 크기를 조정하고 스크롤 시 축소하거나 사라지게 할 수 있습니다. 대부분의 웹 사이트에 적합하지만 로고로 더 많은 작업을 수행하려면 어떻게 해야 합니까? Divi 로고 관리자라는 타사 플러그인에 관심이 있을 수 있습니다.

Divi 로고 관리자는 웹사이트 전체에서 로고를 변경할 수 있는 Divi용 프리미엄 플러그인입니다. 디바이스(모바일, 태블릿, 데스크탑)에 따라 다른 로고 사용, 스크롤 시 다른 로고 변경, 페이지 단위로 로고 설정, 오버행 양 조절이 가능합니다. 페이지, 프로젝트 및 WooCommerce 제품 페이지와 호환됩니다.

이 플러그인 하이라이트에서는 플러그인이 무엇을 할 수 있는지 살펴보겠습니다. 예제의 이미지는 Unsplash.com에서 가져왔습니다.

Divi 로고 관리자 설치 및 설정

압축된 플러그인을 업로드하고 활성화합니다. 활성화되면 사용할 준비가 된 것입니다. 모든 작업은 설정 메뉴, 개별 페이지 및 WooCommerce 제품 페이지에서 수행됩니다. 대시보드에서 설정으로 이동하여 Divi 로고 관리자를 선택합니다. 여기에서 돌출된 크기, 모바일 로고, 태블릿 로고, 데스크톱 로고 및 스크롤 로고를 선택할 수 있습니다.

Divi 테마 옵션에 바탕 화면 로고가 추가됩니다. 다른 모든 로고는 이 페이지 또는 각 페이지에 개별적으로 추가됩니다.

위에 걸리다

없음에서 상상할 수 없을 정도로 크고 다양한 수준에 이르는 9가지 오버행 옵션이 있습니다. 이렇게 하면 로고를 변경할 필요가 없는 경우에도 사용할 가치가 있는 새로운 디자인 요소가 추가됩니다.

페이지 당

Divi 로고 관리자는 페이지, 프로젝트 및 WooCommerce 제품 페이지에 새로운 설정 세트를 추가하여 각 페이지에 대해 특정 로고를 선택할 수 있도록 기본 메뉴에서 설정한 설정을 무시할 수 있습니다. 데스크톱, 모바일, 태블릿 및 스크롤에 대해 설정할 수 있습니다. 방문 페이지, 특별 제안, 포트폴리오 페이지, 제품 등에 적합합니다.

Divi 로고 관리자 예

각 장치의 로고와 다양한 수준의 돌출부가 있는 로고를 살펴보겠습니다. Google Chrome의 개발자 도구를 사용하여 모바일 및 태블릿 장치를 에뮬레이트하겠습니다.

데스크탑

데스크탑 로고에는 예술적인 사자 이미지를 사용했습니다. 돌출부가 없는 표준 버전의 로고입니다. 이 로고는 Divi의 테마 설정에 로드해야 합니다.

이제 로고를 업로드했으므로 이제 플러그인 설정에 나타납니다.

위에 걸리다

다음은 일부 오버행을 살펴보겠습니다. 이것은 작은 돌출부가 있습니다. 눈에 띌 뿐입니다.

이것은 A Bit Biger Overhang을 사용합니다. 그것은 더 눈에 띄고 나는 그것이 페이지에 대해 보이는 방식을 좋아합니다.

이것은 중대형입니다. 두루두루 좋은 사이즈입니다.

이것은 거대한 오버행을 사용합니다. 일부 디자인에는 너무 클 수 있습니다.

이것은 상상할 수 없을 정도로 큰 오버행을 사용합니다. 모든 디자인에 맞지는 않겠지만 디자인의 경우 눈에 띄게 멋지게 보일 것입니다. 이 수준의 선택을 통해 모든 웹사이트에 적합한 돌출부를 쉽게 찾을 수 있습니다.

오버행 기능은 Extra와 함께 작동하지만 로고 교체 기능은 작동하지 않습니다. 여기에 큰 오버행이 있는 Extra가 있습니다.

스크롤 로고

스크롤 로고 기능을 사용하면 스크롤 시에만 표시되는 로고를 지정할 수 있습니다. 이 예에서는 스크롤 로고를 추가했습니다.

헤더가 축소되는 즉시 로고가 변경됩니다.

태블릿

다음은 태블릿에만 표시되는 새로운 로고입니다. Google 크롬의 개발자 도구를 사용하는 몇 가지 예를 살펴보겠습니다.

이것은 아이패드입니다. 모바일 및 데스크톱 장치에서도 겹침을 유지합니다. 태블릿 설정에 맞게 로고가 변경되었습니다.

다음은 가로 모드의 iPad입니다. 일부 태블릿은 화면이 충분히 큰 경우 바탕 화면 로고를 표시합니다.

세로 모드의 Nexus 10입니다.

다음은 가로 모드의 Nexus 10입니다. 바탕 화면 로고를 표시합니다.

스크롤에 넥서스 10이 있습니다. 로고는 데스크탑과 마찬가지로 태블릿에서도 변경됩니다.

이것은 iPhone 6 Plus의 상상할 수 없을 정도로 큰 오버행입니다.

이것은 iPhone 6 Plus에서 Medium Overhang을 사용합니다.

이것은 Large Overhang을 사용합니다.

이것은 Small Overhang을 사용합니다.

이동하는

모바일용 로고를 추가했습니다.

이것은 큰 오버행이 있는 반응형을 사용합니다.

이것은 iPhone 6 Plus와 함께 Large Overhang을 사용합니다.

가로 모드의 iPhone 6 Plus입니다.

갤럭시노트3 입니다.

가로 모드의 Galaxy Note 3입니다. 모바일에서 귀하의 사이트에 가장 적합한 선택을 찾기 위해 돌출부를 실험해야 할 수도 있습니다.

WooCommerce 제품 페이지

WooCommerce 제품 페이지에서도 작동합니다. 기본적으로 일반 페이지와 동일하게 작동하므로 설정할 사항이 없습니다. 큰 오버행이 있는 일반 로고입니다.

프로젝트 페이지

Divi 로고 관리자는 기본적으로 프로젝트 페이지에서도 작동합니다. 다음은 새로운 데스크탑 로고가 있는 프로젝트 페이지입니다. 일반 페이지와 마찬가지로 프로젝트 페이지에는 페이지당 로고를 선택할 수 있는 사용자 지정 기능이 포함되어 있습니다.

페이지 당

선택한 개별 페이지에만 표시되는 사용자 정의 로고를 선택할 수 있습니다. 비주얼 편집기에서 오른쪽에 Divi 로고 관리자라는 새로운 사용자 지정 영역이 표시됩니다. 여기에서 데스크톱, 모바일, 태블릿 및 스크롤에 대한 로고를 페이지별로 선택할 수 있습니다.

이 예에서는 새 제품을 만들었습니다. 이 제품은 표준 로고가 일치하지 않을 정도로 다른 제품과 다릅니다. 이 제품 페이지는 별도의 로고가 있는 이점을 누릴 수 있습니다.

다음은 이 페이지에 표시하기 위해 선택한 로고입니다.

다음은 Large Overhang을 사용하는 데스크탑 로고입니다.

다음은 스크롤 로고입니다.

iPhone 6 Plus를 사용한 모바일 로고입니다.

가로 모드의 iPhone 6 Plus입니다.

다음은 Nexus 10을 사용하는 태블릿 로고입니다.

원래 페이지로 돌아가기... 이 페이지에만 표시하고 싶은 스크롤용 새 로고를 추가했습니다.

이 페이지는 이제 스크롤 시 사용자 정의 로고를 사용합니다.

라이선스, 업데이트 및 지원

플러그인은 귀하와 귀하의 클라이언트를 위해 무제한 웹사이트에 설치할 수 있습니다. 여기에는 평생 업데이트와 6개월 지원이 포함됩니다.

자세한 내용은 KiwiWeb.co.uk에서 게시자의 웹사이트를 참조하십시오.

마지막 생각들

Divi 로고 관리자는 사용하기 쉽고 간단합니다. 장치별, 스크롤용으로 표시할 로고를 선택하고 돌출량을 설정하기만 하면 됩니다. 로고는 각 페이지에 대해 개별적으로 덮어쓸 수 있습니다. 돌출부는 약간의 재미를 더하고 사이트를 돋보이게 만드는 좋은 방법입니다. 돌출부는 원하는 만큼 숨겨지거나 명백할 수 있습니다. 돌출 기능만으로도 플러그인을 사용할 가치가 있습니다.

장치를 기반으로 로고를 선택하거나 스크롤할 때 로고를 변경하거나 돌출 기능을 추가하는 데 관심이 있다면 Divi 로고 관리자가 필요한 플러그인일 수 있습니다.

여러분의 의견을 듣고 싶습니다. Divi 로고 매니저를 사용해 보셨습니까? 아래 의견에 어떻게 생각하는지 알려주십시오!

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