Recensione di Colibri WP: un tema WordPress multiuso ricco di funzionalità
Pubblicato: 2020-10-28
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).

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


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.

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

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.

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.

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.

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.

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.

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.

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.

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.
