Colibri WP Review: um tema WordPress multifuncional repleto de recursos

Publicados: 2020-10-28
Tema Colibri WordPress
Siga @Cloudways

Listado entre os temas WordPress mais populares no WordPress.org, Colibri tem mais de 50.000 instalações ativas. Seus criadores também estão por trás de outros temas populares: Mesmerize, Materialis e One Page Express.

Nesta revisão, irei me aprofundar em:

  • Benchmarks do tema Colibri
  • Colibri Free vs Colibri Pro
  • Planos de preços do tema Colibri
  • Colibri PRO Theme Customizer
  • Recursos do tema Colibri
  • Prós e contras do Colibri

Antes de entrar no assunto, quero destacar algo que achei interessante. No momento em que você ativa o tema Colibri, é solicitado que você escolha um dos designs predefinidos do Colibri.

Você notará que, ao selecionar um design, irá instalar automaticamente o Colibri Page Builder. Não há nada com que se preocupar, pois o construtor apenas aprimorará o Customizador padrão e trará a você mais recursos interessantes (como blocos e componentes feitos por designers).

designs pré-definidos colibri

Agora, vamos rolar, vamos?

Benchmarks de desempenho da Colibri

A seguir estão as configurações do servidor e do aplicativo.

Configurações do servidor Cloudways

  • Servidor Cloudways: Vultr - Alta Frequência
  • RAM: 4 GB
  • Disco SSD: 128 GB
  • Transferência de largura de banda: 3 TB
  • Processador: 2 núcleos
  • Localização do servidor: Vale do Silício
  • Sistema operacional: Debian 9
  • NGINX: 1.14.1
  • Verniz: 5.0.0
  • Apache: 2.4.25
  • Banco de dados: MariaDB 10.4
  • PHP-FPM: 7.4

Configurações de aplicativos

  • Versão WordPress: 5.4.2
  • CDN: CloudwaysCDN
  • SSL: permite criptografar
  • Versão Colibri: 1.0.81

Plugins Instalados

  • Formulário de Contato 7
  • Rank Math SEO
  • Cache Breeze
  • Cloudways - Proteção de bot do WordPress
  • Colibri Page Builder
  • Colibri Page Builder PRO

Teste Loader.io

  • Páginas testadas: 3
  • Tipo de teste: Manter a carga do cliente
  • Clientes: 0 a 1000
  • Duração: 5 minutos
  • Resultado do teste:

teste colibri loader

Teste GTmetrix

colibri gtmetrix

Tema Colibri + Hospedagem extremamente rápida = Conversões mais altas

Cloudways oferece desempenho de servidor incomparável. Adicionar o tema Colibri à mistura é uma fórmula simples para o sucesso online.

Construa agora!

Colibri Free vs Colibri Pro

O que as versões Free e Pro Colibri têm em comum? Vamos ver:

  • Edição ao vivo dentro do Customizador
  • Imagem e planos de fundo gradientes
  • Capacidade de resposta móvel
  • Acesso à plataforma Colibri Cloud
  • Blocos de conteúdo pré-concebidos e modelos de site
  • Divisores de seção gráfica
  • Layouts de cabeçalho e menu de navegação

Em termos de layouts e seções, existem algumas diferenças entre os planos gratuitos e pagos, conforme visto a seguir:

Colibri grátis Colibri Pro
Modelos de sites pré-concebidos 3 60+
Blocos de conteúdo pré-concebidos 34 170+
Desenhos de cabeçalho da página inicial 5 20+
Opções de layout de cabeçalho 3 17
Layouts do menu de navegação 2 5
Blocos de rodapé pré-projetados 1 6

Colibri Pro vem com alguns recursos extras, como:

  • Planos de fundo ilimitados de vídeo e apresentação de slides
  • Cores de navegação
  • Quatro tipos de mídia de cabeçalho: imagem, vídeo, lightbox, colagem de imagem. O plano gratuito tem apenas a opção de imagem
  • Controle total sobre tipografia e cores (também para o rodapé)
  • Recursos de estilo avançados
  • Novos blocos: Google Maps, contadores, galeria de fotos
  • Suporte técnico prioritário por um ano
  • Suporte para vários idiomas

O que isso significa para você?

Os recursos profissionais oferecem melhores opções de personalização que você pode usar para construir um site verdadeiramente único. Você tem acesso a blocos e componentes pré-concebidos que podem ser personalizados com a perfeição de pixels. Você também terá acesso a um ano inteiro de atualizações e suporte.

Planos de preços do tema Colibri

Os três planos profissionais a seguir têm recursos anuais e vitalícios, com suporte e atualizações.

  • Pessoal
  • O negócio
  • Agência

O plano Business é válido para até 5 sites, enquanto com o plano Agência, você pode construir sites ilimitados.

Pessoal O negócio Agência
Anual $ 79 $ 99 $ 199
Tempo de vida $ 169 $ 239 $ 449

De vez em quando você tem acesso a descontos (Black Friday, por exemplo).

Como trabalhar com Colibri PRO no Customizer?

Graças ao plugin Colibri Page Builder, você pode projetar todo o seu site dentro do Customizer (barras laterais, cabeçalhos, rodapés incluídos).

Se você quiser prosseguir com um dos modelos predefinidos, escolha em Aparência → Configurações do Colibri → Sites de demonstração.

Recursos

Agora vamos verificar algumas seções extras disponíveis apenas na versão PRO:

A Seção Hero

Com Colibri, você pode criar seções de heróis fascinantes que causam uma impressão duradoura em seus visitantes. Você pode misturar vários tipos de mídia, como imagens, vídeos, colagens e caixas de luz.

Estilo e cores da tipografia

Tipografia do tema Colibri e recursos de cor

Você sempre pode alterar as cores do seu tema em Configurações gerais → Esquema de cores global. Aqui, você pode escolher entre os esquemas disponíveis ou criar um que corresponda melhor ao seu projeto.

Esquema de cores do tema Colibri

Se você deseja alterar as fontes globais, vá para Configurações gerais → Tipografia.

Personalização da tipografia do tema Colibri

Nesse nível, você pode definir seus próprios estilos de título. De H1 a H6, você pode atribuir fontes globais, tamanho (px, rem ou ems), peso, cor ou espaçamento entre letras.

É importante notar que no painel do lado esquerdo, você verá que esse estilo está vinculado a vários elementos. Se você não quiser que suas alterações afetem mais nada, certifique-se de desvincular os estilos.

Uma das maiores características do construtor Colibri é o fato de permitir que você copie e cole estilos!

Blocos de conteúdo pré-projetados

Colibri tem mais de 150 blocos de conteúdo prontos (herói, recursos, depoimentos, CTAs, equipe, etc.) que você pode usar para construir o site WordPress dos seus sonhos.

Blocos de conteúdo pré-projetados do tema Colibri

Esses blocos são totalmente personalizáveis ​​e você pode ajustá-los até que fiquem certos. Nas opções de edição “Avançadas”, você pode fazer ajustes em planos de fundo, divisórias, espaçamento, efeitos, tipografia e muito mais.

Bloco de edição Colibri Advanced

Componentes de arrastar e soltar

Esses componentes podem adicionar novas funcionalidades ao seu site: controles deslizantes, preços, ícones sociais, carrosséis, colunas e formulários. Você pode usá-los para criar blocos personalizados ou personalizar a linha de blocos existente.

Componentes de arrastar e soltar do tema Colibri

Você pode personalizar cada componente.

Para demonstrar isso, vamos examinar o bloco de acordeão.

Nas opções “Avançadas”, você pode fazer ajustes no plano de fundo, espaçamento, bordas e sombras, capacidade de resposta (ocultar no celular ou tablet), efeitos de aparência e até CSS customizado. Você pode afetar os estados normal e de pairar.

O Menu de Navegação

Em termos de menus, você tem cinco opções:

  • Menu principal do cabeçalho
  • Menu principal do rodapé
  • Menu secundário do cabeçalho
  • Menu in-page
  • Menu secundário de rodapé

Você pode adicionar páginas, links personalizados, categorias e tags a esses locais de menu.

Seção do menu de navegação do tema Colibri

Se você não quiser começar do zero, existem seis opções de bloco de rodapé que você pode modificar e ajustar.

Adicionar CSS personalizado

Se você acha que os templates e blocos pré-desenhados e todas as opções de customização ainda não são suficientes, sempre há a opção de brincar com o CSS. Você pode adicionar seu próprio CSS em Configurações gerais → CSS adicional.

Você pode adicionar seu próprio CSS dentro da opção “avançado”, no painel esquerdo, após selecionar um componente do site. Basta acessar “Gerenciar estilos” e começar a fazer alguma mágica CSS. Você pode até adicionar suas próprias classes CSS neste nível.

Tema Colibri Adicionar CSS Personalizado

Capacidade de resposta móvel

Cada elemento de design dentro do Colibri é construído para ter uma ótima aparência em qualquer dispositivo móvel e qualquer tamanho de tela.

Usando os controles na parte inferior, você pode ver a aparência do seu site na área de trabalho, tablet e celular e fazer as alterações de acordo. Agora, se você fizer mudanças de estilo em tablets, digamos, essa mudança ocorrerá em todos os dispositivos. No momento em que você altera os blocos de conteúdo (por exemplo: excluir uma seção para tablets), a alteração será refletida nos outros dispositivos também.

Antes de colocar o site no ar, sempre verifique a aparência do seu site em todos os dispositivos. Essa verificação básica é freqüentemente ignorada, com resultados desastrosos para suas iniciativas de construção de sites.

Capacidade de resposta do Colibri Theme Mobile

Prós e contras do Colibri

Vamos encerrar o que é ótimo sobre o Colibri:

  • Edição ao vivo no Customizador
  • Opções avançadas de personalização
  • Muitos modelos para uma variedade de nichos
  • Blocos e componentes predefinidos
  • Recurso de tipografia escalonável
  • Opções de copiar e colar para estilos
  • Design responsivo

Por outro lado, provavelmente há uma grande desvantagem: o Colibri não está pronto para experiências de comércio eletrônico.

Recomendo enfaticamente que você dê uma olhada rápida no Colibri para ver todos os recursos importantes em ação. Há até uma opção de test drive grátis.

Plugins Recomendados

No início da revisão eu disse que o tema pré-instala o construtor de páginas Colibri WordPress.

Se você navegar até Aparência → Instalar plug-ins, verá alguns outros plug-ins sendo recomendados. A maior parte deles pertence a um sócio da Colibri, o famoso WPMUdev. Esses plug-ins podem trazer novas funcionalidades em termos de segurança, desempenho, criação de formulários e muito mais.

Você também pode encontrar esses plug-ins em Aparência → Configurações do Colibri.

Plug-in recomendado do tema Colibri WP

Empacotando!

Todo o poder do tema Colibri depende dos recursos desbloqueados pelo construtor Colibri. O tema e o construtor permitem que você crie sites exclusivos arrastando e soltando em uma interface.

Se você precisa de um site simples, a versão gratuita pode resolver o problema. Se você quer construir algo que se destaque, opte pela versão PRO, vale a pena.

Nota: Este artigo foi publicado em colaboração com ColibriWP.