Colibri WP Review : un thème WordPress polyvalent riche en fonctionnalités

Colibri gratuit vs Colibri Pro

Qu'ont en commun les versions Free et Pro Colibri ? Voyons:

• Édition en direct dans le Customizer
• Arrière-plans d'image et dégradés
• Réactivité mobile
• Accès à la plateforme Colibri Cloud
• Blocs de contenu et modèles de site Web préconçus
• Séparateurs de sections graphiques
• Dispositions des en-têtes et des menus de navigation

En termes de mises en page et de sections, il existe quelques différences entre les forfaits gratuits et payants, comme indiqué ci-dessous :

Colibri Pro est livré avec quelques fonctionnalités supplémentaires telles que :

• Arrière-plans vidéo et diaporama illimités
• Couleurs de navigation
• Quatre types de médias d'en-tête : image, vidéo, lightbox, collage d'images. Le plan gratuit n'a que l'option image
• Contrôle total sur la typographie et les couleurs (également pour le pied de page)
• Fonctionnalités de style avancées
• Nouveaux blocs : Google Maps, compteurs, galerie photo
• Support technique prioritaire pendant un an
• Prise en charge de plusieurs langues

Qu'est-ce que cela signifie pour toi?

Les fonctionnalités professionnelles offrent de meilleures options de personnalisation que vous pouvez utiliser pour créer un site Web vraiment unique. Vous avez accès à des blocs et des composants préconçus qui peuvent être personnalisés à la perfection au pixel près. Vous avez également accès à une année complète de mises à jour et d'assistance.

Plans de tarification du thème Colibri

Les trois plans pro suivants ont des fonctionnalités annuelles et à vie, avec support et mises à jour.

• Personnel
• Entreprise
• Agence

Le plan Business est valable jusqu'à 5 sites, tandis qu'avec le plan Agency, vous pouvez créer des sites illimités.

De temps en temps, vous avez accès à des réductions (Black Friday, par exemple).

Comment travailler avec Colibri PRO dans le Customizer ?

Grâce au plugin Colibri Page Builder, vous pouvez concevoir l'ensemble de votre site Web à l'intérieur du Customizer (barres latérales, en-têtes, pieds de page inclus).

Si vous souhaitez utiliser l'un des modèles prédéfinis, choisissez Apparence → Paramètres Colibri → Sites de démonstration.

Caractéristiques

Voyons maintenant quelques sections supplémentaires disponibles uniquement dans la version PRO :

La section des héros

Avec Colibri, vous pouvez créer des sections de héros fascinantes qui laisseront une impression durable à vos visiteurs. Vous pouvez mélanger différents types de médias tels que des images, des vidéos, des collages et des lightbox.

Style et couleurs de la typographie

Vous pouvez toujours modifier les couleurs de votre thème à partir des Paramètres généraux → Schéma de couleurs global. Ici, vous pouvez choisir parmi les schémas disponibles ou en créer un qui correspond le mieux à votre conception.

Si vous souhaitez modifier les polices globales, accédez aux Paramètres généraux → Typographie.

A ce niveau, vous pouvez définir vos propres styles de titres. De H1 à H6, vous pouvez attribuer des polices globales, une taille (px, rem ou ems), un poids, une couleur ou un espacement des lettres.

Il est important de noter que dans le panneau latéral de gauche, vous verrez que ce style est lié à plusieurs éléments. Si vous ne voulez pas que vos modifications affectent quoi que ce soit d'autre, assurez-vous de dissocier les styles.

L'une des plus grandes fonctionnalités du constructeur Colibri est le fait qu'il vous permet de copier et coller des styles !

Blocs de contenu préconçus

Colibri propose plus de 150 blocs de contenu prêts à l'emploi (héros, fonctionnalités, témoignages, CTA, équipe, etc.) que vous pouvez utiliser pour créer le site Web WordPress de vos rêves.

Ces blocs sont entièrement personnalisables et vous pouvez les ajuster jusqu'à ce qu'ils soient parfaits. À partir des options d'édition « avancées », vous pouvez ajuster les arrière-plans, les séparateurs, l'espacement, les effets, la typographie, etc.

Composants par glisser-déposer

Ces composants peuvent ajouter de nouvelles fonctionnalités à votre site Web : curseurs, tarifs, icônes sociales, carrousels, colonnes et formulaires. Vous pouvez les utiliser pour créer des blocs personnalisés ou personnaliser la gamme de blocs existante.

Vous pouvez personnaliser chaque composant.

Pour le démontrer, regardons le bloc Accordéon.

À partir des options "Avancées", vous pouvez ajuster l'arrière-plan, l'espacement, les bordures et les ombres, la réactivité (masquage sur mobile ou tablette), les effets d'apparence et même le CSS personnalisé. Vous pouvez affecter à la fois les états normal et survol.

Le menu de navigation

En termes de menus, vous disposez de cinq options :

• Menu principal de l'en-tête
• Menu principal du pied de page
• Menu secondaire de l'en-tête
• Menu en-page
• Menu secondaire du pied de page

Vous pouvez ajouter des pages, des liens personnalisés, des catégories et des balises à ces emplacements de menu.

Si vous ne voulez pas repartir de zéro, il existe six options de bloc de pied de page que vous pouvez modifier et ajuster.

Ajouter un CSS personnalisé

Si vous pensez que les modèles et blocs préconçus et toutes les options de personnalisation ne suffisent toujours pas, il y a toujours la possibilité de jouer avec le CSS. Vous pouvez ajouter votre propre CSS sous Paramètres généraux → CSS supplémentaire.

Vous pouvez ajouter votre propre CSS dans l'option « avancée », dans le panneau de gauche, après avoir sélectionné un composant de site Web. Rendez-vous simplement sur « Gérer les styles » et commencez à faire de la magie CSS. Vous pouvez même ajouter vos propres classes CSS à ce niveau.

Réactivité mobile

Chaque élément de conception à l'intérieur de Colibri est conçu pour avoir fière allure sur n'importe quel appareil mobile et n'importe quelle taille d'écran.

À l'aide des commandes en bas, vous pouvez voir à quoi ressemble votre site Web sur un ordinateur de bureau, une tablette et un mobile, et apporter des modifications en conséquence. Maintenant, si vous modifiez le style sur les tablettes, disons que ce changement se produira sur tous les appareils. Au moment où vous modifiez des blocs de contenu (par exemple, supprimez une section pour les tablettes), le changement sera également répercuté sur les autres appareils.

Avant de mettre le site Web en ligne, vérifiez toujours à quoi ressemble votre site Web sur tous les appareils. Cette vérification très basique est souvent ignorée avec des résultats désastreux pour vos initiatives de création de sites Web.

Avantages et inconvénients de Colibri

Résumons ce qui est génial avec Colibri :

• Édition en direct depuis le personnalisateur
• Options de personnalisation avancées
• Beaucoup de modèles pour une variété de niches
• Blocs et composants prédéfinis
• Fonction de typographie évolutive
• Options copier-coller pour les styles
• Conception réactive

D'un autre côté, il y a probablement un gros inconvénient : Colibri n'est pas prêt pour les expériences de commerce électronique.

Je recommande fortement de prendre Colibri pour un tour rapide pour voir toutes les fonctionnalités importantes en action. Il existe même une option d'essai gratuit.

Plugins recommandés

Au début de l'examen, j'ai dit que le thème pré-installe le générateur de page Colibri WordPress.

Si vous accédez à Apparence → Installer des plugins, vous verrez d'autres plugins recommandés. La plupart appartiennent à un partenaire de Colibri, le célèbre WPMUdev. Ces plugins peuvent apporter de nouvelles fonctionnalités en termes de sécurité, de performances, de création de formulaires, etc.

Vous pouvez également trouver ces plugins dans Apparence → Paramètres Colibri.

Emballer!

Toute la puissance du thème Colibri repose sur les fonctionnalités débloquées par le constructeur Colibri. Le thème et le constructeur vous permettent de créer des sites Web uniques par glisser-déposer dans une seule interface.

Si vous avez besoin d'un site Web simple, la version gratuite pourrait faire l'affaire. Si vous voulez construire quelque chose pour vous démarquer, optez pour la version PRO, ça vaut le coup.

Remarque : Cet article a été publié en collaboration avec ColibriWP.