Recenzja Colibri WP: wielofunkcyjny motyw WordPress z wieloma funkcjami
Opublikowany: 2020-10-28
Wymieniany wśród najpopularniejszych motywów WordPress na WordPress.org, Colibri ma ponad 50 000 aktywnych instalacji. Jego twórcy stoją również za innymi popularnymi motywami: Mesmerize, Materialis i One Page Express.
W tej recenzji zagłębię się w:
- Testy motywów Colibri
- Colibri Free vs Colibri Pro
- Plany cenowe motywu Colibri
- Konfigurator motywów Colibri PRO
- Funkcje motywu Colibri
- Colibri Plusy i minusy
Zanim zagłębię się w temat, chcę podkreślić coś, co mnie zainteresowało. W momencie aktywacji motywu Colibri zostaniesz poproszony o wybranie jednego z predefiniowanych projektów Colibri.
Zauważysz, że wybierając projekt, automatycznie zainstalujesz Colibri Page Builder. Nie ma się czym martwić, ponieważ konstruktor ulepszy tylko domyślny konfigurator i przyniesie więcej fajnych funkcji (takich jak zaprojektowane przez projektanta bloki i komponenty).

A teraz ruszajmy, dobrze?
Testy wydajności Colibri
Poniżej znajdują się konfiguracje serwera i aplikacji.
Konfiguracje serwerów Cloudways
- Serwer Cloudways: Vultr – wysoka częstotliwość
- RAM: 4 GB
- Dysk SSD: 128 GB
- Transfer przepustowości: 3 TB
- Procesor: 2 rdzeń
- Lokalizacja serwera: Dolina Krzemowa
- System operacyjny: Debian 9
- NGINX: 1.14.1
- Lakier: 5.0.0
- Apache: 2.4.25
- Baza danych: MariaDB 10.4
- PHP-FPM: 7,4
Konfiguracje aplikacji
- Wersja WordPressa: 5.4.2
- CDN: CloudwaysCDN
- SSL: pozwala na szyfrowanie
- Wersja Colibri: 1.0.81
Zainstalowane wtyczki
- Formularz kontaktowy 7
- Ranking matematyki SEO
- Breeze Cache
- Cloudways – Ochrona przed botami WordPress
- Kreator stron Colibri
- Kreator Stron Colibri PRO
Test Loader.io
- Testowane strony: 3
- Typ testu: Utrzymanie obciążenia klienta
- Klienci: 0 do 1000
- Czas trwania: 5 minut
- Wynik testu:

Test GTmetrix

Motyw Colibri + niesamowicie szybki hosting = wyższe konwersje
Cloudways zapewnia niezrównaną wydajność serwera. Dodanie motywu Colibri do miksu to prosta recepta na sukces online.
Colibri Free vs Colibri Pro
Co mają wspólnego wersje Free i Pro Colibri? Zobaczmy:
- Edycja na żywo w Customizer
- Tła graficzne i gradientowe
- Reakcja mobilna
- Dostęp do platformy Colibri Cloud
- Wstępnie zaprojektowane bloki treści i szablony stron internetowych
- Graficzne dzielniki sekcji
- Układy nagłówka i menu nawigacyjnego
Jeśli chodzi o układy i sekcje, istnieją pewne różnice między planami darmowymi i płatnymi, jak widać poniżej:
| Bezpłatne Colibri | Colibri Pro | |
|---|---|---|
| Wstępnie zaprojektowane szablony stron internetowych | 3 | 60+ |
| Wstępnie zaprojektowane bloki treści | 34 | 170+ |
| Projekty nagłówków strony głównej | 5 | 20+ |
| Opcje układu nagłówka | 3 | 17 |
| Układy menu nawigacji | 2 | 5 |
| Wstępnie zaprojektowane bloki stopki | 1 | 6 |
Colibri Pro zawiera kilka dodatkowych funkcji, takich jak:
- Nieograniczone tła wideo i pokazu slajdów
- Kolory nawigacji
- Cztery typy mediów nagłówkowych: obraz, wideo, lightbox, kolaż obrazów. Bezpłatny abonament ma tylko opcję obrazu
- Pełna kontrola nad typografią i kolorystyką (również w stopce)
- Zaawansowane funkcje stylizacji
- Nowe bloki: Mapy Google, liczniki, galeria zdjęć
- Priorytetowe wsparcie techniczne na rok
- Obsługa wielu języków
Co to oznacza dla Ciebie?
Profesjonalne funkcje oferują lepsze opcje dostosowywania, których możesz użyć do zbudowania naprawdę wyjątkowej witryny. Masz dostęp do wstępnie zaprojektowanych bloków i komponentów, które można dostosować do perfekcji pikseli. Otrzymasz również dostęp do całorocznej aktualizacji i wsparcia.
Plany cenowe motywu Colibri
Poniższe trzy plany pro mają funkcje roczne i dożywotnie wraz ze wsparciem i aktualizacjami.
- Osobisty
- Biznes
- Agencja
Plan biznesowy jest ważny dla maksymalnie 5 witryn, natomiast z planem agencyjnym możesz budować nieograniczoną liczbę witryn.
| Osobisty | Biznes | Agencja | |
|---|---|---|---|
| Rocznie | 79 zł | 99 zł | 199 USD |
| Dożywotni | 169 USD | 239 | 449$ |
Od czasu do czasu masz dostęp do zniżek (na przykład Black Friday).
Jak pracować z Colibri PRO w programie Customizer?
Dzięki wtyczce Colibri Page Builder, możesz zaprojektować całą swoją stronę internetową w Customizer (w tym paski boczne, nagłówki, stopki).
Jeśli chcesz skorzystać z jednego z gotowych szablonów, wybierz Wygląd → Ustawienia Colibri → Witryny demonstracyjne.
Cechy
Sprawdźmy teraz kilka dodatkowych sekcji dostępnych tylko w wersji PRO:
Sekcja bohaterów
Dzięki Colibri możesz tworzyć fascynujące sekcje bohaterów, które wywrą długotrwałe wrażenie na odwiedzających. Możesz mieszać różne typy multimediów, takie jak obrazy, filmy, kolaże i lightboxy.

Styl typografii i kolory

Zawsze możesz zmienić kolory swojego motywu w Ustawieniach ogólnych → Globalny schemat kolorów. Tutaj możesz wybrać spośród dostępnych schematów lub stworzyć taki, który lepiej pasuje do Twojego projektu.

Jeśli chcesz zmienić czcionki globalne, przejdź do Ustawienia ogólne → Typografia.

Na tym poziomie możesz zdefiniować własne style nagłówków. Od H1 do H6 możesz przypisać globalne czcionki, rozmiar (px, rem lub ems), grubość, kolor lub odstępy między literami.
Należy zauważyć, że w lewym panelu bocznym zobaczysz, że ten styl jest powiązany z kilkoma elementami. Jeśli nie chcesz, aby Twoje zmiany wpływały na cokolwiek innego, pamiętaj o odłączeniu stylów.
Jedną z największych zalet kreatora Colibri jest to, że umożliwia kopiowanie i wklejanie stylów!
Wstępnie zaprojektowane bloki treści
Colibri ma ponad 150 gotowych bloków treści (bohater, funkcje, referencje, CTA, zespół itp.), których możesz użyć do zbudowania witryny WordPress swoich marzeń.

Te bloki są w pełni konfigurowalne i możesz je dostosowywać, aż będą odpowiednie. Z „Zaawansowanych” opcji edycji możesz wprowadzać korekty tła, dzielników, odstępów, efektów, typografii i nie tylko.

Komponenty typu „przeciągnij i upuść”
Te komponenty mogą dodać nowe funkcjonalności do Twojej witryny: suwaki, cenniki, ikony społecznościowe, karuzele, kolumny i formularze. Możesz ich używać do tworzenia niestandardowych bloków lub dostosowywania istniejącego układu bloków.

Możesz dostosować każdy składnik.
Aby to zademonstrować, spójrzmy na blok Akordeon.
Z opcji „Zaawansowane” możesz dostosować tło, odstępy, obramowania i cienie, responsywność (ukrywanie na telefonie komórkowym lub tablecie), efekty wyglądu, a nawet niestandardowy CSS. Możesz wpływać zarówno na stan normalny, jak i najechanie kursorem.
Menu nawigacyjne
Jeśli chodzi o menu, masz pięć opcji:
- Główne menu nagłówka
- Menu główne stopki
- Drugie menu nagłówka
- Menu na stronie
- Drugie menu w stopce
Do tych lokalizacji menu możesz dodawać strony, niestandardowe łącza, kategorie i tagi.

Jeśli nie chcesz zaczynać od zera, istnieje sześć opcji bloków stopki, które możesz modyfikować i dostosowywać.
Dodaj niestandardowy CSS
Jeśli uważasz, że wstępnie zaprojektowane szablony i bloki oraz wszystkie opcje dostosowywania nadal nie wystarczą, zawsze istnieje możliwość zabawy z CSS. Możesz dodać własny CSS w Ustawieniach ogólnych → Dodatkowy CSS.
Możesz dodać własny CSS w opcji „zaawansowane”, z panelu po lewej stronie, po wybraniu komponentu witryny. Po prostu przejdź do „Zarządzaj stylami” i zacznij tworzyć magię CSS. Na tym poziomie możesz nawet dodać własne klasy CSS.

Reakcja mobilna
Każdy element projektu w Colibri jest zbudowany tak, aby wyglądał świetnie na każdym urządzeniu mobilnym i na każdym rozmiarze ekranu.
Korzystając z elementów sterujących na dole, możesz zobaczyć, jak Twoja witryna wygląda na komputerze, tablecie i telefonie komórkowym, a także wprowadzać odpowiednie zmiany. Teraz, jeśli wprowadzisz zmiany stylizacji na tabletach, powiedzmy, że zmiana nastąpi na wszystkich urządzeniach. W momencie zmiany bloków treści (np.: usunięcie sekcji dla tabletów) zmiana zostanie odzwierciedlona również na innych urządzeniach.
Przed uruchomieniem strony zawsze sprawdź, jak wygląda Twoja strona na wszystkich urządzeniach. Ta bardzo podstawowa kontrola jest często ignorowana z katastrofalnymi wynikami dla inicjatyw związanych z tworzeniem stron internetowych.

Colibri Plusy i minusy
Podsumujmy, co jest świetne w Colibri:
- Edycja na żywo z Customizer
- Zaawansowane opcje dostosowywania
- Wiele szablonów dla różnych nisz
- Predefiniowane bloki i komponenty
- Skalowalna funkcja typografii
- Opcje kopiowania i wklejania stylów
- Elastyczny projekt
Z drugiej strony jest prawdopodobnie jeden duży minus: Colibri nie jest gotowe na doświadczenia e-commerce.
Gorąco polecam zabranie Colibri na szybki spin, aby zobaczyć wszystkie ważne funkcje w akcji. Istnieje nawet opcja darmowej jazdy próbnej.
Polecane wtyczki
Na początku recenzji powiedziałem, że motyw preinstaluje kreator stron Colibri WordPress.
Jeśli przejdziesz do Wygląd → Zainstaluj wtyczki, zobaczysz kilka innych zalecanych wtyczek. Większość z nich należy do partnera Colibri, słynnego WPMUdev. Wtyczki te mogą wprowadzać nowe funkcje w zakresie bezpieczeństwa, wydajności, tworzenia formularzy i nie tylko.
Wtyczki te można również znaleźć w menu Wygląd → Ustawienia Colibri.

Podsumowanie!
Pełna moc motywu Colibri opiera się na funkcjach odblokowanych przez konstruktora Colibri. Motyw i kreator umożliwiają tworzenie unikalnych stron internetowych poprzez przeciąganie i upuszczanie w jednym interfejsie.
Jeśli potrzebujesz prostej strony internetowej, darmowa wersja może załatwić sprawę. Jeśli chcesz zbudować coś, co się wyróżnia, wybierz wersję PRO, warto.
Uwaga: ten artykuł został opublikowany we współpracy z ColibriWP.
