Revisión de Colibri WP: un tema de WordPress multipropósito repleto de funciones
Publicado: 2020-10-28
Colibri, que figura entre los temas de WordPress más populares en WordPress.org, tiene más de 50.000 instalaciones activas. Sus creadores también están detrás de otros temas populares: Mesmerize, Materialis y One Page Express.
En esta revisión, profundizaré en:
- Puntos de referencia del tema Colibri
- Colibri Free vs Colibri Pro
- Planes de precios del tema Colibri
- Personalizador de temas Colibri PRO
- Características del tema Colibri
- Pros y contras de Colibri
Antes de sumergirme en el tema, quiero destacar algo que me pareció interesante. En el momento en que activa el tema Colibri, se le pide que elija uno de los diseños predefinidos de Colibri.
Notará que al seleccionar un diseño instalará automáticamente Colibri Page Builder. No hay nada de qué preocuparse, ya que el constructor solo mejorará el Personalizador predeterminado y le brindará más funciones interesantes (como bloques y componentes hechos por diseñadores).

Ahora, vamos a rodar, ¿de acuerdo?
Benchmarks de rendimiento de Colibri
A continuación se muestran las configuraciones del servidor y la aplicación.
Configuraciones del servidor Cloudways
- Servidor Cloudways: Vultr - Alta frecuencia
- RAM: 4 GB
- Disco SSD: 128 GB
- Transferencia de ancho de banda: 3 TB
- Procesador: 2 núcleos
- Ubicación del servidor: Silicon Valley
- Sistema operativo: Debian 9
- NGINX: 1.14.1
- Barniz: 5.0.0
- Apache: 2.4.25
- Base de datos: MariaDB 10.4
- PHP-FPM: 7.4
Configuraciones de aplicaciones
- Versión de WordPress: 5.4.2
- CDN: CloudwaysCDN
- SSL: Permite cifrar
- Versión de Colibri: 1.0.81
Complementos instalados
- Formulario de contacto 7
- Posicionamiento SEO en Matemáticas
- Caché de brisa
- Cloudways - Protección de bots de WordPress
- Creador de páginas Colibri
- Colibri Page Builder PRO
Prueba de Loader.io
- Páginas probadas: 3
- Tipo de prueba: mantener la carga del cliente
- Clientes: 0 a 1000
- Duración: 5 minutos
- Resultado de la prueba:

Prueba GTmetrix

Tema Colibri + Hospedaje ultrarrápido = Conversiones más altas
Cloudways ofrece un rendimiento de servidor inigualable. Agregar el tema Colibri a la mezcla es una fórmula simple para el éxito en línea.
Colibri Free vs Colibri Pro
¿Qué tienen en común las versiones Free y Pro Colibri? Vamos a ver:
- Edición en vivo dentro del Personalizador
- Fondos de imagen y degradados
- Capacidad de respuesta móvil
- Acceso a la plataforma Colibri Cloud
- Bloques de contenido prediseñados y plantillas de sitios web
- Divisores de sección gráfica
- Diseños de menú de navegación y encabezado
En términos de diseños y secciones, existen algunas diferencias entre los planes gratuitos y pagos, como se ve a continuación:
| Libre de colibrí | Colibri Pro | |
|---|---|---|
| Plantillas de sitios web prediseñadas | 3 | 60+ |
| Bloques de contenido prediseñados | 34 | 170+ |
| Diseños de encabezado de portada | 5 | 20+ |
| Opciones de diseño de encabezado | 3 | 17 |
| Diseños del menú de navegación | 2 | 5 |
| Bloques de pie de página prediseñados | 1 | 6 |
Colibri Pro viene con algunas características adicionales como:
- Fondos de presentación de diapositivas y videos ilimitados
- Colores de navegación
- Cuatro tipos de medios de encabezado: imagen, video, lightbox, collage de imágenes. El plan gratuito solo tiene la opción de imagen
- Control total sobre la tipografía y los colores (también para el pie de página)
- Funciones de estilo avanzadas
- Nuevos bloques: Google Maps, contadores, galería de fotos
- Soporte técnico prioritario durante un año
- Compatible con varios idiomas
¿Qué significa esto para ti?
Las funciones profesionales ofrecen mejores opciones de personalización que puede utilizar para crear un sitio web verdaderamente único. Tiene acceso a bloques y componentes prediseñados que se pueden personalizar a la perfección en píxeles. También obtiene acceso a un año completo de actualizaciones y soporte.
Planes de precios del tema Colibri
Los siguientes tres planes profesionales tienen funciones anuales y de por vida, con soporte y actualizaciones.
- Personal
- Negocio
- Agencia
El plan de negocios es válido para hasta 5 sitios, mientras que con el plan de agencia, puede crear sitios ilimitados.
| Personal | Negocio | Agencia | |
|---|---|---|---|
| Anual | $ 79 | $ 99 | $ 199 |
| Toda la vida | $ 169 | $ 239 | $ 449 |
De vez en cuando tienes acceso a descuentos (Black Friday, por ejemplo).
¿Cómo trabajar con Colibri PRO dentro del Personalizador?
Gracias al complemento Colibri Page Builder, puede diseñar todo su sitio web dentro del Personalizador (barras laterales, encabezados, pies de página incluidos).
Si desea continuar con una de las plantillas prediseñadas, elija Apariencia → Configuración de Colibri → Sitios de demostración.
Características
Ahora echemos un vistazo a algunas secciones adicionales disponibles solo en la versión PRO:
La sección de héroes
Con Colibri, puede crear fascinantes secciones de héroes que causan una impresión duradera en sus visitantes. Puede mezclar varios tipos de medios, como imágenes, videos, collages y cajas de luz.

Colores y estilo de tipografía

Siempre puede cambiar los colores de su tema desde la Configuración general → Esquema de color global. Aquí, puede elegir entre los esquemas disponibles o crear uno que se adapte mejor a su diseño.

Si desea cambiar las fuentes globales, vaya a Configuración general → Tipografía.

En este nivel, puede definir sus propios estilos de título. De H1 a H6, puede asignar fuentes globales, tamaño (px, rem o ems), peso, color o espaciado entre letras.
Es importante tener en cuenta que en el panel lateral izquierdo, verá que ese estilo está vinculado a varios elementos. Si no desea que sus cambios afecten a nada más, asegúrese de desvincular los estilos.
Una de las mayores características del constructor Colibri es el hecho de que le permite copiar y pegar estilos.
Bloques de contenido prediseñados
Colibri tiene más de 150 bloques de contenido listos para usar (héroe, características, testimonios, CTA, equipo, etc.) que puede usar para construir el sitio web de WordPress de sus sueños.

Estos bloques son totalmente personalizables y puede ajustarlos hasta que estén bien. Desde las opciones de edición "Avanzadas" puede realizar ajustes en los fondos, separadores, espaciado, efectos, tipografía y más.

Componentes de arrastrar y soltar
Estos componentes pueden agregar nuevas funcionalidades a su sitio web: controles deslizantes, precios, íconos sociales, carruseles, columnas y formularios. Puede usarlos para crear bloques personalizados o personalizar la alineación de bloques existente.

Puede personalizar cada componente.
Para demostrar esto, veamos el bloque Accordion.
Desde las opciones "Avanzadas", puede realizar ajustes en el fondo, el espaciado, los bordes y las sombras, la capacidad de respuesta (oculta en un dispositivo móvil o tableta), efectos de apariencia e incluso CSS personalizado. Puede afectar tanto al estado normal como al de desplazamiento.
El menú de navegación
En términos de menús, tiene cinco opciones:
- Menú principal del encabezado
- Menú principal de pie de página
- Menú secundario del encabezado
- Menú en la página
- Menú secundario de pie de página
Puede agregar páginas, enlaces personalizados, categorías y etiquetas a estas ubicaciones de menú.

Si no desea comenzar desde cero, hay seis opciones de bloques de pie de página que puede modificar y ajustar.
Agregar CSS personalizado
Si siente que las plantillas y bloques prediseñados, y todas las opciones de personalización aún no son suficientes, siempre existe la opción de jugar con CSS. Puede agregar su propio CSS en Configuración general → CSS adicional.
Puede agregar su propio CSS dentro de la opción "avanzada", desde el panel lateral izquierdo, después de seleccionar un componente del sitio web. Simplemente dirígete a "Administrar estilos" y comienza a hacer magia con CSS. Incluso puede agregar sus propias clases de CSS en este nivel.

Capacidad de respuesta móvil
Cada elemento de diseño dentro de Colibri está diseñado para verse bien en cualquier dispositivo móvil y con cualquier tamaño de pantalla.
Con los controles en la parte inferior, puede ver cómo se ve su sitio web en computadoras de escritorio, tabletas y dispositivos móviles, y realizar los cambios correspondientes. Ahora, si realiza cambios de estilo en tabletas, digamos, ese cambio ocurrirá en todos los dispositivos. En el momento en que cambie los bloques de contenido (por ejemplo, elimine una sección para tabletas), el cambio también se reflejará en los otros dispositivos.
Antes de publicar el sitio web, compruebe siempre cómo se ve su sitio web en todos los dispositivos. Esta verificación muy básica a menudo se ignora con resultados desastrosos para sus iniciativas de creación de sitios web.

Pros y contras de Colibri
Resumamos lo bueno de Colibri:
- Edición en vivo desde el personalizador
- Opciones de personalización avanzadas
- Muchas plantillas para una variedad de nichos.
- Bloques y componentes predefinidos
- Función de tipografía escalable
- Opciones de copiar y pegar para estilos
- Diseño de respuesta
Por otro lado, probablemente haya un gran inconveniente: Colibri no está listo para las experiencias de comercio electrónico.
Recomiendo encarecidamente tomar Colibri para dar una vuelta rápida para ver todas las funciones importantes en acción. Incluso hay una opción de prueba de manejo gratuita.
Complementos recomendados
Al comienzo de la revisión, dije que el tema preinstala el creador de páginas Colibri WordPress.
Si navega a Apariencia → Instalar complementos, verá que se recomiendan otros complementos. La mayoría de ellos pertenecen a un socio de Colibri, el famoso WPMUdev. Estos complementos pueden traer nuevas funcionalidades en términos de seguridad, rendimiento, creación de formularios y más.
También puede encontrar estos complementos dentro de Apariencia → Configuración de Colibri.

¡Terminando!
Todo el poder del tema Colibri se basa en las funciones que desbloquea el constructor de Colibri. El tema y el constructor le permiten crear sitios web únicos arrastrando y soltando dentro de una interfaz.
Si necesita un sitio web simple, la versión gratuita podría ser la solución. Si desea construir algo que se destaque, elija la versión PRO, vale la pena.
Nota: este artículo se publicó en colaboración con ColibriWP.
