Recenzja Colibri WP: wielofunkcyjny motyw WordPress z wieloma funkcjami

Opublikowany: 2020-10-28
Motyw Colibri WordPress
Obserwuj @Cloudways

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).

predefiniowane projekty colibri

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 ładowarki colibri

Test GTmetrix

colibri 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.

Buduj teraz!

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

Colibri Theme Typografia i funkcje kolorystyczne

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.

Schemat kolorów motywu Colibri

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

Dostosowanie typografii motywu Colibri

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ń.

Wstępnie zaprojektowane bloki zawartości motywu Colibri

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.

Zaawansowany blok edycji Colibri

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.

Komponenty do przeciągania i upuszczania motywu Colibri

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.

Sekcja menu nawigacji motywu Colibri

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.

Motyw Colibri Dodaj niestandardowy 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.

Responsywność motywu Colibri na urządzenia mobilne

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.

Zalecana wtyczka Colibri WP Theme

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.