Recensione di Colibri WP: un tema WordPress multiuso ricco di funzionalità

Pubblicato: 2020-10-28
Tema WordPress Colibri
Segui @Cloudways

Elencato tra i temi WordPress più popolari su WordPress.org, Colibri ha più di 50.000 installazioni attive. I suoi creatori sono anche dietro ad altri temi popolari: Mesmerize, Materialis e One Page Express.

In questa recensione approfondirò:

  • Benchmark del tema Colibri
  • Colibri Free vs Colibri Pro
  • Piani tariffari a tema Colibri
  • Personalizzatore di temi Colibri PRO
  • Caratteristiche del tema Colibri
  • Colibri Pro e Contro

Prima di approfondire l'argomento, voglio evidenziare qualcosa che ho trovato interessante. Nel momento in cui attivi il tema Colibri, ti viene chiesto di scegliere uno dei design predefiniti di Colibri.

Noterai che selezionando un design installerai automaticamente il Colibri Page Builder. Non c'è nulla di cui preoccuparsi poiché il builder migliorerà solo il Customizer predefinito e ti offrirà funzionalità più interessanti (come blocchi e componenti creati da designer).

colibri disegni predefiniti

Ora rotoliamo, d'accordo?

Benchmark delle prestazioni di Colibri

Di seguito sono riportate le configurazioni del server e dell'applicazione.

Configurazioni server Cloudways

  • Server Cloudways: Vultr – Alta Frequenza
  • RAM: 4 GB
  • Disco SSD: 128 GB
  • Trasferimento larghezza di banda: 3 TB
  • Processore: 2 core
  • Posizione del server: Silicon Valley
  • Sistema operativo: Debian 9
  • NGINX: 1.14.1
  • Vernice: 5.0.0
  • Apache: 2.4.25
  • Database: MariaDB 10.4
  • PHP-FPM: 7.4

Configurazioni dell'applicazione

  • Versione WordPress: 5.4.2
  • CDN: CloudwaysCDN
  • SSL: consente di crittografare
  • Colibri Versione: 1.0.81

Plugin installati

  • Modulo di contatto 7
  • Classifica SEO matematica
  • Brezza cache
  • Cloudways – Protezione Bot WordPress
  • Colibri Page Builder
  • Colibri Page Builder PRO

Loader.io Test

  • Pagine testate: 3
  • Tipo di test: Mantieni il carico del client
  • Clienti: da 0 a 1000
  • Durata: 5 Minuti
  • Risultato del test:

test del caricatore di colibri

Test GTmetrix

colibri gtmetrix

Tema Colibri + Hosting incredibilmente veloce = Conversioni più elevate

Cloudways offre prestazioni server senza pari. L'aggiunta del tema Colibri al mix è una formula semplice per il successo online.

Costruisci ora!

Colibri Free vs Colibri Pro

Cosa hanno in comune le versioni Free e Pro Colibri? Vediamo:

  • Modifica dal vivo all'interno del Customizer
  • Immagini e sfondi sfumati
  • Reattività mobile
  • Accesso alla piattaforma Colibri Cloud
  • Blocchi di contenuto e modelli di siti Web predefiniti
  • Divisori grafici di sezione
  • Intestazione e layout del menu di navigazione

In termini di layout e sezioni, ci sono alcune differenze tra i piani gratuiti e quelli a pagamento, come mostrato di seguito:

Colibri gratis Colibri Pro
Modelli di siti Web predefiniti 3 60+
Blocchi di contenuto predefiniti 34 170+
Disegni di intestazione in prima pagina 5 20+
Opzioni di layout dell'intestazione 3 17
Layout del menu di navigazione 2 5
Blocchi piè di pagina predefiniti 1 6

Colibri Pro è dotato di alcune funzionalità extra come:

  • Sfondi illimitati di video e presentazioni
  • Colori di navigazione
  • Quattro tipi di media di intestazione: immagine, video, lightbox, collage di immagini. Il piano gratuito ha solo l'opzione immagine
  • Pieno controllo su tipografia e colori (anche per il piè di pagina)
  • Funzioni di stile avanzate
  • Nuovi blocchi: Google Maps, contatori, galleria fotografica
  • Assistenza tecnica prioritaria per un anno
  • Supporta più lingue

Che cosa significa questo per te?

Le funzionalità pro offrono migliori opzioni di personalizzazione che puoi utilizzare per creare un sito Web davvero unico. Hai accesso a blocchi e componenti pre-progettati che possono essere personalizzati alla perfezione dei pixel. Hai anche accesso a un anno intero di aggiornamenti e supporto.

Piani tariffari a tema Colibri

I seguenti tre piani pro hanno funzionalità annuali e a vita, con supporto e aggiornamenti.

  • Personale
  • Attività commerciale
  • Agenzia

Il piano Business è valido per un massimo di 5 siti, mentre con il piano Agenzia puoi realizzare siti illimitati.

Personale Attività commerciale Agenzia
Annuale $ 79 $ 99 $ 199
Tutta la vita $ 169 $ 239 $ 449

Di tanto in tanto hai accesso a degli sconti (Black Friday, per esempio).

Come lavorare con Colibri PRO all'interno del Customizer?

Grazie al plug-in Colibri Page Builder, puoi progettare l'intero sito Web all'interno del Customizer (barre laterali, intestazioni, piè di pagina inclusi).

Se vuoi procedere con uno dei modelli predefiniti, scegli tra Aspetto → Impostazioni Colibri → Siti demo.

Caratteristiche

Ora diamo un'occhiata ad alcune sezioni extra disponibili solo nella versione PRO:

La sezione degli eroi

Con Colibri, puoi creare affascinanti sezioni di eroi che lasciano un'impressione duratura sui tuoi visitatori. Puoi mescolare vari tipi di media come immagini, video, collage e lightbox.

Stile e colori della tipografia

Colibri Tema Tipografia e caratteristiche del colore

Puoi sempre cambiare i colori del tuo tema da Impostazioni generali → Schema colori globale. Qui puoi scegliere tra gli schemi disponibili o crearne uno che corrisponda meglio al tuo design.

Combinazione di colori del tema Colibri

Se vuoi cambiare i caratteri globali, vai su Impostazioni generali → Tipografia.

Personalizzazione della tipografia del tema Colibri

A questo livello, puoi definire i tuoi stili di intestazione. Da H1 a H6, puoi assegnare caratteri globali, dimensione (px, rem o ems), peso, colore o spaziatura tra le lettere.

È importante notare che nel pannello di sinistra vedrai che quello stile è collegato a diversi elementi. Se non vuoi che le tue modifiche influiscano su qualcos'altro, assicurati di scollegare gli stili.

Una delle più grandi caratteristiche del builder Colibri è il fatto che ti permette di copiare e incollare stili!

Blocchi di contenuto pre-progettati

Colibri ha oltre 150 blocchi di contenuti già pronti (eroe, funzionalità, testimonianze, CTA, team, ecc.) che puoi utilizzare per creare il sito Web WordPress dei tuoi sogni.

Blocchi di contenuti predefiniti a tema Colibri

Questi blocchi sono completamente personalizzabili e puoi regolarli finché non sono giusti. Dalle opzioni di modifica "Avanzate" puoi apportare modifiche a sfondi, divisori, spaziatura, effetti, tipografia e altro.

Blocco modifica avanzata Colibri

Trascina e rilascia i componenti

Questi componenti possono aggiungere nuove funzionalità al tuo sito web: slider, prezzi, icone social, caroselli, colonne e moduli. Puoi usarli per creare blocchi personalizzati o personalizzare la formazione di blocchi esistente.

Tema Colibri Trascina e rilascia i componenti

Puoi personalizzare ogni componente.

Per dimostrarlo, diamo un'occhiata al blocco Accordion.

Dalle opzioni "Avanzate" puoi apportare modifiche a sfondo, spaziatura, bordi e ombre, reattività (nascondersi su dispositivi mobili o tablet), effetti di aspetto e persino CSS personalizzati. È possibile influenzare sia lo stato normale che quello al passaggio del mouse.

Il menu di navigazione

In termini di menu, ottieni cinque opzioni:

  • Menu principale dell'intestazione
  • Menu principale a piè di pagina
  • Menu secondario dell'intestazione
  • Menu in pagina
  • Menu secondario piè di pagina

Puoi aggiungere pagine, collegamenti personalizzati, categorie e tag a queste posizioni di menu.

Sezione del menu di navigazione del tema Colibri

Se non vuoi iniziare da zero, ci sono sei opzioni di blocco piè di pagina che puoi modificare e regolare.

Aggiungi CSS personalizzato

Se ritieni che i modelli e i blocchi pre-progettati e tutte le opzioni di personalizzazione non siano ancora sufficienti, c'è sempre la possibilità di giocare con i CSS. Puoi aggiungere il tuo CSS in Impostazioni generali → CSS aggiuntivo.

Puoi aggiungere il tuo CSS all'interno dell'opzione "avanzate", dal pannello di sinistra, dopo aver selezionato un componente del sito web. Vai su "Gestisci stili" e inizia a fare un po' di magia CSS. Puoi anche aggiungere le tue classi CSS a questo livello.

Tema Colibri Aggiungi CSS personalizzato

Reattività mobile

Ogni elemento di design all'interno di Colibri è costruito per avere un bell'aspetto su qualsiasi dispositivo mobile e qualsiasi dimensione dello schermo.

Utilizzando i controlli in basso, puoi vedere come appare il tuo sito web su desktop, tablet e dispositivi mobili e apportare le modifiche di conseguenza. Ora, se apporti modifiche allo stile sui tablet, diciamo, tale modifica avverrà su tutti i dispositivi. Nel momento in cui modifichi i blocchi di contenuto (es: elimini una sezione per tablet), la modifica si rifletterà anche sugli altri dispositivi.

Prima di pubblicare il sito Web, controlla sempre l'aspetto del tuo sito Web su tutti i dispositivi. Questo controllo molto basilare viene spesso ignorato con risultati disastrosi per le tue iniziative di creazione di siti web.

Reattività mobile a tema Colibri

Colibri Pro e Contro

Concludiamo cosa c'è di fantastico in Colibri:

  • Modifica in tempo reale dal Customizer
  • Opzioni di personalizzazione avanzate
  • Un sacco di modelli per una varietà di nicchie
  • Blocchi e componenti predefiniti
  • Funzione di tipografia scalabile
  • Opzioni copia-incolla per gli stili
  • Design reattivo

D'altra parte, c'è probabilmente un grande svantaggio: Colibri non è pronto per le esperienze di e-commerce.

Consiglio vivamente di prendere Colibri per un giro veloce per vedere tutte le caratteristiche importanti in azione. C'è anche un'opzione di prova su strada gratuita.

Plugin consigliati

All'inizio della recensione ho detto che il tema preinstalla il page builder di Colibri WordPress.

Se navighi su Aspetto → Installa plugin, vedrai alcuni altri plugin consigliati. La maggior parte appartiene a un partner di Colibri, il famoso WPMUdev. Questi plugin possono portare nuove funzionalità in termini di sicurezza, prestazioni, creazione di moduli e altro.

Puoi trovare questi plugin anche in Aspetto → Impostazioni Colibri.

Plugin consigliato per il tema Colibri WP

Avvolgendo!

La piena potenza del tema Colibri si basa sulle funzionalità sbloccate dal costruttore Colibri. Il tema e il generatore ti consentono di creare siti Web unici trascinandoli all'interno di un'unica interfaccia.

Se hai bisogno di un sito web semplice, la versione gratuita potrebbe fare al caso tuo. Se vuoi costruire qualcosa per distinguerti, scegli la versione PRO, ne vale la pena.

Nota: questo articolo è stato pubblicato in collaborazione con ColibriWP.