Ulasan Colibri WP: Tema WordPress Serbaguna Penuh Fitur

Diterbitkan: 2020-10-28
Tema WordPress Colibri
Ikuti @Cloudways

Terdaftar di antara tema WordPress paling populer di WordPress.org, Colibri memiliki lebih dari 50.000 pemasangan aktif. Pembuatnya juga berada di balik tema populer lainnya: Mesmerize, Materialis, dan One Page Express.

Dalam ulasan ini, saya akan menggali:

  • Tolok Ukur Tema Colibri
  • Colibri Gratis vs Colibri Pro
  • Paket Harga Tema Colibri
  • Penyesuai Tema Colibri PRO
  • Fitur Tema Colibri
  • Kelebihan dan Kekurangan Colibri

Sebelum masuk ke topik, saya ingin menyoroti sesuatu yang menurut saya menarik. Saat Anda mengaktifkan tema Colibri, Anda akan diminta untuk memilih salah satu desain standar Colibri.

Anda akan melihat bahwa dengan memilih desain, Anda akan menginstal Colibri Page Builder secara otomatis. Tidak ada yang perlu dikhawatirkan karena pembuatnya hanya akan meningkatkan Penyesuai default dan memberi Anda lebih banyak fitur keren (seperti blok dan komponen buatan desainer).

desain yang telah ditentukan colibri

Sekarang, mari kita berguling, ya?

Tolok Ukur Performa Colibri

Berikut konfigurasi server dan aplikasinya.

Konfigurasi Server Cloudways

  • Server Cloudways: Vultr – Frekuensi Tinggi
  • RAM: 4GB
  • Disket SSD: 128GB
  • Transfer Bandwidth: 3TB
  • Prosesor: 2 Inti
  • Lokasi Server: Lembah Silikon
  • Sistem Operasi: Debian 9
  • NGINX: 1.14.1
  • Pernis: 5.0.0
  • Apache: 2.4.25
  • Basis data: MariaDB 10.4
  • PHP-FPM: 7.4

Konfigurasi Aplikasi

  • Versi WordPress: 5.4.2
  • CDN: CloudwaysCDN
  • SSL: Mari Enkripsi
  • Versi Colibri: 1.0.81

Plugin Terpasang

  • Formulir Kontak 7
  • Peringkat Matematika SEO
  • Cache Angin
  • Cloudways – Perlindungan Bot WordPress
  • Pembuat Halaman Colibri
  • Pembuat Halaman Colibri PRO

Tes Loader.io

  • Halaman yang Diuji: 3
  • Jenis pengujian: Pertahankan Beban Klien
  • Klien: 0 hingga 1000
  • Durasi: 5 Menit
  • Hasil tes:

tes pemuat colibri

Tes GTmetrix

colibri gtmetrix

Tema Colibri + Hosting Sangat Cepat = Konversi Lebih Tinggi

Cloudways memberikan kinerja server yang tak tertandingi. Menambahkan tema Colibri ke dalam campuran adalah formula sederhana untuk kesuksesan online.

Bangun Sekarang!

Colibri Gratis vs Colibri Pro

Apa kesamaan versi Gratis dan Pro Colibri? Ayo lihat:

  • Pengeditan langsung di dalam Customizer
  • Gambar dan latar belakang gradien
  • Responsivitas seluler
  • Akses ke platform Colibri Cloud
  • Blok konten dan templat situs web yang telah dirancang sebelumnya
  • Pembagi bagian grafis
  • Tata letak menu tajuk dan navigasi

Dalam hal tata letak dan bagian, ada beberapa perbedaan antara paket gratis dan berbayar, seperti yang terlihat di bawah ini:

Gratis Colibri Colibri Pro
Templat situs web yang telah dirancang sebelumnya 3 60+
Blok konten yang telah dirancang sebelumnya 34 170+
Desain header halaman depan 5 20+
Opsi tata letak tajuk 3 17
Tata letak menu navigasi 2 5
Blok footer yang telah dirancang sebelumnya 1 6

Colibri Pro hadir dengan beberapa fitur tambahan seperti:

  • Latar belakang video dan tayangan slide tanpa batas
  • Warna navigasi
  • Empat jenis media header: gambar, video, lightbox, kolase gambar. Paket gratis hanya memiliki opsi gambar
  • Kontrol penuh atas tipografi dan warna (juga untuk footer)
  • Fitur penataan tingkat lanjut
  • Blok baru: Google Maps, penghitung, galeri foto
  • Dukungan teknis prioritas selama setahun
  • Dukungan dari berbagai bahasa

Apa artinya ini bagi Anda?

Fitur pro menawarkan opsi penyesuaian yang lebih baik yang dapat Anda gunakan untuk membangun situs web yang benar-benar unik. Anda memiliki akses ke blok dan komponen yang telah dirancang sebelumnya yang dapat disesuaikan dengan kesempurnaan piksel. Anda juga mendapatkan akses ke pembaruan dan dukungan selama setahun penuh.

Paket Harga Tema Colibri

Tiga paket pro berikut memiliki fitur tahunan dan seumur hidup, dengan dukungan dan pembaruan.

  • Pribadi
  • Bisnis
  • Agen

Paket Bisnis berlaku hingga 5 situs, sedangkan dengan paket Agensi, Anda dapat membangun situs tanpa batas.

Pribadi Bisnis Agen
Tahunan $79 $99 $199
Seumur hidup $169 $239 $449

Dari waktu ke waktu Anda memiliki akses ke diskon (Black Friday, misalnya).

Bagaimana Bekerja dengan Colibri PRO dalam Customizer?

Berkat plugin Colibri Page Builder, Anda dapat mendesain seluruh situs web Anda di dalam Customizer (termasuk sidebar, header, footer).

Jika Anda ingin melanjutkan dengan salah satu templat yang telah dirancang sebelumnya, pilih dari Appearance → Colibri Settings → Demo Sites.

Fitur

Sekarang mari kita periksa beberapa bagian tambahan yang hanya tersedia di versi PRO:

Bagian Pahlawan

Dengan Colibri, Anda dapat membuat bagian pahlawan yang menarik yang membuat kesan jangka panjang pada pengunjung Anda. Anda dapat mencampur berbagai jenis media seperti gambar, video, kolase, dan lightbox.

Gaya dan Warna Tipografi

Tipografi Tema Colibri & fitur warna

Anda selalu dapat mengubah warna tema Anda dari pengaturan Umum → Skema Warna Global. Di sini, Anda dapat memilih dari skema yang tersedia, atau membuat skema yang lebih cocok dengan desain Anda.

Skema warna tema Colibri

Jika Anda ingin mengubah font global, buka pengaturan Umum → Tipografi.

Kustomisasi tipografi tema Colibri

Pada level ini, Anda dapat menentukan gaya heading Anda sendiri. Dari H1 hingga H6, Anda dapat menetapkan font global, ukuran (px, rem, atau ems), berat, warna, atau spasi huruf.

Penting untuk dicatat bahwa di panel sebelah kiri, Anda akan melihat bahwa gaya tersebut terkait dengan beberapa elemen. Jika Anda tidak ingin perubahan Anda memengaruhi hal lain, pastikan untuk memutuskan tautan gaya.

Salah satu fitur terbesar dari pembuat Colibri adalah kenyataan bahwa itu memungkinkan Anda untuk menyalin dan menempelkan gaya!

Blok Konten yang Telah Dirancang Sebelumnya

Colibri memiliki 150+ blok konten siap pakai (pahlawan, fitur, testimonial, CTA, tim, dll.) yang dapat Anda gunakan untuk membangun situs web WordPress impian Anda.

Blok Konten Pra-desain Tema Colibri

Blok-blok ini sepenuhnya dapat disesuaikan dan Anda dapat menyesuaikannya sampai tepat. Dari opsi pengeditan "Lanjutan", Anda dapat membuat penyesuaian pada latar belakang, pembagi, spasi, efek, tipografi, dan banyak lagi.

Blok pengeditan lanjutan Colibri

Komponen Seret dan Lepas

Komponen ini dapat menambahkan fungsionalitas baru ke situs web Anda: bilah geser, harga, ikon sosial, korsel, kolom, dan formulir. Anda dapat menggunakannya untuk membuat blok khusus atau menyesuaikan barisan blok yang ada.

Komponen Seret dan Lepas Tema Colibri

Anda dapat menyesuaikan setiap komponen.

Untuk mendemonstrasikannya, mari kita lihat blok Accordion.

Dari opsi “Lanjutan” Anda dapat melakukan penyesuaian pada latar belakang, spasi, batas & bayangan, daya tanggap (bersembunyi di ponsel atau tablet), efek tampilan, dan bahkan CSS khusus. Anda dapat memengaruhi status normal dan hover.

Menu Navigasi

Dalam hal menu, Anda mendapatkan lima opsi:

  • Menu utama tajuk
  • Menu utama footer
  • Menu sekunder tajuk
  • Menu dalam halaman
  • Menu sekunder footer

Anda dapat menambahkan halaman, tautan khusus, kategori & tag ke lokasi menu ini.

Bagian Menu Navigasi Tema Colibri

Jika Anda tidak ingin memulai dari awal, ada enam opsi blok footer yang dapat Anda modifikasi dan sesuaikan.

Tambahkan CSS Khusus

Jika Anda merasa bahwa template dan blok yang telah dirancang sebelumnya, dan semua opsi penyesuaian masih belum cukup, selalu ada opsi untuk bermain dengan CSS. Anda dapat menambahkan CSS Anda sendiri di bawah Pengaturan Umum → CSS Tambahan.

Anda dapat menambahkan CSS Anda sendiri di dalam opsi “lanjutan”, dari panel sebelah kiri, setelah memilih komponen situs web. Cukup buka "Kelola gaya" dan mulailah melakukan keajaiban CSS. Anda bahkan dapat menambahkan kelas CSS Anda sendiri di level ini.

Tema Colibri Tambahkan CSS Khusus

Responsivitas Seluler

Setiap elemen desain di dalam Colibri dibuat agar terlihat bagus di perangkat seluler apa pun dan ukuran layar apa pun.

Dengan menggunakan kontrol di bagian bawah, Anda dapat melihat tampilan situs web Anda di desktop, tablet, dan seluler, dan membuat perubahan yang sesuai. Sekarang, jika Anda membuat perubahan gaya pada tablet, katakanlah, perubahan itu akan terjadi di semua perangkat. Saat Anda mengubah blok konten (misalnya: menghapus bagian untuk tablet), perubahan tersebut juga akan terlihat di perangkat lain.

Sebelum menayangkan situs web, selalu periksa tampilan situs web Anda di semua perangkat. Pemeriksaan yang sangat mendasar ini sering diabaikan dengan hasil yang buruk bagi inisiatif pembuatan situs web Anda.

Responsivitas Seluler Tema Colibri

Kelebihan dan Kekurangan Colibri

Mari kita selesaikan apa yang hebat tentang Colibri:

  • Pengeditan langsung dari Penyesuai
  • Opsi penyesuaian lanjutan
  • Banyak template untuk berbagai niche
  • Blok dan komponen yang telah ditentukan sebelumnya
  • Fitur tipografi yang dapat diskalakan
  • Opsi salin-tempel untuk gaya
  • Desain responsif

Di sisi lain, mungkin ada satu kekurangan besar: Colibri belum siap untuk pengalaman e-commerce.

Saya sangat merekomendasikan mengambil Colibri untuk putaran cepat untuk melihat semua fitur penting beraksi. Bahkan ada opsi test drive gratis.

Plugin yang Direkomendasikan

Di awal ulasan saya mengatakan bahwa tema sudah menginstal pembuat halaman WordPress Colibri.

Jika Anda menavigasi ke Appearance → Install Plugins, Anda akan melihat beberapa plugin lain yang direkomendasikan. Kebanyakan dari mereka milik mitra Colibri, WPMUdev yang terkenal. Plugin ini dapat menghadirkan fungsionalitas baru dalam hal keamanan, kinerja, pembuatan formulir & lainnya.

Anda dapat menemukan plugin ini di dalam Appearance → Colibri Settings juga.

Plugin yang Direkomendasikan Tema Colibri WP

Membungkus!

Kekuatan penuh dari tema Colibri bergantung pada fitur yang dibuka oleh pembuat Colibri. Tema dan pembuatnya memungkinkan Anda membuat situs web unik dengan menarik dan melepas dalam satu antarmuka.

Jika Anda membutuhkan situs web sederhana, versi gratisnya mungkin bisa membantu. Jika Anda ingin membangun sesuatu yang menonjol, pilih versi PRO, itu sangat berharga.

Catatan: Artikel ini diterbitkan bekerja sama dengan ColibriWP.