Divi 플러그인 하이라이트: WP 및 Divi 아이콘

WP 및 Divi 아이콘은 모든 WordPress 테마와 함께 작동하고 Divi Builder에 통합되는 WordPress용 타사 플러그인입니다. Divi와 함께 사용하기 위해 프로젝트에서 사용할 수 있는 독점 레이아웃이 포함되어 있습니다. 아이콘은 WordPress 편집기와 아이콘을 선택할 수 있는 모든 Divi 모듈에서 사용할 수 있습니다. 이 기사에서는 WP 및 Divi 아이콘을 살펴보고 군중과 차별화되는 요소를 살펴보겠습니다.

WP 및 Divi 아이콘은 WordPress에 2500개 이상의 아이콘을 추가합니다. 여기에는 Font Awesome 아이콘, Material Icons 및 48개의 멀티 컬러 아이콘을 포함한 450개의 맞춤형 디자인 아이콘이 포함됩니다. 무료 버전과 프로 버전 모두에서 사용할 수 있습니다. 프로 버전을 테스트 중입니다.

WP 및 Divi 아이콘 설치

정상적으로 플러그인을 업로드하고 활성화합니다. Divi 버전 3.17 및 WordPress 4.9.8과 함께 버전 1.1.0을 사용하고 있습니다.

다음으로 라이선스를 활성화해야 합니다. 활성화 화면으로 이동하거나 화면 상단에 표시되는 메시지를 클릭할 수 있습니다. 하지만 라이센스 키를 입력하면 이 페이지가 옵션 화면이 되기 때문에 여기로 이동하는 방법을 아는 것이 여전히 도움이 됩니다.

사용 중인 테마에 관계없이 화면으로 이동하려면 플러그인 목록의 플러그인 설명에서 지침 링크를 클릭하십시오. Divi를 사용하는 경우 대시보드의 Divi 메뉴에 WP 및 Divi 아이콘이라는 새로운 메뉴 항목이 추가됩니다. 이것을 클릭하고 라이센스 키를 입력하십시오.

멀티 컬러 아이콘 사용자 정의

라이센스 키를 입력하면 지침, 48가지 다중 색상 아이콘 목록 및 해당 아이콘에 대한 고유한 색상 구성표를 만드는 도구가 포함된 화면이 열립니다.

세 가지 색상을 제어할 수 있습니다. 색상 컨트롤을 조정하고 결과를 보려면 몇 초 동안 기다리십시오. 제거를 클릭하면 색 구성표가 삭제됩니다. 색상은 약간의 음영 효과를 추가하여 각 색상의 더 어두운 버전을 만들고 멋지게 보입니다.

색 구성표 추가를 클릭하면 조정할 수 있는 다중 색상 아이콘의 새로운 세트가 생성됩니다.

원하는 만큼 색 구성표를 추가합니다. 이렇게 하면 아이콘으로 할 수 있는 작업이 크게 확장됩니다. 컨트롤은 직관적입니다. 알고 보니 이게 약간 중독성이 있는 것 같았습니다.

모든 테마와 함께 WordPress에서 WP 및 Divi 아이콘 사용

테마에 아이콘을 사용하려면 WordPress 편집기에 추가된 새 아이콘을 선택합니다.

그러면 아이콘을 선택하고, 색상 필드에 색상을 입력하거나 색상 선택기를 사용하여 색상을 편집하고, 픽셀 단위로 숫자를 입력하거나 슬라이더를 사용하여 크기를 변경하고, 제목을 추가하고, 클래스를 추가할 수 있는 편집기가 열립니다. 아이콘을 검색할 수도 있습니다.

변경 사항은 실시간으로 표시됩니다. 이 예에서는 원하는 색상을 입력하고 크기를 106픽셀로 변경하고 이름을 Green Leaf로 변경했습니다.

확인을 클릭하면 콘텐츠에 아이콘이 추가됩니다.

아이콘을 두 번 클릭하여 편집기를 열고 변경합니다.

확인을 클릭하면 변경 내용이 콘텐츠 내의 아이콘에 반영됩니다.

이 편집기는 여러 색상의 아이콘을 편집하지 않습니다. 위에서 설명한 기본 설정 화면에서 편집해야 합니다. 여전히 이 편집기에서 선택하고, 크기를 변경하고, 제목을 추가하고, 클래스를 추가하고, 여기에서 콘텐츠에 삽입할 수 있습니다.

아이콘은 콘텐츠 내에서 멋지게 보입니다.

Divi Builder에서 WP 및 Divi 아이콘 사용하기

아이콘을 선택할 수 있는 모든 모듈에서 액세스할 수 있는 많은 새 아이콘이 Divi Builder에 추가되었습니다. 새로운 검색 기능이 추가되고 아이콘이 훨씬 커서 보기가 더 쉽습니다.

Font Awesome, Material 또는 사용자 지정 아이콘 중에서 선택할 수 있도록 필터가 추가되었으면 합니다. 이렇게 하면 다른 사람과 다른 것을 원할 경우 사용자 지정 아이콘을 쉽게 보고 Font Awesome 및 Material 아이콘을 무시하거나 Font Awesome 또는 Material Icons만으로 빌드하거나 내 아이콘을 선택적으로 혼합할 수 있습니다.

여기에는 단일 및 다중 색상 아이콘이 모두 포함됩니다.

검색 및 변경 아이콘은 프런트엔드에서 실시간으로 제공됩니다.

다른 Divi 아이콘처럼 조정할 수 있습니다.

프론트엔드 빌더에서 다양한 색상의 아이콘을 추가할 수도 있습니다. 여기에서 아이콘의 색상을 조정할 수는 없지만(다중 색상 아이콘 편집기에서 수행) 원을 추가하고 테두리를 추가하고 색상을 조정하고 모듈 설정에서 아이콘 크기를 조정할 수 있습니다.

이 예에서는 테두리가 있는 원을 추가했습니다.

프론트엔드와 백엔드 모두에서 사용할 수 있습니다.

WordPress 아이콘 편집기는 Divi 텍스트 모듈에서도 사용할 수 있습니다. 이 편집기는 모든 WordPress 테마와 정확히 동일하게 작동합니다.

WP 및 Divi 아이콘 레이아웃

플러그인은 모든 테마에서 작동하지만 Divi만을 위한 특별한 기능이 있습니다. Divi와 함께 사용할 때의 가장 큰 장점 중 하나는 독점적인 사용자 지정 레이아웃입니다. WP 및 Divi 아이콘을 사용하여 맞춤 설계되었으며 다운로드 링크는 플러그인 내에서만 사용할 수 있습니다. 플러그인이 있는 사람이라면 누구나 다운로드할 수 있으며 모든 프로젝트에서 사용할 수 있습니다. 스타일이 지정된 모듈이 많은 전체 레이아웃입니다.

이미 몇 가지를 사용할 수 있으며 몇 가지 더 진행 중입니다. 다음은 아이콘을 사용하는 방법에 중점을 두고 각 항목을 살펴보겠습니다. 개발자 데모 페이지에서 볼 수 있습니다.

전자상거래 레이아웃

이 레이아웃에는 회사에서 사용하는 결제 게이트웨이 및 배송 파트너 유형을 표시하는 거품이 있는 스타일이 지정된 헤더가 포함되어 있습니다. 다양한 색상의 아이콘은 제공되는 서비스를 보여줍니다. 작동 방식은 탭에 표시됩니다. 여기에는 가격표, 평가, FAQ 뉴스레터 가입 및 바닥글도 포함됩니다.

크리에이티브 에이전시 레이아웃

여기에는 스타일이 지정된 헤더, 제공하는 서비스 유형에 대한 영역, 포트폴리오, 작업 방식 및 취하는 단계를 다루는 슬라이더, 평가, 수상, 팀, 연락처 및 바닥글이 포함됩니다. 각진 모서리와 깊은 그림자 효과를 많이 사용합니다. 다양한 색상의 아이콘이 서비스를 표시합니다.

비즈니스 레이아웃 어둡게

이것은 한 쪽에 이미지가 있고 다른 쪽에 텍스트가 있는 2열 헤더가 있습니다. 귀하가 제공하는 서비스를 보여주는 섹션은 여러 색상의 아이콘을 사용하고 페이지 아래로 이미지와 텍스트를 번갈아 표시합니다. 다른 섹션은 큰 배경 텍스트를 사용하고 회사의 역사, 오버레이에 여러 색상의 아이콘이 있는 팀 구성원, 연락처 양식, 연락처 정보 및 바닥글을 보여줍니다.

비즈니스 레이아웃 라이트

이것은 Business Layout Dark와 동일한 레이아웃이지만 밝은 색상입니다.

비영리단체 레이아웃

이것은 오른쪽에 세로 메뉴가 있는 전체 화면 이미지 슬라이더를 표시하고 소셜 팔로우 버튼에 아이콘을 사용합니다. 이 아래의 얇은 섹션에는 기부 CTA가 표시됩니다. 또한 정보 섹션, 지원하는 원인, 이벤트 섹션, 프로젝트, 아이콘이 있는 안내문, 스폰서 및 바닥글이 포함됩니다.

라이선스 및 문서

가격은 한정판 무료, 단일 사이트 $39, 3개 사이트 $59, 무제한 사이트 $79입니다. 개발자 웹사이트에서 플러그인을 구입할 수 있습니다.

여기에는 프리미엄 지원과 3년의 업데이트가 포함됩니다. 문서는 개발자 웹사이트에서 제공됩니다.

마무리 생각

WP 및 Divi 아이콘은 사용하기 쉽습니다. Divi 모듈에서 아이콘을 클릭할 때 아이콘을 로드하는 데 몇 초가 더 걸립니다. 나는 이것이 주로 나의 느린 "국가 생활" 인터넷 연결 때문이라고 확신합니다. Divi 모듈에 필터가 추가되었으면 합니다. 검색 기능은 키워드를 기반으로 아이콘을 찾는 데 유용합니다.

Font Awesome 및 Material Icons를 추가하는 것이 마음에 들지만 가장 좋아하는 것은 사용자 정의 아이콘, 특히 다중 색상 아이콘입니다. 편집기는 사용하기 간단합니다. Divi가 없어도 훌륭한 플러그인이라고 생각하지만 무료 레이아웃 덕분에 Divi가 있으면 더욱 좋습니다.

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

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