Colibri WP Review: Ein funktionsreiches Mehrzweck-WordPress-Theme
Veröffentlicht: 2020-10-28
Colibri gehört zu den beliebtesten WordPress-Themes auf WordPress.org und hat mehr als 50.000 aktive Installationen. Seine Schöpfer stehen auch hinter anderen beliebten Themen: Mesmerize, Materialis und One Page Express.
In dieser Rezension gehe ich auf Folgendes ein:
- Colibri Theme-Benchmarks
- Colibri Free vs Colibri Pro
- Colibri Theme-Preispläne
- Colibri PRO Theme-Anpasser
- Colibri-Theme-Funktionen
- Colibri Vor- und Nachteile
Bevor ich in das Thema eintauche, möchte ich etwas hervorheben, das ich interessant fand. Sobald Sie das Colibri-Theme aktivieren, werden Sie aufgefordert, eines der vordefinierten Designs von Colibri auszuwählen.
Sie werden feststellen, dass Sie durch die Auswahl eines Designs automatisch den Colibri Page Builder installieren. Sie müssen sich keine Sorgen machen, da der Builder nur den Standard-Customizer verbessert und Ihnen weitere coole Funktionen bietet (wie von Designern erstellte Blöcke und Komponenten).

Nun, lass uns rollen, sollen wir?
Colibri-Leistungsbenchmarks
Im Folgenden sind die Server- und Anwendungskonfigurationen aufgeführt.
Cloudways-Serverkonfigurationen
- Cloudways Server: Vultr – Hochfrequenz
- Arbeitsspeicher: 4GB
- SSD-Festplatte: 128 GB
- Bandbreitenübertragung: 3 TB
- Prozessor: 2 Kerne
- Serverstandort: Silicon Valley
- Betriebssystem: Debian 9
- NGINX: 1.14.1
- Lack: 5.0.0
- Apache: 2.4.25
- Datenbank: MariaDB 10.4
- PHP-FPM: 7,4
Anwendungskonfigurationen
- WordPress-Version: 5.4.2
- CDN: CloudwaysCDN
- SSL: Lassen Sie uns verschlüsseln
- Colibri-Version: 1.0.81
Installierte Plugins
- Kontaktformular 7
- Rank Math SEO
- Breeze-Cache
- Cloudways – WordPress Bot-Schutz
- Colibri Page Builder
- Colibri Page Builder PRO
Loader.io-Test
- Getestete Seiten: 3
- Testtyp: Client-Auslastung beibehalten
- Kunden: 0 bis 1000
- Dauer: 5 Minuten
- Testergebnis:

GTmetrix-Test

Colibri Theme + Blitzschnelles Hosting = Höhere Conversions
Cloudways bietet unübertroffene Serverleistung. Das Hinzufügen des Colibri-Themas zum Mix ist eine einfache Formel für den Online-Erfolg.
Colibri Free vs Colibri Pro
Was haben die Free- und Pro Colibri-Versionen gemeinsam? Mal sehen:
- Live-Bearbeitung im Customizer
- Bild- und Farbverlaufshintergründe
- Mobile Reaktionsfähigkeit
- Zugang zur Colibri Cloud-Plattform
- Vorgefertigte Inhaltsblöcke und Website-Vorlagen
- Grafische Abschnittsteiler
- Kopfzeilen- und Navigationsmenülayouts
In Bezug auf Layouts und Abschnitte gibt es einige Unterschiede zwischen den kostenlosen und kostenpflichtigen Plänen, wie unten dargestellt:
| Colibri frei | Colibri Pro | |
|---|---|---|
| Vorgefertigte Website-Vorlagen | 3 | 60+ |
| Vorgefertigte Inhaltsblöcke | 34 | 170+ |
| Titelseiten-Designs | 5 | 20+ |
| Layoutoptionen für Kopfzeilen | 3 | 17 |
| Navigationsmenülayouts | 2 | 5 |
| Vorgefertigte Fußzeilenblöcke | 1 | 6 |
Colibri Pro bietet einige zusätzliche Funktionen wie:
- Unbegrenzte Video- und Diashow-Hintergründe
- Navigationsfarben
- Vier Header-Medientypen: Bild, Video, Lightbox, Bildcollage. Der kostenlose Plan hat nur die Bildoption
- Volle Kontrolle über Typografie und Farben (auch für die Fußzeile)
- Erweiterte Styling-Funktionen
- Neue Blöcke: Google Maps, Zähler, Fotogalerie
- Vorrangiger technischer Support für ein Jahr
- Unterstützung für mehrere Sprachen
Was bedeutet das für Sie?
Die Pro-Funktionen bieten bessere Anpassungsoptionen, mit denen Sie eine wirklich einzigartige Website erstellen können. Sie haben Zugriff auf vorgefertigte Blöcke und Komponenten, die pixelgenau angepasst werden können. Sie erhalten außerdem Zugriff auf ein ganzes Jahr mit Updates und Support.
Colibri Theme-Preispläne
Die folgenden drei Pro-Pläne haben jährliche und lebenslange Funktionen mit Support und Updates.
- persönlich
- Unternehmen
- Agentur
Der Business-Plan gilt für bis zu 5 Sites, während Sie mit dem Agency-Plan unbegrenzt viele Sites erstellen können.
| persönlich | Unternehmen | Agentur | |
|---|---|---|---|
| Jährlich | $79 | $99 | $199 |
| Lebenszeit | $169 | $239 | $449 |
Von Zeit zu Zeit haben Sie Zugang zu Rabatten (z. B. Black Friday).
Wie arbeite ich mit Colibri PRO im Customizer?
Dank des Colibri Page Builder Plugins können Sie Ihre gesamte Website im Customizer gestalten (Sidebars, Header, Footer inklusive).
Wenn Sie mit einer der vorgefertigten Vorlagen fortfahren möchten, wählen Sie Erscheinungsbild → Colibri-Einstellungen → Demo-Sites.
Merkmale
Sehen wir uns nun einige zusätzliche Abschnitte an, die nur in der PRO-Version verfügbar sind:
Die Heldenabteilung
Mit Colibri erstellen Sie faszinierende Heldenabschnitte, die bei Ihren Besuchern einen bleibenden Eindruck hinterlassen. Sie können verschiedene Medientypen wie Bilder, Videos, Collagen und Leuchtkästen mischen.
Typografie-Stil und -Farben


Sie können die Farben Ihres Themes jederzeit über Allgemeine Einstellungen → Globales Farbschema ändern. Hier können Sie aus den verfügbaren Schemata auswählen oder eines erstellen, das besser zu Ihrem Design passt.

Wenn Sie die globalen Schriftarten ändern möchten, gehen Sie zu Allgemeine Einstellungen → Typografie.

Auf dieser Ebene können Sie Ihre eigenen Überschriftenstile definieren. Von H1 bis H6 können Sie globale Schriftarten, Größe (px, rem oder ems), Gewicht, Farbe oder Buchstabenabstand zuweisen.
Es ist wichtig zu beachten, dass Sie im linken Seitenbereich sehen, dass dieser Stil mit mehreren Elementen verknüpft ist. Wenn Sie nicht möchten, dass sich Ihre Änderungen auf etwas anderes auswirken, stellen Sie sicher, dass Sie die Verknüpfungen der Stile aufheben.
Eine der großartigsten Funktionen des Colibri-Builders ist die Tatsache, dass Sie Stile kopieren und einfügen können!
Vorgefertigte Inhaltsblöcke
Colibri verfügt über mehr als 150 vorgefertigte Inhaltsblöcke (Helden, Funktionen, Testimonials, CTAs, Team usw.), mit denen Sie die WordPress-Website Ihrer Träume erstellen können.

Diese Blöcke sind vollständig anpassbar und Sie können sie anpassen, bis sie genau richtig sind. In den Bearbeitungsoptionen „Erweitert“ können Sie Hintergründe, Trennlinien, Abstände, Effekte, Typografie und mehr anpassen.

Drag-and-Drop-Komponenten
Diese Komponenten können Ihrer Website neue Funktionen hinzufügen: Schieberegler, Preise, soziale Symbole, Karussells, Spalten und Formulare. Sie können sie verwenden, um benutzerdefinierte Blöcke zu erstellen oder die vorhandene Blockaufstellung anzupassen.

Sie können jede Komponente anpassen.
Um dies zu demonstrieren, schauen wir uns den Akkordeonblock an.
In den "Erweitert"-Optionen können Sie Anpassungen an Hintergrund, Abstand, Rändern und Schatten, Reaktionsfähigkeit (Ausblenden auf Mobilgeräten oder Tablets), Aussehenseffekten und sogar benutzerdefiniertem CSS vornehmen. Sie können sowohl den normalen als auch den Schwebezustand beeinflussen.
Das Navigationsmenü
In Bezug auf Menüs erhalten Sie fünf Optionen:
- Header-Hauptmenü
- Fußzeilen-Hauptmenü
- Header-Sekundärmenü
- In-Page-Menü
- Fußzeile Sekundärmenü
Sie können diesen Menüpositionen Seiten, benutzerdefinierte Links, Kategorien und Tags hinzufügen.

Wenn Sie nicht bei Null anfangen möchten, gibt es sechs Optionen für Fußzeilenblöcke, die Sie ändern und anpassen können.
Benutzerdefiniertes CSS hinzufügen
Wenn Sie der Meinung sind, dass die vorgefertigten Vorlagen und Blöcke und alle Anpassungsoptionen immer noch nicht ausreichen, gibt es immer die Möglichkeit, mit dem CSS zu spielen. Sie können Ihr eigenes CSS unter Allgemeine Einstellungen → Zusätzliches CSS hinzufügen.
Sie können Ihr eigenes CSS in der Option „Erweitert“ im linken Seitenbereich hinzufügen, nachdem Sie eine Website-Komponente ausgewählt haben. Gehen Sie einfach zu "Stile verwalten" und beginnen Sie mit CSS-Zauber. Sie können auf dieser Ebene sogar Ihre eigenen CSS-Klassen hinzufügen.

Mobile Reaktionsfähigkeit
Jedes Designelement in Colibri ist so konzipiert, dass es auf jedem Mobilgerät und jeder Bildschirmgröße großartig aussieht.
Mit den Steuerelementen unten können Sie sehen, wie Ihre Website auf Desktops, Tablets und Mobilgeräten aussieht, und entsprechende Änderungen vornehmen. Nehmen wir an, wenn Sie Styling-Änderungen auf Tablets vornehmen, wird diese Änderung auf allen Geräten vorgenommen. Sobald Sie Inhaltsblöcke ändern (z. B. einen Abschnitt für Tablets löschen), wird die Änderung auch auf den anderen Geräten angezeigt.
Bevor Sie die Website live schalten, überprüfen Sie immer, wie Ihre Website auf allen Geräten aussieht. Diese sehr grundlegende Prüfung wird oft ignoriert, mit katastrophalen Ergebnissen für Ihre Initiativen zum Erstellen von Websites.

Colibri Vor- und Nachteile
Lassen Sie uns zusammenfassen, was an Colibri großartig ist:
- Live-Bearbeitung aus dem Customizer
- Erweiterte Anpassungsoptionen
- Viele Vorlagen für eine Vielzahl von Nischen
- Vordefinierte Blöcke und Komponenten
- Skalierbare Typografiefunktion
- Optionen zum Kopieren und Einfügen für Stile
- Sich anpassendes Design
Auf der anderen Seite gibt es wahrscheinlich ein großes Minus: Colibri ist nicht bereit für E-Commerce-Erfahrungen.
Ich empfehle dringend, Colibri für eine kurze Runde zu nehmen, um alle wichtigen Funktionen in Aktion zu sehen. Es gibt sogar eine kostenlose Probefahrt-Option.
Empfohlene Plugins
Zu Beginn der Überprüfung habe ich gesagt, dass das Theme den Colibri WordPress Page Builder vorinstalliert.
Wenn Sie zu Erscheinungsbild → Plugins installieren navigieren, werden einige andere Plugins empfohlen. Die meisten davon gehören einem Partner von Colibri, dem berühmten WPMUdev. Diese Plugins können neue Funktionalitäten in Bezug auf Sicherheit, Leistung, Formularerstellung und mehr einbringen.
Sie finden diese Plugins auch unter Erscheinungsbild → Colibri-Einstellungen.

Einpacken!
Die volle Leistung des Colibri-Themas beruht auf den Funktionen, die vom Colibri-Builder freigeschaltet werden. Das Theme und der Builder ermöglichen es Ihnen, einzigartige Websites per Drag & Drop innerhalb einer Oberfläche zu erstellen.
Wenn Sie eine einfache Website benötigen, kann die kostenlose Version ausreichen. Wenn Sie etwas Besonderes bauen möchten, entscheiden Sie sich für die PRO-Version, es lohnt sich.
Hinweis: Dieser Artikel wurde in Zusammenarbeit mit ColibriWP veröffentlicht.
