7 najlepszych wtyczek WordPress Icon Box (bezpłatnych i płatnych)

Projekt Icon Box to najlepszy sposób na zaprezentowanie zwięzłego opisu Twoich produktów lub usług. Prezentowanie informacji w formie pudełka może być atrakcyjnym sposobem zaprezentowania treści. Jeśli jednak chcesz utworzyć ten projekt na swoich stronach WordPress, potrzebujesz pomocy wtyczki z ikonami.

Ale jeśli chodzi o wtyczki, może być wiele opcji. I właśnie o tym jest ten post: czytaj dalej, aby dowiedzieć się o najlepszych wtyczkach do ikon WordPress!

Co to jest pole ikon?

Pole ikon przypomina pole funkcji. Zasadniczo umożliwia zaprezentowanie kluczowych informacji na karcie w kształcie pudełka.

Zwykle użytkownicy serwisu nie będą zadowoleni z rozbudowanego opisu Twoich usług lub produktów. Możesz jednak łatwo uprościć to żmudne doświadczenie na swojej stronie WordPress za pomocą wtyczki z ikoną.

Umożliwia wyświetlenie pola zawartości, w którym zazwyczaj znajduje się ikona przytrzymywana po dotknięciu oraz inne elementy, takie jak tytuł, opis i przycisk. Dobra wtyczka pozwala dostosować elementy pola ikon, aby intuicyjnie podkreślić podstawowe USP (unikalny punkt sprzedaży).

Dowiedzmy się więc o najlepszych wtyczkach do ikonek…

Top 7 wtyczek WordPress Icon Box

Oto nasza starannie wybrana kolekcja wtyczek z ikonami. Przetestowaliśmy‌ te wtyczki i próbowaliśmy wykorzystać wszystkie funkcje. Pamiętaj, że wtyczki, które będziemy udostępniać, stanowią mieszankę opcji bezpłatnych i płatnych.

1. Widżet pola ikon ElementsKit

Statystyki wtyczki:

• Aktywna instalacja: ponad milion (wersja bezpłatna)
• Ocena: 5,0 lub wyższa
• Najlepiej nadaje się do : Uniwersalnego pudełka z ikonami.

ElementsKit to kompletna i uniwersalna wtyczka z ikonami, za pomocą której możesz oferować atrakcyjne wizualnie pola z informacjami lub funkcjami w dowolnym miejscu witryny WordPress. Tę funkcję znajdziesz jako widżet we wtyczce ElementsKit.

Widget ElementsKit Icon Box ułatwia wszystko, takie jak ikona, tytuł, opis, przycisk i inne unikalne funkcje, takie jak plakietka i znak wodny . Dużą zaletą tej wtyczki pod względem funkcjonalności pola ikon jest jej obszerna kolekcja ikon. Będziesz mieć dostęp do Font Awesome – Regular, Font Awesome – Solid, Font Awesome – Brands i Pakiet ikon ElementsKit.

Ponadto ElementsKit zapewnia także kilka efektów animacji po najechaniu kursorem. Możesz zastosować go indywidualnie do ikon lub całego pola ikon. Dzięki temu będziesz mieć jeszcze potężniejsze funkcje podczas wyświetlania najważniejszej części swoich produktów lub usług.

Plusy:

• Prześlij ikonę SVG ze swojego urządzenia.
• Z łatwością umieść je w układzie strony.
• Obszerne kolekcje ikon.
• Włączanie znaku wodnego dla pola ikon.
• Dodaj i dostosuj plakietkę i obramowanie.
• Włącz przycisk tylko dla najechania myszką.
• Stylizuj pole ikony za pomocą nakładki tła.
• Dostępny jako darmowy widget wtyczki ElementsKit.

Cons:

• Dostępny jako dodatek innej firmy.

2. Widżet pola ikon Elementora

Statystyki wtyczki:

• Aktywna instalacja: ponad 5 milionów (wersja bezpłatna)
• Ocena: 4,6 lub wyższa
• Najlepiej nadaje się do : Uniwersalnego pudełka z ikonami.

Kolejną bezpłatną wtyczką, której możesz używać w witrynie WordPress, jest Elementor Icon Widget. W tej wtyczce podobało mi się to, że nie musisz instalować żadnych dodatkowych wtyczek, tak jak w przypadku ElementsKit. Gdzie musisz mieć zainstalowany zarówno Elementor, jak i ElementsKIt. Interfejs użytkownika jest przyjazny dla początkujących.

Jednak w Elementorze brakuje niektórych zaawansowanych funkcji ElementsKit, takich jak przyciski, plakietki i znaki wodne. Będzie dobrze działać, aby wyświetlić minimalne okno z ikonami. Tak jakbyś nie mógł nigdzie nawigować odwiedzających, ponieważ nie ma funkcji przycisku.

Jeśli chodzi o dodawanie efektów najechania kursorem na pole ikony w Elementor Builder, otrzymasz niewielkie wsparcie. I nie byłoby żadnych efektów animacji otwarcia po najechaniu myszką, jak w naszym najlepszym zestawie ElementsKit. Jednak pole ikon Elementora może być przydatne w pracy i ma wystarczające funkcje dostosowywania.

Plusy:

• Dostosuj ikonę i określ jej lokalizację.
• Zastosuj efekty animacji po najechaniu myszką.
• Uzyskaj opcje stylizacji typografii.
• Pole ikon responsywne dla urządzeń mobilnych.

Cons:

• Nie można dodać żadnej plakietki, znaku wodnego ani przycisku.

3. Panele Colorbox i skrzynka informacyjna

Statystyki wtyczki:

• Aktywna instalacja: ponad 1000
• Ocena: 4,6 lub wyższa
• Najlepiej nadaje się do : Uniwersalnego pudełka z ikonami.

Kiedy testowaliśmy tę wtyczkę opartą na bootstrapie, była ona kompatybilna ze wszystkimi typami urządzeń. Największą wadą, jaką znalazłem, był bardzo skomplikowany interfejs użytkownika. Chociaż zapewnia funkcję WYSIWYG, może zapewnić intuicyjną obsługę.

Niemniej jednak za pomocą tej wtyczki możesz utworzyć pole ikon, takie jak pole zespołu, pole informacyjne lub pole funkcji.

Plusy:

• Dostępny z szeroką gamą kolorów.
• Ułatwia pięć układów pudełek.
• Obsługuje ikonę Font Awesome i jest zintegrowana z selektorem ikon.
• Zintegrowany z kreatorem typu „przeciągnij i upuść”.
• Dostępne z efektem muru i izotopem.
• Dwie różne opcje wyświetlania ikon.

Cons:

• Nie dołączaj żadnych dostosowań typografii ani ikon.
• Nie można przesłać własnej ikony.
• Większość funkcji jest dostępna w wersji pro.

4. Pudełko z ikoną Betheme

Statystyki wtyczki:

• Najlepiej nadaje się do : Uniwersalnego pudełka z ikonami.

Ten element pola ikon jest obsługiwany przez wtyczkę Betheme Builder. Jeśli chcesz umieścić ikony w różnych miejscach pudełka, ta wtyczka zrobi to za Ciebie. Możesz także zastosować intuicyjne efekty najechania na pole ikony. Szczególnym efektem animacji jest to, że całe pole porusza się po najechaniu na nie kursorem myszy.

Jednak aby uzyskać wszystkie te funkcje, musisz zapłacić, ponieważ ta wtyczka nie jest dostępna w bezpłatnej wersji. Inwestycja nie będzie się opłacać, ponieważ istnieją bezpłatne alternatywy w tej samej cenie.

Plusy:

• Wybierz ikonę z biblioteki lub dodaj własną.
• Ustaw inne położenie ikony.
• Twórz responsywne pola ikon dla wszystkich urządzeń.
• Zastosuj wszechstronne efekty animacji najechania myszką.
• Przesuń całe pole ikon po najechaniu kursorem.

Cons:

• Trzeba zapłacić za pełny plan.

5. Prezentacja skrzynki serwisowej

Statystyki wtyczki:

• Aktywna instalacja: ponad 5000
• Ocena: 4,8 lub wyższa
• Najlepiej nadaje się do : Pudełko z ikonami oparte na usługach.

Wtyczka Service Box Showcase umożliwia łatwe zaprojektowanie pudełka z ikonami przy użyciu gotowego szablonu. Można go wykorzystać do atrakcyjnej prezentacji usługi zgodnie z zdefiniowaną jej nazwą.

Ten pulpit nawigacyjny wtyczek zawiera różne przydatne ustawienia, ale tylko kilka jest dostępnych w wersji darmowej. Możesz zaprojektować responsywne pudełko z ikonami, które będzie również kompatybilne ze wszystkimi przeglądarkami.

Kolejną dobrą rzeczą we wtyczce Service Box Showcase jest to, że pozwala dodać przycisk Czytaj więcej, który jest dostępny tylko w wersji pro poprzedniej wtyczki.

Plusy:

• Obsługuje ikonę Font Awesome i selektor ikon.
• Zintegrowany z interfejsem API typu „przeciągnij i upuść”.
• Ułatwia przeciąganie elementów FAQ w celu łatwego sortowania.
• Wybierz wyświetlanie ikony i przeczytaj więcej przycisków.
• Udostępnia style karuzelowe dla pola ikon.
• Udostępnia opcje dostosowywania tekstu tytułu i przycisku.

Cons:

• Opracowany w jednym celu.
• Większość funkcji jest dostępna w wersji pro.

6. Skrzynka serwisowa

Aktywna instalacja : 500+

Ocena : 5,0

Najlepiej nadaje się do : Pudełko z ikonami oparte na usługach.

Service Box to prosta wtyczka do skrzynek z ikonami. Działa wyjątkowo dobrze do wyświetlania informacji o usługach. Oprócz pokazywania wszechstronnych stylów usług, oferuje pokazanie Twojej usługi w widoku siatki i suwaka. Można także grupować skrzynki serwisowe.

Plusy:

• Zaprezentuj swoją usługę w widoku siatki i suwaka.
• Zastosuj spośród 16 różnych stylów.
• Grupuj skrzynki usługowe.
• Dodaj kolor tła i obraz.
• Dodaj przycisk z polem ikon.
• Stylizuj typografię pudełka z ikonami.

Cons:

• Opracowany głównie do tworzenia skrzynek z ikonami opartymi na usługach.
• Nie można dodać plakietki ani znaku wodnego.

7. Pole informacyjne (blok Gutenberga)

Aktywna instalacja : 1000+

Ocena : 5,0

Najlepiej nadaje się do : Uniwersalnego pudełka z ikonami.

Ostatnią wtyczką, którą chcemy dodać do tej listy, jest Info Box, ta wtyczka WordPress została opracowana dla edytora Gutenberga. Pozwala stworzyć całkowicie spersonalizowane pole ikon dla Twojej witryny Gutenberg.

Możesz rozpocząć tworzenie animowanego pola ikon z różnymi gotowymi układami. Zapewnia kontrolę nad ustawieniem położenia każdego elementu treści z osobna. Ułatwia także wszystkie funkcje dostosowywania każdego elementu w polu ikon. Ogólnie rzecz biorąc, jest to kompletne rozwiązanie dla pudełka z ikonami.

Plusy:

• Intuicyjny interfejs oparty na Gutenbergu.
• Może wyświetlać obraz zamiast ikony.
• Uzyskaj funkcje dostosowywania, aby nadać styl ikonie.
• Uzyskaj kontrolę nad stylizacją wszystkich elementów, takich jak tytuł, podtytuł i przycisk.

Cons:

• Nie mają żadnej plakietki ani znaku wodnego.

Jak wybrać najlepszą wtyczkę WordPress Icon Box

Czy nadal nie masz pewności co do wyboru najlepszej wtyczki WordPress do zaprojektowania pola ikon? Zwykle otrzymujemy wiele opcji wtyczek dla dowolnych wymagań WordPress. Jednak nie wszystkie wtyczki zapewniają określone wymagania i preferencje.

Poniżej przedstawiamy podstawowe wymagania minimalne dotyczące wyboru właściwej wtyczki wyświetlającej okno informacyjne.

Ustaw swoje wymagania

Jak już wiemy, pole ikon składa się z kilku elementów. Jednakże zebranie tego wszystkiego w jednym wiadrze jest przeważnie trudne. Co więcej, Twój projekt może mieć określone potrzeby, takie jak wyświetlanie plakietki lub znaku wodnego. Najważniejszą rzeczą jest to, że biblioteka ikon wtyczek powinna zawierać preferowaną ikonę i opcje obsługi przesyłania obrazu zamiast ikony.

Opcje dostosowywania

Jednym z głównych celów korzystania z wtyczki Icon Box jest uatrakcyjnienie określonej informacji. Być może masz już w głowie kilka pomysłów na stylizację. Dlatego personalizacja odgrywa ważną rolę. Możesz na przykład zastosować efekty najechania tylko na ikonę, a nie na całe pole. Dlatego przed zainstalowaniem tej ikony należy sprawdzić dostępność funkcji dostosowywania.

Interfejs użytkownika

Posiadanie złożonego pulpitu nawigacyjnego może utrudnić projektowanie pudełek z ikonami. W tym celu potrzebny jest interfejs użytkownika z łatwiejszą kontrolą ustawień. Powinieneś mieć wtyczkę z możliwością budowania WYSIWYG. Wtyczka Elementor lub ElementsKit umożliwia taką funkcję.

Gotowe układy

Gotowe układy pomagają nam łatwo uzyskać inspirację projektową i rozpocząć pracę w ciągu kilku minut. Niektóre wtyczki zapewniają profesjonalnie zaprojektowane układy ułatwiające pracę. Należy więc sprawdzić dostępność zestawu układów tej wtyczki ikony.

Elastyczny projekt

Responsywność pola ikon jest ważna, ponieważ musi być doskonale widoczna na wszystkich urządzeniach. Aby lepiej zrozumieć ustawienia responsywności, możesz zapoznać się z dokumentacją lub samouczkami.

Konflikty wtyczek

Często instalujemy wtyczkę o jednym przeznaczeniu, gdy potrzebujemy projektu takiego jak pole z ikonami. Takie postępowanie zwiększy liczbę wtyczek i może również powodować konflikty między wtyczkami. Jakie może być zatem rozwiązanie? Najlepszą praktyką jest posiadanie wtyczki z różnymi funkcjami. Na przykład użycie ElementsKit może zaspokoić różne potrzeby związane z projektem witryny internetowej, w tym polami ikon.

Ostatnie słowa

Wszystkie wtyczki na tej liście są korzystne na swój sposób. Wszystkie pomagają tworzyć wspaniałe pudełka z ikonami dla witryn WordPress. Następnie chodzi o Twoje osobiste preferencje dotyczące funkcji i interfejsu użytkownika.

Większość wtyczek na tej liście jest bezpłatna, więc powinieneś je wypróbować i znaleźć taką, z której będziesz mógł korzystać praktycznie. Będzie to odpowiedni sposób na znalezienie najlepszej wtyczki do skrzynki ikon WordPress.