Divi 플러그인 하이라이트: Divi Icons Pro

Divi Icons Pro는 2500개 이상의 아이콘과 여러 관련 기능을 Divi Builder에 추가하는 타사 플러그인입니다. 여러 구매 옵션이 제공되며 300개 이상의 사용자 정의 아이콘이 있는 무료 옵션도 포함되어 있습니다. 이 Divi 플러그인 하이라이트에서는 플러그인의 프로 버전을 살펴보고 무엇을 할 수 있는지 알아보겠습니다.

Divi Icons Pro 정보

Divi Icons Pro는 다음을 포함하여 Divi에 많은 새로운 아이콘 기능을 추가합니다.

• 2500개 이상의 새로운 아이콘
• 360 사용자 정의 선 스타일 아이콘
• 74개 카테고리 및 각각 4가지 스타일의 1295개의 멋진 글꼴 아이콘
• 16개 카테고리 및 각각 5개 스타일의 900개 머티리얼 디자인 아이콘
• Divi Builder 통합
• Divi 모듈의 아이콘 검색 기능
• Divi 모듈의 아이콘 필터는 제품군별로 선택하거나 아이콘 이름을 입력합니다.

아이콘은 Divi 빌더에 통합되며 Divi의 기본 아이콘과 동일하게 작동하므로 아이콘을 사용하는 모든 Divi 모듈로 스타일을 지정할 수 있습니다. Divi 빌더의 모든 아이콘과 마찬가지로 색상과 크기를 사용자 정의하고 모듈 컨트롤로 표시되는 위치를 설정하고 원이나 테두리를 추가할 수 있습니다.

Divi 아이콘 프로 설치

다운로드 파일의 압축을 풉니다. 내부에서 플러그인과 지침을 찾을 수 있습니다. 정상적으로 플러그인을 업로드하고 활성화합니다.

대시보드 메뉴에서 설정 > Divi Icons PRO 활성화 로 이동하여 API 키를 활성화 합니다. 이제 플러그인의 프로 버전을 사용할 수 있습니다. 아이콘은 자동으로 Divi Builder에 통합되므로 테마 옵션에서 기본 설정을 사용자 지정하지 않는 한 다른 작업을 수행할 필요가 없습니다.

Divi 아이콘 Pro Divi 테마 옵션

아이콘은 기본적으로 활성화되어 있지만 원하는 아이콘 패밀리를 활성화 또는 비활성화하고 웹사이트에 로드하는 방법을 선택할 수 있습니다. 새로운 Divi Icons Pro 탭이 Divi 테마 옵션에 추가되었습니다. 여기에서 사용하려는 아이콘 패밀리를 선택할 수 있습니다. CDN에서 Font Awesome 및 Google Material Icon Fonts를 로드하도록 선택할 수도 있습니다.

Divi 아이콘 프로 아이콘

아이콘, 필터 및 검색 기능은 아이콘을 사용하는 Divi 모듈에 자동으로 추가됩니다. 이것은 Line Style Icons, Font Awesome, Material Design Icons의 아이콘을 보여주는 3개의 광고 모듈입니다.

Divi 아이콘 프로 검색

검색 기능을 사용하면 직관적인 단어를 사용하여 아이콘을 찾을 수 있습니다. 아이콘의 이름을 알 필요는 없습니다. 검색하려는 키워드를 입력하기만 하면 아이콘 선택 영역에 아이콘이 나타납니다. 필터에서 브랜드를 선택하여 원하는 경우 브랜드별로 검색 범위를 좁힐 수 있습니다. 일부 아이콘이 검색 결과에 표시되지 않아 검색이 완벽하지는 않지만 충분히 작동했습니다. Font Awesome 및 Material Icons의 일부 아이콘은 이름이 올바르지 않을 수 있습니다.

Divi 아이콘 프로 필터

아이콘을 필터링하거나 모두 볼 수 있습니다. 필터는 특정 브랜드 또는 제품군의 아이콘을 표시합니다. 특정 브랜드를 보려면 보고 싶은 브랜드의 레이블이 있는 버튼을 클릭하기만 하면 됩니다. 다른 모든 아이콘을 필터링합니다. 이 예는 우아한 테마 아이콘의 작은 샘플을 보여줍니다.

다음은 선 스타일 아이콘의 샘플입니다. 다른 아이콘보다 얇아서 단독으로 더 잘 작동하는 경향이 있습니다. 나는 다른 사람들과 함께 시도했고 어떤 경우에는 함께 작동합니다. 무엇이 당신에게 효과가 있는지 알아보는 것은 가치가 있습니다. 아이콘은 잘 디자인되었으며 브랜드 중에서 내가 가장 좋아하는 것 중 일부입니다.

다음은 Font Awesome 아이콘의 작은 샘플입니다.

다음은 머티리얼 디자인 아이콘의 작은 샘플입니다.

Divi 아이콘 프로 예

이 예에서는 리조트 레이아웃의 이미지를 선 스타일 아이콘으로 교체했습니다. 파란색으로 설정하고 크기를 48픽셀로 변경했습니다. 아이콘은 레이아웃에서 멋지게 보입니다.

이번에는 아이콘 위치를 상단에서 왼쪽으로 변경했습니다. 또한 크기를 30px로 변경하고 각 광고 문구의 중앙에 패딩 50px를 추가했습니다.

이 예에서는 바닥글의 소셜 미디어 모듈을 광고 문구로 교체하여 나만의 아이콘을 선택하고 스타일을 지정할 수 있었습니다. 이 모든 것은 Font Awesome에서 가져온 것입니다. 네트워크 브랜딩과 일치하도록 색상을 설정하고 크기를 52px로 변경했으며 가운데에 맞추기 위해 오른쪽에 30px의 패딩을 추가했습니다.

이번에는 아이콘을 흰색으로 변경하고 배경을 브랜드 색상으로 만들어 봤습니다. 아이콘을 중앙에 배치하기 위해 상자 그림자를 추가하고 패딩을 추가했습니다. 또한 주황색 버튼에 패딩을 추가하여 소셜 아이콘의 너비와 일치하도록 넓혔습니다. 아이콘은 레이아웃 디자인과 잘 어울립니다.

이것은 주택 개선 레이아웃을 사용합니다. 이미지를 다른 글꼴 모음을 사용하는 아이콘과 광고 문구로 교체했습니다. 광고 문구의 왼쪽에 표시되도록 설정되어 있습니다. 아이콘은 50px입니다. 이 예에서 "페인트"에 대한 Font Awesome 아이콘을 검색한 것을 볼 수 있습니다.

이것들은 이미 아이콘이 있는 광고였기 때문에 그냥 선택하고 동일한 주제를 검색하고 다른 아이콘을 선택했습니다.

이것은 아이콘에 원을 추가합니다. 레이아웃의 배경과 일치하도록 원을 흰색으로 만들고 원의 색상을 아이콘과 일치하도록 했습니다.

아이콘은 버튼과 함께 작동하지만 Visual Builder에는 표시되지 않습니다. 그들은 실제 웹 사이트에서 잘 작동합니다.

레이아웃 내의 버튼에 있는 아이콘은 다음과 같습니다. 그것은 잘 작동합니다.

다음은 버튼에서 어떻게 보이는지 볼 수 있도록 자세히 보기입니다.

이 예에서는 법률 보조원 레이아웃 내에서 이미지를 광고 문구로 교체했습니다. 주제에 맞는 아이콘을 찾았고, 돈 아이콘을 제외하고는 원본 그래픽의 색상을 사용했습니다.

이 예에서는 Butcher 레이아웃의 이미지를 아이콘으로 교체했습니다. 제목 텍스트의 빨간색을 사용하고 아이콘 글꼴 크기를 84px로 설정했습니다.

각 광고 문구에 배경색과 상자 그림자를 추가했습니다. 레이아웃 내에서 멋지게 보입니다. 나는 그것의 호버 효과를 보여주기 위해 중앙의 광고 문구 위로 마우스를 가져가고 있습니다. 다른 항목보다 위로 올라가 아이콘을 포함한 콘텐츠가 오른쪽으로 이동합니다.

Divi 아이콘 프로 가격

플러그인과 함께 사용하려는 사이트 수에 따라 몇 가지 구매 옵션이 있습니다. 여기에는 6개월 지원 및 평생 업데이트가 포함됩니다. 개발자 웹 사이트에서 Divi Icon Pro를 구입할 수 있습니다.

• 일반 라이선스(1개 사이트) – €25.00
• 확장 라이선스(무제한 사이트) – €65.00

360도 선 스타일 아이콘이 포함된 무료 버전도 있습니다. 여기에는 지원이나 업데이트가 포함되지 않습니다.

Divi 아이콘 프로 문서

설명서는 다운로드 파일에 포함되어 있지만 온라인으로도 액세스할 수 있습니다. 설명서는 플러그인을 설치하고 아이콘과 기능을 사용하는 과정을 자세히 설명하고 있습니다. 또한 FAQ 및 지원을 받을 수 있는 링크가 포함되어 있습니다. 링크에는 소셜 미디어의 Divi 커뮤니티와 지원 티켓을 생성할 수 있는 링크가 있는 계정이 포함됩니다.

마무리 생각

아이콘 플러그인은 Divi Builder에 새 아이콘을 추가하는 가장 쉬운 방법이며 Divi Icons Pro는 가장 쉽습니다. 여기에는 많은 아이콘이 포함되어 있으며 특정 브랜드의 아이콘을 활성화하거나 비활성화하여 모듈에 표시되는 내용을 더 잘 제어할 수 있습니다. 필터 및 검색 기능이 마음에 듭니다. 작업한 모든 주제에 대한 아이콘을 찾을 수 있었습니다.

내가 가진 유일한 문제는 Visual Builder를 사용할 때 아이콘이 버튼에 표시되고 싶지 않다는 것이지만 Classic Builder에서는 훌륭하게 작동했으며 웹 사이트에는 잘 나타납니다. 일부 아이콘이 검색 결과에 나타나지 않았지만 아이콘 개발자가 아이콘 이름을 지정하는 방식이 더 문제라고 생각합니다. 이러한 문제는 사소한 것이며 플러그인을 사용하거나 권장하지 않습니다.

Divi Icons Pro는 사용하기 쉬우며 거의 노력하지 않고도 수많은 새로운 아이콘을 추가할 수 있습니다. Divi 빌더에 더 많은 아이콘을 추가하는 데 관심이 있다면 Divi Icons Pro를 살펴보세요.

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

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