Podświetlenie wtyczki Divi: Divi Icons Pro

Divi Icons Pro to wtyczka innej firmy, która dodaje ponad 2500 ikon i kilka powiązanych funkcji do Divi Builder. Zawiera kilka opcji zakupu, a nawet zawiera bezpłatną opcję z ponad trzystoma niestandardowymi ikonami. W tym wyróżnieniu wtyczki Divi przyjrzę się wersji pro wtyczki i zobaczę, co może zrobić.

Informacje o ikonach Divi Pro

Divi Icons Pro dodaje wiele nowych funkcji ikon do Divi, w tym:

• Ponad 2500 nowych ikon
• 360 niestandardowych ikon stylu linii
• 1295 ikon Font Awesome w 74 kategoriach i 4 stylach każda
• 900 ikon Material Design w 16 kategoriach i 5 stylach każda
• Integracja Divi Builder
• Funkcja wyszukiwania ikon w modułach Divi
• Filtr ikon w modułach Divi do wyboru według rodziny lub wpisz nazwę ikony

Ikony integrują się z konstruktorem Divi i działają tak samo, jak natywne ikony Divi, dzięki czemu można je stylizować za pomocą dowolnego modułu Divi, który używa ikon. Podobnie jak każda ikona w konstruktorze Divi, możesz dostosować kolor i rozmiar, ustawić miejsce wyświetlania za pomocą elementów sterujących modułu i dodać okrąg lub ramkę.

Instalacja Divi Icons Pro

Rozpakuj pobrany plik. Wewnątrz znajdziesz wtyczkę i instrukcje. Prześlij i aktywuj wtyczkę jak zwykle.

Aktywuj klucz API, przechodząc do Ustawienia > Aktywacja Divi Icons PRO w menu pulpitu nawigacyjnego. Możesz teraz korzystać z wersji pro wtyczki. Ikony są automatycznie integrowane z Divi Builder, więc nie musisz nic więcej robić, chyba że chcesz dostosować domyślne ustawienia w opcjach motywu.

Divi Icons Pro Opcje motywu Divi

Ikony są domyślnie włączone, ale możesz włączyć lub wyłączyć wybrane rodziny ikon i wybrać sposób ich wczytywania do serwisu WWW. Do opcji motywu Divi dodano nową kartę Divi Icons Pro. Tutaj możesz wybrać rodziny ikon, których chcesz użyć. Możesz także załadować czcionki Font Awesome i Google Material Icon Fonts z CDN.

Ikony Divi Pro Ikony

Ikony, filtry i funkcja wyszukiwania są automatycznie dodawane do modułów Divi, które używają ikon. To są trzy moduły notki przedstawiające ikonę ikon stylu linii, niesamowitej czcionki i ikon projektowania materiałów.

Wyszukiwanie ikon Divi Pro

Funkcja wyszukiwania umożliwia znajdowanie ikon za pomocą intuicyjnych słów. Nie musisz znać nazwy ikony. Wystarczy wpisać słowo kluczowe, które chcesz wyszukać, a ikony pojawią się w obszarze wyboru ikon. Możesz zawęzić wyszukiwanie według marki, jeśli chcesz, wybierając markę w filtrze. Niektóre ikony nie pojawiły się w wynikach wyszukiwania, więc wyszukiwanie nie jest idealne, ale zadziałało wystarczająco dobrze. Niektóre ikony z Font Awesome i Material Icons mogą nie być dobrze nazwane.

Filtr Divi Icons Pro

Możesz filtrować ikony lub zobaczyć je wszystkie. Filtr pokazuje ikony z tej konkretnej marki lub rodziny. Aby zobaczyć konkretne marki, wystarczy kliknąć przycisk z etykietą marki, którą chcesz zobaczyć. Odfiltruje wszystkie inne ikony. Ten przykład przedstawia małą próbkę eleganckich ikon motywów.

Oto próbka ikon stylów linii. Są cieńsze niż inne ikony, więc same działają lepiej. Próbowałem ich z innymi i w niektórych przypadkach pracują razem. Warto spróbować zobaczyć, co działa dla Ciebie. Ikony są dobrze zaprojektowane i należą do moich ulubionych marek.

Oto mała próbka ikon Font Awesome.

Oto mała próbka ikon Material Design.

Przykłady ikon Divi Pro

W tym przykładzie zastąpiłem obrazy w układzie Resort ikonami stylu linii. Ustawiłem je na niebieski i zmieniłem rozmiar na 48 pikseli. Ikony świetnie prezentują się w układzie.

W tym przypadku zmieniłem położenie ikony z góry na lewą stronę. Zmieniłem również rozmiar na 30 pikseli i dodałem 50 pikseli dopełnienia, aby wyśrodkować każdą notkę.

W tym przykładzie zastąpiłem moduł mediów społecznościowych w stopce notkami, aby móc wybrać własne ikony i je ostylować. Wszystkie te pochodzą z Font Awesome. Ustawiłem kolory tak, aby pasowały do ​​brandingu sieci, zmieniłem rozmiar na 52px i dodałem 30px wypełnienia po prawej stronie, aby je wyśrodkować.

Tym razem zmieniłem ikonę na biały i uczyniłem tło kolorem brandowym. Dodałem cień pudełka i dodałem trochę dopełnienia, aby wyśrodkować ikony. Dodałem również dopełnienie pomarańczowego przycisku, aby go poszerzyć, aby pasował do szerokości ikon społecznościowych. Ikony dobrze komponują się z projektem układu.

Ten używa układu Home Improvement. Zamieniłem obrazy na notki i kombinację ikon używających różnych rodzin czcionek. Są ustawione do wyświetlania po lewej stronie notki. Ikony mają rozmiar 50 pikseli. W tym przykładzie widać, że szukałem ikon Font Awesome dla „farby”.

Były to już notki z ikonami, więc po prostu je wybierałem, szukałem tych samych tematów i wybierałem różne ikony.

Ten dodaje kółko do ikon. Ustawiłem okrąg na biały, aby pasował do tła układu, a jego kolor pasował do ikon.

Ikony działają z przyciskami, ale nie są wyświetlane w programie Visual Builder. Działają dobrze na rzeczywistej stronie internetowej.

Oto ikona na przycisku w układzie. Działa dobrze.

Oto bliższy widok, dzięki któremu możesz zobaczyć, jak wygląda na przycisku.

W tym przykładzie zastąpiłem obrazy notkami w układzie Paralegal. Szukałem ikon pasujących do tematu i, z wyjątkiem ikony pieniędzy, użyłem kolorów z oryginalnej grafiki.

W tym przykładzie zastąpiłem obrazy w układzie Butcher ikonami. Użyłem czerwieni z tekstu tytułowego i ustawiłem rozmiar czcionki ikony na 84px.

Do każdego z notatek dodałem kolor tła i cień pudełka. Świetnie wygląda w układzie. Najeżdżam na notkę pośrodku, aby pokazać efekt najechania. Wznosi się ponad inne, a treść, w tym ikony, przesuwa się w prawo.

Divi Icons Pro Cena

Istnieje kilka opcji zakupu w zależności od tego, ile witryn chcesz używać z wtyczką. Obejmują one wsparcie przez 6 miesięcy i dożywotnie aktualizacje. Możesz kupić Divi Icon Pro ze strony programisty.

• Licencja zwykła (1 strona) – 25,00 €
• Licencja rozszerzona (nieograniczona liczba stron) – 65,00 €

Dostępna jest również darmowa wersja, która zawiera ikony stylu linii 360. Nie obejmuje wsparcia ani aktualizacji.

Dokumentacja Divi Icon Pro

Dokumentacja jest dołączona do pobieranego pliku, ale można również uzyskać do niej dostęp online. Dokumentacja jest szczegółowa i prowadzi przez instalację wtyczki oraz korzystanie z ikon i funkcji. Zawiera również często zadawane pytania i linki do uzyskania wsparcia. Linki obejmują społeczności Divi w mediach społecznościowych i Twoje konto z linkiem do utworzenia zgłoszenia do pomocy technicznej.

Końcowe myśli

Wtyczki ikon to najprostszy sposób na dodawanie nowych ikon do Divi Builder, a Divi Icons Pro jest tak proste, jak to tylko możliwe. Zawiera wiele ikon i możesz włączyć lub wyłączyć określone marki ikon, aby mieć większą kontrolę nad tym, co pojawia się w modułach. Podoba mi się filtr i funkcja wyszukiwania. Udało mi się znaleźć ikonę dla każdego tematu, nad którym pracowałem.

Jedynymi problemami, jakie miałem, były ikony, które nie chciały być wyświetlane na przyciskach podczas korzystania z Visual Builder, ale działały świetnie w Classic Builder i wyświetlają się dobrze na stronie internetowej. Niektóre ikony nie pojawiły się w wynikach wyszukiwania, ale myślę, że jest to raczej kwestia tego, w jaki sposób ikony są nazywane przez twórców ikon. Te problemy są niewielkie i nie powstrzymują mnie przed używaniem lub polecaniem wtyczki.

Divi Icons Pro jest łatwy w użyciu i dodaje mnóstwo nowych ikon praktycznie bez wysiłku. Jeśli chcesz dodać więcej ikon do konstruktora Divi, Divi Icons Pro to wygląd pracy.

Chcemy usłyszeć od Ciebie. Czy próbowałeś Divi Icon Pro? Daj nam znać, co o tym myślisz w komentarzach.

Polecany obraz za pośrednictwem VectorsMarket / shutterstock.com