Die 7 besten WordPress-Icon-Box-Plugins (kostenlos und kostenpflichtig)
Veröffentlicht: 2024-01-25Das Icon-Box-Design ist die beste Möglichkeit, eine prägnante Beschreibung Ihrer Produkte oder Dienstleistungen zu präsentieren. Die Präsentation Ihrer Informationen in einem kastenförmigen Design kann eine attraktive Möglichkeit sein, Ihre Inhalte zu präsentieren. Sie benötigen jedoch die Unterstützung eines Icon-Box-Plugins, wenn Sie dieses Design auf Ihren WordPress-Websites erstellen möchten.
Aber wenn es um Plugins geht, gibt es viele Möglichkeiten. Und genau darum geht es in diesem Beitrag: Lesen Sie weiter, um mehr über die besten WordPress-Icon-Box-Plugins zu erfahren!
Was ist eine Icon-Box?
Eine Symbolbox ist wie eine Feature-Box. Im Wesentlichen ermöglicht es Ihnen, wichtige Informationen auf einer kastenförmigen Karte darzustellen.
Normalerweise werden Website-Benutzer eine ausführliche Beschreibung Ihrer Dienstleistungen oder Produkte nicht zu schätzen wissen. Mit einem Icon-Box-Plugin können Sie diese mühsame Erfahrung auf Ihrer WordPress-Website jedoch ganz einfach vereinfachen.
Damit können Sie eine Box mit Inhalten anzeigen, in der Sie normalerweise ein Symbol sehen, das Sie beim Tippen gedrückt halten, sowie andere Elemente wie einen Titel, eine Beschreibung und eine Schaltfläche. Und mit einem guten Plugin können Sie die Elemente der Symbolbox anpassen, um Ihr grundlegendes Alleinstellungsmerkmal (Unique Selling Point) intuitiv hervorzuheben.
Lernen wir also die besten Icon-Box-Plugins kennen …
Die 7 besten WordPress-Icon-Box-Plugins
Hier ist unsere handverlesene Sammlung von Icon-Box-Plugins. Wir haben diese Plugins getestet und versucht, alle Funktionen zu nutzen. Beachten Sie, dass es sich bei den von uns angebotenen Plugins um eine Mischung aus kostenlosen und kostenpflichtigen Optionen handelt.
1. ElementsKit Icon Box-Widget
Plugin-Statistiken:
- Aktive Installation: 1+ Million (kostenlose Version)
- Bewertung: 5,0 oder höher
- Am besten geeignet für : Mehrzweck-Icon-Box.
ElementsKit ist eine vollständige und vielseitige Icon-Box-Plugin-Option, mit der Sie überall auf Ihrer WordPress-Website optisch ansprechende Info- oder Feature-Boxen anbieten können. Sie finden diese Funktion als Widget unter dem ElementsKit-Plugin.
Das ElementsKit Icon Box-Widget ermöglicht alles wie das Symbol, den Titel, die Beschreibung, die Schaltfläche und andere einzigartige Funktionen wie Abzeichen und Wasserzeichen . Der große Vorteil dieses Plugins in Bezug auf die Funktionalität der Symbolbox ist seine große Sammlung an Symbolen. Sie haben Zugriff auf Font Awesome-Regular, Font Awesome-Solid, Font Awesome-Brands und ElementsKit Icon Pack.
Darüber hinaus bietet ElementsKit auch mehrere Animationseffekte für Hover-Effekte. Sie können es einzeln auf Symbole oder auf die gesamte Symbolbox anwenden. So stehen Ihnen noch leistungsfähigere Funktionen zur Verfügung, während Sie den Schwerpunkt Ihrer Produkte oder Dienstleistungen darstellen.
Vorteile:
- Laden Sie ein SVG-Symbol von Ihrem Gerät hoch.
- Positionieren Sie sie einfach im Seitenlayout.
- Umfangreiche Icon-Sammlungen.
- Aktivieren eines Wasserzeichens für die Symbolbox.
- Abzeichen und Rahmen hinzufügen und anpassen.
- Aktivieren Sie die Schaltfläche nur zum Schweben.
- Gestalten Sie das Symbolfeld mit einer Hintergrundüberlagerung.
- Verfügbar als kostenloses Widget des ElementsKit-Plugins.
Nachteile:
- Kommt als Add-on eines Drittanbieters.
2. Elementor-Symbolbox-Widget
Plugin-Statistiken:
- Aktive Installation: 5+ Millionen (kostenlose Version)
- Bewertung: 4,6 oder höher
- Am besten geeignet für : Mehrzweck-Icon-Box.
Ein weiteres kostenloses Plugin, das Sie auf der WordPress-Site verwenden können, ist Elementor Icon Widget. Was mir an diesem Plugin gefallen hat, ist, dass Sie keine zusätzlichen Plugins installieren müssen, wie es bei ElementsKit der Fall ist. Wo Sie sowohl Elementor als auch ElementsKIt installiert haben müssen. Und die Benutzeroberfläche ist einsteigerfreundlich.
Allerdings fehlen in Elementor einige leistungsstarke Funktionen von ElementsKit wie Schaltflächen, Abzeichen oder Wasserzeichen. Es eignet sich gut zum Anzeigen einer minimalen Symbolbox. So können Sie die Besucher nirgendwohin navigieren, da die Schaltflächenfunktion nicht vorhanden ist.
Beim Hinzufügen von Hover-Effekten zur Icon-Box mit Elementor Builder erhalten Sie ein wenig Unterstützung. Und bei Hover-Effekten wie unserem Top-Element ElementsKit gäbe es keine Eröffnungsanimationseffekte. Allerdings kann die Elementor-Symbolbox praktisch zum Arbeiten sein und verfügt über genügend Anpassungsfunktionen.
Vorteile:
- Passen Sie das Symbol an und legen Sie seine Position fest.
- Wenden Sie Animationseffekte beim Schweben an.
- Erhalten Sie Styling-Optionen für Typografie.
- Auf Mobilgeräte reagierende Symbolbox.
Nachteile:
- Es können keine Abzeichen, Wasserzeichen oder Schaltflächen hinzugefügt werden.
3. Colorbox-Panels und Infobox
Plugin-Statistiken:
- Aktive Installation: 1.000+
- Bewertung: 4,6 oder höher
- Am besten geeignet für : Mehrzweck-Icon-Box.
Als wir dieses Bootstrap-basierte Plugin getestet haben, war es mit allen Gerätetypen kompatibel. Der größte Nachteil, den ich fand, war, dass die Benutzeroberfläche sehr komplex ist. Obwohl es eine WYSIWYG-Funktion bietet, kann es ein intuitives Erlebnis bieten.
Dennoch können Sie mit diesem Plugin eine Icon-Box wie eine Team-Box, eine Info-Box oder eine Feature-Box erstellen.
Vorteile:
- Kommt mit umfangreichen Farboptionen.
- Ermöglicht fünf Box-Layouts.
- Unterstützt das Font Awesome-Symbol und ist in die Symbolauswahl integriert.
- Integriert in den Drag-and-Drop-Builder.
- Erhältlich mit Mauerwerks- und Isotopeneffekten.
- Zwei verschiedene Optionen für die Symbolanzeige.
Nachteile:
- Es sind keine Typografie- und Symbolanpassungen enthalten.
- Sie können Ihr eigenes Symbol nicht hochladen.
- Die meisten Funktionen sind in der Pro-Version verfügbar.
4. Betheme-Symbolbox
Plugin-Statistiken:
- Am besten geeignet für : Mehrzweck-Icon-Box.
Dieses Icon-Box-Element wird vom Betheme Builder-Plugin unterstützt. Wenn Sie Symbole an verschiedenen Stellen innerhalb der Box platzieren möchten, kann dies dieses Plugin für Sie erledigen. Außerdem können Sie intuitive Hover-Effekte auf das Symbolfeld anwenden. Ein besonderer Animationseffekt besteht darin, dass sich das gesamte Feld bewegt, wenn Sie mit dem Mauszeiger darüber fahren.
Sie müssen jedoch bezahlen, um alle diese Funktionen nutzen zu können, da es für dieses Plugin keine kostenlose Version gibt. Und die Investition wird sich nicht lohnen, da es kostenlose Alternativen zum gleichen Preis gibt.
Vorteile:
- Wählen Sie ein Symbol aus der Bibliothek oder fügen Sie Ihr benutzerdefiniertes hinzu.
- Stellen Sie eine andere Positionierung des Symbols ein.
- Erstellen Sie reaktionsfähige Symbolfelder für alle Geräte.
- Wenden Sie vielseitige Hover-Animationseffekte an.
- Bewegen Sie das gesamte Symbolfeld beim Hover.
Nachteile:
- Der komplette Plan muss bezahlt werden.
5. Service-Box-Vitrine
Plugin-Statistiken:
- Aktive Installation: 5.000+
- Bewertung: 4,8 oder höher
- Am besten geeignet für : Servicebasierte Symbolbox.
Das Service Box Showcase-Plugin bietet eine mühelose Möglichkeit, eine Symbolbox mit einer vorgefertigten Vorlage zu entwerfen. Sie können es für eine attraktive Darstellung des Dienstes verwenden, da dessen Name definiert ist.
Dieses Plugin-Dashboard enthält verschiedene nützliche Einstellungen, von denen jedoch nur einige in der kostenlosen Version verfügbar sind. Am Ende können Sie eine responsive Symbolbox entwerfen, die auch mit allen Browsern kompatibel ist.
Eine weitere gute Sache am Service Box Showcase-Plugin ist, dass Sie damit eine Schaltfläche zum Weiterlesen hinzufügen können, die nur in der Pro-Version des vorherigen Plugins verfügbar ist.
Vorteile:
- Unterstützt Font Awesome-Symbole und Symbolauswahl.
- Integriert mit Drag-and-Drop-API.
- Ermöglicht das Ziehen von FAQ-Elementen zum einfachen Sortieren.
- Wählen Sie die Schaltflächen „Symbol“ und „Weitere Informationen“ aus.
- Stellt Karussellstile für die Symbolbox bereit.
- Bietet Anpassungsoptionen für Titel und Schaltflächentext.
Nachteile:
- Für einen einzigen Zweck entwickelt.
- Die meisten Funktionen sind in der Pro-Version verfügbar.
6. Servicebox
Aktive Installation : 500+
Bewertung : 5,0
Am besten geeignet für : Servicebasierte Symbolbox.
Service Box ist ein einfaches Plugin für Icon-Boxen. Es eignet sich hervorragend für die Anzeige Ihrer Serviceinformationen. Neben der Anzeige vielseitiger Servicestile bietet es die Möglichkeit, Ihren Service in der Raster- und Schieberegleransicht anzuzeigen. Sie können auch eine Gruppierung von Serviceboxen vornehmen.
Vorteile:
- Präsentieren Sie Ihren Service in der Raster- und Schieberegleransicht.
- Bewerben Sie sich aus 16 verschiedenen Stilen.
- Gruppieren Sie Ihre Serviceboxen.
- Fügen Sie Hintergrundfarbe und Bild hinzu.
- Fügen Sie eine Schaltfläche mit dem Symbolfeld hinzu.
- Gestalten Sie die Typografie Ihrer Symbolbox.
Nachteile:
- Entwickelt, um hauptsächlich servicebasierte Symbolboxen zu erstellen.
- Ein Abzeichen und ein Wasserzeichen können nicht hinzugefügt werden.
7. Infobox (Gutenberg-Block)
Aktive Installation : 1000+
Bewertung : 5,0
Am besten geeignet für : Mehrzweck-Icon-Box.
Das letzte Plugin, das wir dieser Liste hinzufügen möchten, ist Info Box. Dieses WordPress-Plugin wurde für den Gutenberg-Editor entwickelt. Damit können Sie eine vollständig angepasste Symbolbox für Ihre Gutenberg-Website erstellen.
Sie können mit der Erstellung einer animierten Symbolbox mit verschiedenen voreingestellten Layouts beginnen. Es bietet ein Steuerelement zum separaten Festlegen der Positionierung jedes Inhaltselements. Darüber hinaus werden alle Anpassungsfunktionen für jedes Element im Symbolfeld erleichtert. Insgesamt handelt es sich um eine Komplettlösung für eine Icon-Box.
Vorteile:
- Eine Gutenberg-basierte intuitive Benutzeroberfläche.
- Kann ein Bild anstelle eines Symbols anzeigen.
- Nutzen Sie Anpassungsfunktionen, um das Symbol zu gestalten.
- Erhalten Sie Steuerelemente für die Gestaltung aller Elemente wie Titel, Untertitel und Schaltfläche.
Nachteile:
- Sie verfügen über keine Abzeichen- oder Wasserzeichenfunktion.
So wählen Sie das beste WordPress Icon Box Plugin aus
Sind Sie immer noch unsicher, ob Sie das beste WordPress-Plugin zum Entwerfen einer Symbolbox auswählen sollen? Normalerweise erhalten wir mehrere Plugin-Optionen für alle WordPress-Anforderungen. Allerdings bieten nicht alle Plugins spezifische Anforderungen und Präferenzen.
Im Folgenden erläutern wir daher einige grundlegende Mindestanforderungen bei der Auswahl des richtigen Plugins zur Anzeige einer Infobox.
Legen Sie Ihre Anforderungen fest
Wie wir bereits wissen, besteht eine Symbolbox aus mehreren Elementen. Allerdings ist es meist eine Herausforderung, all dies unter einen Hut zu bringen. Darüber hinaus kann Ihr Design spezifische Anforderungen erfüllen, wie z. B. die Anzeige eines Abzeichens oder Wasserzeichens. Und das Wichtigste ist, dass die Plugin-Symbolbibliothek Ihr bevorzugtes Symbol und Unterstützungsoptionen zum Hochladen eines Bildes anstelle des Symbols enthalten sollte.
Anpassungsoptionen
Einer der Hauptzwecke der Verwendung eines Icon-Box-Plugins besteht darin, eine bestimmte Information attraktiver zu machen. Und vielleicht haben Sie bereits einige Styling-Ideen im Kopf. Daher spielt die Individualisierung eine wichtige Rolle. Beispielsweise möchten Sie die Hover-Effekte möglicherweise nur auf das Symbol und nicht auf das gesamte Feld anwenden. Daher müssen Sie vor der Installation dieses Symbols die Verfügbarkeit Ihrer Anpassungsfunktionen prüfen.
Benutzeroberfläche
Ein komplexes Dashboard kann das Design Ihrer Symbolbox erschweren. Hierzu benötigen Sie eine Benutzeroberfläche mit einfacherer Steuerung der Einstellungen. Sie sollten über ein Plugin mit WYSIWYG-Erstellungserfahrung verfügen. Das Elementor- oder ElementsKit-Plugin ermöglicht eine solche Funktion.
Vorgefertigte Layouts
Vorgefertigte Layouts helfen uns, ganz einfach Design-Inspirationen zu bekommen und innerhalb weniger Minuten mit der Arbeit zu beginnen. Einige Plugins bieten professionell gestaltete Layouts, um Ihnen die Arbeit zu erleichtern. Daher muss die Verfügbarkeit des Layout-Kits dieses Icon-Box-Plugins überprüft werden.
Sich anpassendes Design
Die Reaktionsfähigkeit Ihrer Symbolbox ist wichtig, da sie auf allen Geräten perfekt sichtbar sein muss. Für ein besseres Verständnis der Reaktionseinstellungen können Sie Dokumentationen oder Tutorials lesen.
Plugin-Konflikte
Wir installieren oft ein Einzweck-Plugin, wenn wir ein Design wie eine Symbolbox benötigen. Dadurch erhöht sich die Anzahl der Plugins und es kann auch zu Konflikten zwischen Plugins kommen. Was kann also die Lösung sein? Die beste Vorgehensweise besteht darin, ein Plugin mit verschiedenen Funktionalitäten zu haben. Beispielsweise kann die Verwendung von ElementsKit unterschiedliche Anforderungen an das Design Ihrer Website erfüllen, einschließlich Symbolfeldern.
Letzte Worte
Alle Plugins in dieser Liste sind auf ihre jeweilige Weise nützlich. Sie alle helfen dabei, atemberaubende Icon-Boxen für Ihre WordPress-Websites zu erstellen. Anschließend kommt es auf Ihre persönlichen Vorlieben hinsichtlich der Funktionen und der Benutzeroberfläche an.
Da die meisten Plugins auf dieser Liste kostenlos sind, sollten Sie sie ausprobieren und eines finden, mit dem Sie in der Praxis vertraut sind. Und das ist der beste Weg, das beste WordPress-Icon-Box-Plugin zu finden.