Publié par le 8 octobre 2019 • 9 Commentaires

Si vous fréquentez assidûment ce blog, vous savez que je vous ai présenté il y a quelques semaines plusieurs thèmes réputés pour leurs performances.

OceanWP, Astra et GeneratePress, pour ne pas les citer. Avec eux, je pensais avoir tout vu.

Eh bien j’étais aveugle. Ou plutôt ignorant. Récemment, j’ai découvert Neve, un thème WordPress créé par ThemeIsle qui est en train d’affoler tous les compteurs.

Un thème WP, que dis-je ? Le Usain Bolt – celui de la grande époque, pas le retraité qui mange des nuggets de poulet – des thèmes WordPress serait en fait plus adéquat pour le qualifier.

Neve, c’est de la dynamite. Une fusée qui met à mal tous les tests de vitesse qu’on lui fait passer (je vous spoile un peu une partie de l’article, mais c’est pour la bonne cause).

Et attendez, ce n’est pas fini. En plus de ça, il paraît que Neve est (très) simple à utiliser, adapté aux débutants, et permet de créer n’importe quel type de site pour un rapport qualité-prix défiant toute concurrence.

Un homme étonné en regardant son portable
Hum, tout ça semble un peu bizarre, non ?

Trop beau pour être vrai ? C’est ce que vous allez découvrir dans ce test détaillé.

Pour vous, j’ai passé Usain Bolt – euh, ce thème – au peigne fin. Vous saurez tout, tout, tout sur lui. Le vrai. Le faux. Tout, tout, tout…

A vos marques, prêt, partez !

Neve, le thème WordPress qui veut “rendre la création de site accessible à tous”

Alors, est-on vraiment tombé sur le thème parfait ? Celui qui vous file la bave aux lèvres et transforme vos yeux en étoiles ?

En lisant la page de vente qui lui est dédiée, c’est un peu ça, oui.

Je vous fais un p’tit récap des supposés incroyables atouts du thème Neve.

Evidemment, vous vous doutez bien que ses concepteurs ne le présentent pas comme un thème tout naze et hyper-complexe à utiliser, discours commercial oblige.

Pêle-mêle, Neve permettrait de “créer et de développer un site web rapidement”, “de façon professionnelle, en quelques minutes”.

Sa cible privilégiée : “les freelances et les amateurs qui veulent un thème flexible et facile à paramétrer”.

Derrière ces belles paroles, on distingue une idée force : “rendre la création de site accessible à tous”.

Si vous faites vos premiers pas sur WordPress, je suppose que cela doit commencer à vous intéresser.

Oh yes !

Alors restez par là et lisez la suite. Parmi les caractéristiques principales de Neve, je pourrais vous citer :

  • La facilité d’utilisation : tous les réglages sont condensés au sein de l’Outil de personnalisation (Customizer, en anglais).
  • L’intégration avec les principaux constructeurs de page du marché et une excellente compatibilité avec Gutenberg, l’éditeur de contenus de WordPress.
  • Un design élégant et minimaliste avec la présence de nombreuses démos prêtes à l’emploi et activables en quelques clics.
  • D’excellentes performances, mais ça, vous le savez déjà ^^. Neve se chargerait en à peine 0,6 seconde sur une installation WordPress par défaut, et “pèserait” à peine 28 KB. Ce qui ferait de lui l’un des thèmes (le thème?) les plus rapides du marché.

Vous le voyez, Neve, il a tout d’un grand. Lancé en décembre 2018 (la version Pro a suivi en juin 2019), il grossit, grossit et grossit à vue d’oeil.

Si vous avez l’habitude de balader votre souris (celle de votre ordinateur) sur le répertoire officiel des thèmes WordPress, vous l’avez peut-être déjà remarqué au milieu des thèmes les plus populaires.

Neve, un thème WordPress sur le répertoire officiel
Coucou, je te vois, Neve 😉

Pour le moment, certains géants (OceanWP, Astra, GeneratePress etc.) lui mangent encore sur le crâne, mais les “stats” de Neve commencent à le positionner comme un thème qui monte.

Installé sur plus de 50 000 sites, il cumule d’excellents notes (5 étoiles sur 5) et retours utilisateurs. Ces derniers mettent notamment en avant sa “simplicité” et sa “facilité d’utilisation”.

Présentation du thème Neve sur le répertoire officiel

Pour info, Neve est l’un des thèmes freemium de ThemeIsle, une boutique créée en 2012 et très bien implantée dans l’écosystème WordPress (ils ont aussi un blog alimenté régulièrement).

ThemeIsle développe notamment des plugins (Feedzy RSS Feeds, Visualizer, WP Product Review) et surtout des thèmes freemium, donc.

Parmi eux, vous connaissez peut-être le thème Hestia (plus de 100 000 installations actives) ou encore Zelle Pro.

Petit aparté à ce sujet, avant de conclure cette première partie. Hestia theme étant déjà bien implanté dans le paysage des thèmes et possédant pas mal de points communs avec Neve, j’ai demandé à ThemeIsle pourquoi avoir mis tant d’efforts dans le développement de notre thème du jour, plutôt que de se concentrer sur le développement d’Hestia, qui performe déjà très bien.

Voici leur réponse : “En tant que boutique de thèmes, nous avons toujours eu plusieurs thèmes, donc travailler sur un nouveau thème, tout en ayant Hestia, est quelque chose que nous avions déjà fait avant. Avec Neve, nous voulions créer un thème qui soit page builder friendly. Neve a été conçu en prenant toujours en compte la performance et la compatibilité avec les constructeurs de pages.”

Hop, refermons cette parenthèse. Maintenant que vous connaissez un peu mieux la façade, il est temps de découvrir l’intérieur de l’édifice.

Faites vos premiers pas dans la partie suivante, où vous allez commencer par découvrir sa maniabilité.

Quelle maniabilité ?

Une fois le thème installé, vous apprécierez de tomber sur une sorte d’assistant d’installation qui vous propose 3 actions principales :

  • Installer un site de démarrage prêt à l’emploi, en d’autres termes une démo qui vous permet de disposer en quelques clics d’un site opérationnel. Sinon, par défaut, votre site ressemblera à cela après activation du thème :
Neve en front-end
  • Consulter la documentation pour “des informations détaillées sur l’utilisation de Neve”.
  • Aller dans les réglages du thème pour commencer à le personnaliser.

Visuellement, l’assistant en question ressemble à cela :

Assistant d'installation du thème Neve

Vous le voyez, c’est simple et efficace, sans être trop intrusif. En gros, on respecte l’expérience utilisateur.

J’ajoute que l’on n’est pas non plus pollué par d’horribles fenêtres pop-up, incitant par exemple de passer à la version Premium.

Ce n’est pas toujours le cas avec d’autres thèmes, il est bon de le souligner.

Pour le moment, je choisis d’aller dans les Réglages du thème pour voir ce qu’il en ressort. Cela vous redirige automatiquement sur un lien Neve Options situé dans le menu Apparence de votre tableau de bord.

Premier constat, qui corrobore la première impression ressentie après l’installation du thème : le Tableau de bord du thème reste sobre et compréhensible, avec la présence de 6 onglets (Commençons, Extensions utiles, Documentation, Journal, Gratuit vs Pro, Bibliothèque de sites).

Ajoutons que tout est traduit en français, ce qui facilite la découverte de l’outil.

Options du menu de Neve

Pour commencer, Neve vous recommande d’installer une démo de site (on les détaillera plus tard au cours de l’article).

Il y en a une quarantaine au total, et vous pouvez les trier en fonction de leur compatibilité avec certains constructeurs de sites (Elementor, Beaver Builder, Brizy), et Gutenberg.

J’ai bien aimé les nombreux liens pour vous aider à bien personnaliser votre site d’une part, puis à l’optimiser.

On vous montre par exemple comment créer un thème enfant (Alex aussi dans cette vidéo), comment accélérer votre site, et on vous suggère l’installation d’extensions (certaines sont maison, faut bien faire sa promo).

Quelques liens vers des réglages de personnalisation basiques (ajout d’un logo, choix de couleurs, personnalisation des polices etc.) sont aussi bien sentis.

Pour le reste, tout se passe sur l’Outil de personnalisation, via Apparence > Personnaliser.

Découvrez ces p’tits secrets dans la prochaine partie, juste en-dessous.

La personnalisation du thème en version gratuite

Une fois sur l’Outil de personnalisation, vous disposerez de 10 menus pour personnaliser votre thème (on exclut Afficher les fonctionnalités Pro qui vous présente les options Premium de Neve).

Outil de personnalisation de Neve
L’Outil de personnalisation avec les options de Neve

Les options sont somme toutes classiques et n’ont rien de bien révolutionnaire. Vous pourrez notamment modifier :

  • Les couleurs et l’arrière-plan.
  • La typographie.
  • Les boutons (couleurs, marge, bordure).
  • Votre menu (éléments + emplacement).
  • Les widgets affichés (Neve propose 4 zones de widgets).

En revanche, Neve se démarque à deux niveaux : la personnalisation de l’en-tête (header) et du pied de page (footer), ainsi que la mise en page de votre contenu.

Un constructeur d’en-tête et de pied de page en glisser-déposer

C’est la première fois que je vois ça sur un thème : Neve propose de customiser votre en-tête et votre pied de page en faisant glisser-déposer les éléments de votre choix (ex : logo, formulaire de recherche, bouton, icône etc.).

L'en-tête du thème Neve sur WordPress

C’est original et ludique. Après, niveau efficacité, les thèmes qui ne proposent pas cette option font tout aussi bien, selon moi.

Par ailleurs, vous pouvez aussi régler finement la mise en page des éléments de votre menu (alignement et marges).

Du côté du pied de page, j’ai bien aimé la possibilité de pouvoir modifier le texte du Copyright, tout comme la possibilité d’ajouter jusqu’à 4 zones de widgets.

Des options de mise en page poussées

Le second élément qui a attiré mon attention, comme je vous l’ai expliqué plus haut, concerne la mise en page.

La version gratuite du thème permet déjà un contrôle assez poussé, via le menu Mise en page, ça va de soi.

Tout d’abord, vous pourrez personnaliser la largeur de votre contenu au pixel près, ou encore choisir d’afficher votre contenu en pleine largeur (très utile si vous souhaitez coupler le thème à un constructeur de page).

Personnalisation du conteneur du thème

Ensuite, vous pourrez choisir d’afficher une barre latérale (sidebar) à gauche ou à droite, et régler sa largeur d’un simple clic.

Si les barres latérales vous sortent par les yeux, vous pourrez également vous en passer.

Enfin, vous apprécierez les réglages proposés pour votre Blog. De façon générale,
vous pouvez afficher vos articles sous forme de grille, choisir le colonnage (jusqu’à 4 colonnes), définir la longueur de l’extrait, ou encore choisir d’afficher l’avatar de l’auteur.

Et, de façon individuelle, il est possible de modifier l’ordre d’apparence des éléments pour chaque article, d’un simple glisser-déposer (Titre & Méta, Miniatures, Contenu, Etiquettes, Navigation d’article, Commentaires).

La personnalisation du thème Neve en version Premium

Neve Pro Theme est la version Premium du thème. Il s’agit d’un plugin qui va ajouter 9 fonctionnalités au thème de base.
Je vous les présente en détails juste après ces quelques lignes.

Sachez que vous pouvez vous procurer Neve Pro sur la page d’accueil du thème.

L’offre de départ (Personal) démarre à 39€ pour une utilisation sur un nombre de sites illimité et un an de support.
Pour les besoins de cet article, nous avons testé l’offre Agency, qui dispose de toutes les options.

Une fois que vous vous êtes procuré l’extension (elle se présentera au format zip), installez-la et activez-la sur votre Tableau de bord, en passant par le menu Extensions.

Un nouvel onglet appelé Neve Pro Addon devrait avoir fait son apparition au niveau des options du thème.

Neve Pro Addon

Comme vous pouvez le constater, Neve adopte une approche modulaire : vous pouvez activer/désactiver en 1 clic les options dont vous souhaitez vous servir.

Cela permet de ne pas charger des fichiers et des fonctions qui ne seront pas utilisées.

Tout est bon pour vous ? Maintenant, entrons dans les détails avec le premier “module” Premium.

Booster d’en-tête (Header Booster)

Le module Header Booster de Neve (Booster d’en-tête) ajoute tout un tas de nouvelles fonctionnalités par rapport à celles proposées dans la version gratuite.

Tout d’abord, de nouveaux composants sont disponibles au niveau du constructeur d’en-tête :

Les composants du constructeur d'en-tête

Par ailleurs, vous pourrez notamment :

  • Rendre votre barre de navigation transparente, pour l’intégrer au sein de l’arrière-plan.
  • Créer un sticky header (en-tête fixe), c’est-à-dire un en-tête qui reste collé en haut de l’écran, même quand l’utilisateur scrolle dans la page.
  • Afficher deux en-têtes différents : un en haut de la page, et un au scroll, tout en leur assignant deux couleurs différentes.

Booster de Blog (Blog Booster)

Booster de Blog ajoute de nouveaux éléments de personnalisation dans le menu Mise en page de l’Outil de personnalisation.
Dans le sous-menu Blog/Archive, vous remarquerez qu’il est désormais possible de :

  • Classer vos articles en fonction de leur date de publication (soit en partant du plus récent, du moins récent ou de la date de mise à jour).
  • Choisir le séparateur de votre choix entre les métadonnées de l’article.
  • Régler la taille en pixel de l’avatar de l’auteur.
  • Editer le bouton Lire la suite en y inscrivant le texte de votre choix.

Dans le sous-menu Article unique, 3 nouveaux éléments ont fait leur apparition :

  • Sharing Icons (Icônes de partage sur les Réseaux sociaux).
  • Author Biography (Biographie de l’auteur).
  • Related Posts (Articles associés)

Vous pouvez activer/désactiver ces éléments en 1 clic afin de donner plus d’informations contextuelles à vos lecteurs.

Une fois un élément activé, de nouveaux réglages apparaissent. Par exemple, pour l’option Related Posts, vous pouvez choisir le nombre d’articles associés à afficher pour chaque publication.

Haut de page (Scroll to top)

Place désormais à un module tout simple mais ô combien efficace : le module Haut de page (Scroll to top), que vous trouverez dans Mise en page > Haut de page sur l’Outil de personnalisation.

Grâce à lui, vous allez pouvoir ajouter et personnaliser une flèche Retour vers le haut pour que vos visiteurs puissent remonter en haut de votre page très rapidement.

Vous pourrez donc choisir :

  • L'emplacement de la flèche (gauche ou droite).
  • Sa taille.
  • Sa couleur, ainsi que celle de l’arrière-plan et au survol de la souris (hover).
  • Son degré d’arrondissement (border-radius).
  • De l’afficher ou pas sur mobile.
Le module Haut de page

Booster Elementor (Elementor Booster)

Bien évidemment, pour pouvoir utiliser ce nouveau module, vou devrez au préalable avoir installé Elementor.

C’est d’ailleurs peut-être déjà le cas si vous avez activé l’une des démos du thème qui fonctionne avec lui.

Comme l’explique ThemeIsle, ce module vous aide à “tirer parti de la flexibilité réelle d’Elementor avec des modules puissants et des modèles que vous pouvez importer en un seul clic.”

Je m’attendais à une offre fournie, il m’a fallu me contenter de “seulement” 4 nouveaux widgets (des modules pour Elementor).

Vous les retrouverez sur l’interface du constructeur de page dans la section Neve Pro Addon Widgets :

Neve Pro Addon Widget

Dans le détail, vous pourrez ajouter et personnaliser :

  • Des Flip Cards, qui permet d’animer une zone de contenu en la retournant comme une carte.
  • Des Review Box, pour ajouter des notes et avis clients sur vos produits (si vous en avez).
  • Des boutons de partage sur les réseaux sociaux (Share Buttons).
  • Des Titres Animés (Typed Headlines).
Un titre animé sur Neve
Un titre animé grâce au module Typed Headlines

Au final, ces 4 widgets fournissent un petit plus non négligeable, mais pas de quoi révolutionner votre pratique d’Elementor (ces widgets sont d’ailleurs déjà présents dans la version Pro d’Elementor, mais sous d’autres appellations).

Et on est encore très loin de ce que proposent certains concurrents comme OceanWP, par exemple, avec son module Premium Elementor Widgets, qui ajoute une cinquantaine de nouveaux éléments.

Mises en page personnalisées (Custom Layouts)

Ce module est plus avancé techniquement mais il peut être intéressant pour personnaliser le thème de façon plus poussée.

Grâce à des règles précises, vous pourrez par exemple afficher des en-têtes et des pieds de page personnalisés en fonction du type de contenu (les réglages sont à faire dans Apparence > Custom Layouts).

Custom layouts

Il est aussi possible d’utiliser les hooks (un hameçon, en français, est un point d’entrée dans une fonction WordPress) pour ajouter des morceaux de code personnalisés à une vingtaine d’endroits différents prévus par le thème.

Un aperçu du système des hooks sur Neve

Note : Neve propose aussi une extension-maison dédiée appelée Neve Hooks.

WooCommerce Booster

Le module WooCommerce Booster ajoute 4 options générales supplémentaires au célèbre plugin ecommerce, que vous devrez bien sûr avoir activé au préalable sur votre site.

Voyez de quoi il s’agit (dans le menu Mise en Page de l’Outil de personnalisation) :

  • Au niveau de la page Boutique (Shop), vous pourrez par exemple choisir la mise en page (ex : nombre de produits à afficher sur une ligne), modifier la taille de chaque produit, ajouter un encart Promo pour vos produits en Soldes.
Neve et WooCommerce
Un aperçu du Menu Shop sur l’Outil de personnalisation
  • Sur les pages propres à chaque produit (Single Product), il sera possible de modifier d’un glisser-déposer l’ordre d’affichage de certains éléments (ex : Prix, Titre du produit, Bouton d’ajout au panier, Description etc.), d’afficher des produits associées pour faire de la vente couplée, ou encore d’ajouter une vidéo à la Une pour présenter votre produit.
  • Concernant la Page Panier (Cart Page), vous pourrez contrôler la mise en page et le style.
  • Enfin, sur la Page de paiement (Checkout Page), à noter la possibilité d’activer un mode sans distraction, ou encore d’ajouter un encart pour insérer un code promo.

Si la création et la personnalisation d’une boutique WooCommerce vous intéresse, je vous conseille de visionner cette vidéo de la chaîne YouTube de WPMarmite :

Note : Le module WooCommerce Booster est accessible uniquement sur les offres Business (59€) et Agency (99€) de Neve.

Typekit Fonts

Si vous possédez un compte Adobe, vous pouvez vous servir du module Typekit Fonts pour avoir accès à toutes vos polices.

Pour cela, il vous suffit d’entrer votre identifiant dans la zone matérialisée sur la capture ci-dessous, et de cliquer sur Save (Enregistrer).

Typekit Fonts

LifterLMS Booster

LifterLMS est un plugin premium (à partir de 99$/an) qui permet de créer un un site d’e-learning sur WordPress, et disponible uniquement avec les offres Business et Agency.

Pour utiliser le module LifterLMS Booster, vous devrez avoir activé le plugin au préalable.

Ensuite, vous pourrez notamment agir sur la mise en page de vos cours, ou encore sur les couleurs.

Marque Blanche (White Label)

Terminons ce tour des modules Premium avec Marque Blanche (White Label), disponible uniquement avec l’offre Agency de Neve.

Il permet de modifier les noms du thème et du plugin (et tous leurs détails associés) afin d’utiliser votre nom de marque/entreprise à la place.

Cela peut être utile si vous êtes un freelance ou une agence et que vous créez des sites pour vos clients, qui ne sauront pas que vous avez utilisé un thème tiers en se rendant sur le back office.

Devenez un freelance WordPress accompli

Trouvez les bons clients, vendez des sites rentables, et libérez-vous de vos contraintes​

Pour vous en servir, cliquez sur Settings (Réglages) , en bas à droite du module.

Réglages de la marque blanche

Entrez ensuite les informations de votre choix, puis pensez à cliquer sur le bouton Save Changes (Enregistrer les changements) et à rafraîchir la page.

Menu du module Marque Blanche

Normalement, la magie a opéré. Tout le branding de Neve a été remplacé par WPMarmite (au niveau des menus, de la liste des extensions, des thèmes etc.).

Regardez ce que cela donne pour les thèmes, par exemple :

Marque Blanche sur Neve avec WPMarmite

Et voilà, vous en avez terminé avec la découverte des modules Premium du thème Neve.

Pour plus d’informations sur le sujet, n’hésitez pas à consulter la documentation Pro du thème.

Sans plus attendre, on passez à la suite.

La bibliothèque de sites : les Starter Sites

A mi-parcours, je vous propose désormais d’enclencher la marche arrière pour revenir un instant au début de cet article.

Rappelez-vous : à ce moment-là, je vous expliquais que Neve souhaitait vous aider à “créer un site web rapidement”, “en quelques minutes”.

Si vous êtes débutant(e), vous devez vous demander grâce à quel numéro de prestidigitateur il est possible de parvenir à un tel résultat aussi vite.

Un coup de baguette magique, et hop, je vous sors la réponse de mon chapeau : la bibliothèque de sites de Neve (Starter sites, en anglais).

Il s’agit de démos uniques, “qui peuvent être installées en un seul clic”, dixit les concepteurs du thème (une paire de clics serait plus exact).

Elles vous permettent de disposer d’un site opérationnel sans vous prendre la tête, à condition de tomber sur une démo qui vous convienne (vous pourrez bien sûr la modifier par la suite).

Quelques exemples de demos de Neve
Quelques exemples de demos de Neve sur WordPress

Au moment d’écrire ces lignes, Neve proposait 37 démos. 22 gratuites et 15 dispos avec l’une des deux versions Pro suivantes, Business ou Agency (attention, la version Pro Personal ne propose de Starter Sites).

Ces démos permettent de créer des sites pour différents usages (Business, Ecommerce, Responsive, One Page etc.), et à destination de différentes niches (Blog, Freelancing, Photographie, Restauration, Mariage, Fitness etc.).

A noter deux choses :

  • Premièrement, elles nécessitent l’installation d’un constructeur de page (Elementor, Beaver Builder ou Brizy) : mais tout cela se fait automatiquement lors du processus d’installation.
  • Deuxièmement, seul Elementor est compatible avec toutes les démos (une seule fonctionne avec Gutenberg, 14 avec Brizy, et 21 avec Beaver Builder).

Voilà pour le topo, mais une “installation en 1 clic”, est-ce vraiment possible ?

J’ai testé pour vous et la réponse est “oui”. Chez vous, il vous suffit d’aller dans Apparence > Neve Options > Bibliothèque de sites.

Menu de la Bibliothèque de sites de Neve

Sélectionnez ensuite la démo de votre choix et cliquez sur Import pour lancer le processus d’installation automatique.

Démo Restaurant de Neve

Note : Les créateurs du thème vous conseillent de sauvegarder votre site avant de commencer une importation (on n’est jamais trop prudent). Il est aussi précisé que certaines images ne seront pas importés : ThemeIsle vous propose un lien vers Unsplash, une Bibliothèque d’images gratuites et libres de droit, pour trouver votre bonheur.

Dans l’exemple de la démo Restaurant, vous constaterez que Neve va aussi installer le constructeur de page Elementor et l’extension Orbit Fox pour que la démo ressemble point pour point à ce que vous avez visionné.

Résultat des courses :

  • Une dizaine de secondes ont été nécessaires pour importer la démo.
  • Le site est parfaitement fonctionnel et ressemble exactement à la démo que j’avais prévisualisée.
  • Je n’ai noté aucun bug, que ce soit au niveau de l’affichage ou de la vitesse de chargement sur le back office.
  • Je peux modifier le contenu des pages, mais pour cela il faut utiliser Elementor (si vous ne l’utilisez pas, il faudra un minimum de temps pour le prendre en main même s’il est très intuitif).
  • Par contre, il n’existe pas d’option pour revenir en arrière et supprimer la démo pour revenir à la configuration essentielle. Pas vraiment pratique.
  • Enfin, notez que les pages créées par les démos sont en anglais. Pour un public francophone, ce n’est pas vraiment pertinent. Vous pouvez bien sûr modifier le titre de vos pages sans souci, mais n’oubliez pas de modifier le slug de l’URL également, et donc de faire une redirection pour ne pas pénaliser votre SEO (référencement naturel).

Par rapport à la concurrence, Neve est encore un peu “tendre” au niveau des démos de sites.

Par exemple, Astra en propose une centaine, OceanWP environ 80.

Mais ThemeIsle précise sur son site que de nouvelles démos sont ajoutées tous les mois.

Quelle adaptation aux constructeurs de page ?

Neve et les page builders

Le sous-titre de la page d’accueil dédié à Neve ne laisse pas de place au doute : notre thème du jour est “compatible avec les constructeurs de page populaires”.

Pour découvrir lesquels, il suffit notamment de scroller un peu sur cette même page. Vous tomberez alors nez à nez avec les logos d’Elementor, Beaver Builder, Divi, Brizy, Visual Composer ou encore Site Origin.

Les page builders compatibles avec Neve

Avec ça, vous avez de quoi faire. Et avant d’aller plus loin dans le détail, je m’arrête un instant sur l’utilité d’un constructeur de page.

Sans avoir besoin de connaître le code, il va vous permettre de créer des mises en page de votre choix grâce à des modèles prédéfinis, la plupart du temps en glissant-déposant des éléments (modules, templates) au sein de votre contenu.

Créer un site avec un constructeur de page (page builder), c’est en quelque sorte un jeu d’enfant (vous devrez quand même vous familiarisez un minimum avec celui que vous aurez choisi avant d’en faire ce que vous voulez).

En l’utilisant avec un thème, vous disposerez d’encore plus d’options de personnalisation. C’est la raison pour laquelle l’immense majorité des thèmes du marché s’attachent aujourd’hui à être compatibles avec la plupart des constructeurs de page.

J’espère que vous comprenez :-).

Revenons-en à Neve, si vous voulez bien.

Je vous ai indiqué lors du passage sur la Bibliothèque de sites que les démos ont été spécifiquement créées pour fonctionner avec Elementor, Beaver Builder et Brizy (sans oublier Gutenberg, qui n’est cependant pas un constructeur de page à proprement parler).

Elementor est d’ailleurs le mieux représenté dans tout ça, et il y a une raison à cela. C’est le constructeur de page le plus populaire du répertoire officiel (+ de 3 millions d’installations actives !), et son interface est relativement aisée à comprendre avec un poil de pratique.

D’ailleurs, Elementor cite Neve parmi la dizaine de thèmes gratuits qui marchent le mieux avec lui.

Ensuite, côté pratique, ça donne quoi ?

Pour les besoins de cet article, j’ai pu tester le thème avec Elementor et Beaver Builder, et tout s’est très bien passé.

De façon plus précise, Neve est un thème WordPress qui vous permet de contrôler la structure de votre page, ce qui reste hyper-pratique si vous le couplez avec un page builder.

Vous pouvez par exemple :

  • Choisir d’afficher votre contenu en pleine largeur (ce n’est pas possible avec tous les thèmes, et c’est juste indispensable) et modifier le pourcentage de la largeur de ce contenu.
  • Choisir d’afficher votre barre latérale de gauche, de droite, ou aucune barre latérale.
  • Désactiver les éléments que vous n’utilisez pas (ex : le pied de page, l’en-tête, titre de la page).
Réglages de la page sur le thème Neve

Neve et Gutenberg

Apparu avec la version 5.0 de WordPress, fin 2018, Gutenberg propose de plus en plus d’options au fil des mois.

Aujourd’hui, vous pouvez vous servir de cet éditeur de contenus pour créer des pages sur-mesure qui ressemblent à quelque chose.

Même si la démo Original est pour le moment la seule compatible avec Gutenberg sur la Bibliothèque de sites du thème Neve, vous verrez que vous pouvez parvenir à un résultat tout à fait décent avec Gutenberg.

La démo Original de Neve
La démo Original de Neve

Si les options présentes dans le Core de Gutenberg ne vous suffisent pas, ThemeIsle vous recommande d’utiliser son plugin maison appelé Gutenberg Blocks and Template Library by Otter.

Il propose notamment des blocs supplémentaires et des templates tout prêts à ajouter en un clic.

Otter Gutenberg

Enfin, pour avoir un aperçu encore plus visuel de ce que vous pouvez faire, je vous recommande de visionner cette vidéo.

Son auteur vous détaille comment recréer un site (Lifehack.org) pas à pas en alliant seulement Neve et Gutenberg.

Quelle expérience utilisateur pour un site utilisant le thème Neve sur WordPress ?

Performance du thème Neve

Désormais, je vous propose de vous attaquer à un gros morceau : la performance du thème.

D’abord parce qu’il s’agit d’un critère importantissime pour soigner l’expérience utilisateur : un site lent, personne n’aime ça.

Ensuite, parce que selon Google, la performance d’un site est l’un des 3 facteurs les plus importants à prendre en compte pour votre référencement naturel.
Enfin, parce qu’il s’agit de l’un des arguments commerciaux majeurs de Neve, qui se targue de vous livrer une fusée clé en mains (à raison).

Jugez plutôt :

Les résultats obtenus par les concepteurs du thème sont tout simplement hallucinants :

  • 100/100, soit la note maximale sur Google Page Speed Insights, GTmetrix et Pingdom.
  • Le thème se chargerait en 0,6 seconde sur une installation par défaut de WordPress !
  • Avec Neve installé, une installation par défaut de WordPress ne pèserait pas plus de 28kb. A titre de comparaison, c’est encore moins que GeneratePress (30kb), qui est l’un des thèmes les plus rapides de tout l’écosystème WordPress.

Peut-on vraiment se fier à tout ça ? Vous vous doutez bien qu’on n’allait pas se contenter de ces données sans se faire notre propre opinion.

Alors on a passé Neve au crash test. Et pour avoir un point de comparaison équitable, on a procédé de la même façon qu’avec des thèmes concurrents (GeneratePress, Astra et OceanWP).

Voici le mode d’emploi :

  • Services de tests utilisés : WebPageTest (en utilisant à chaque fois Paris comme localisation) avec prise en compte du critère “fully loaded” (moment où le site est complètement chargé, incluant les scripts externes et applications) ; Pingdom Tools (en utilisant à chaque fois Londres comme localisation).
  • Site de test hébergé sur un serveur mutualisé d’o2switch (aff).
  • Je n’ai activé aucun plugin et Neve Pro n’était pas installé.

Test sur WebPageTest : temps de chargement de 0,860s (fully loaded)

Neve sur WebPageTest

Test sur Pingdom Tools : temps de chargement de 419ms

Test Pingdom Tools de Neve

Que retenir de ces tests ? Premier constat, ils sont grosso-modo conformes à ce qu’annoncent les créateurs du thème.

A savoir que nous sommes tombés sur le même nombre de requêtes effectuées (7) et un poids de la page de moins de 28kb (27,9kb pour être précis, chez Pingdom).

Pour le reste, vous constaterez quelques données différentes, et c’est normal. Il faut savoir que les résultats ci-dessus permettent d’avoir un premier aperçu, mais ne peuvent être considérés comme un jugement arrêté et définitif.

Vous pourriez avoir des données différentes chez vous, en fonction de votre hébergement, ou encore des plugins et du système de cache que vous utilisez.

Une chose est certaine : Neve est bien à ranger dans la catégorie des thèmes ultra-performants.

D’après les tests que nous avons menés, il est même encore plus rapide que certains pontes en la matière, tels que GeneratePress, Astra et OceanWP (nous les avons comparés dans cet article) !

Et pour conclure là-dessus, figurez-vous que WP Rocket, qui en connaît un rayon sur le sujet, a placé Neve dans le Top 10 des thèmes les plus rapides en 2019.

Une fusée, on vous a dit !

Optimisation du SEO

Tout d’abord, Neve utilise un code HTML valide, propre et optimisé, ce qui ne compliquera pas la vie des moteurs de recherche qui viendront parcourir votre site.

Comme je vous l’ai expliqué précédemment, le thème fait partie des plus légers du marché, ce qui reste un critère hyper-important du point de vue SEO (Optimisation pour les moteurs de recherche).

Ensuite, aucun souci à signaler au niveau des balises titre (h1, h2, h3, h4 etc.). Il y a bien un titre h1 par page (il n’en faut pas plus d’un, attention) et des titres h2 et h3.

Enfin, contrairement à d’autres concurrents comme Astra ou GeneratePress, Neve n’utilise pas de données structurées Schema.org (une méthode de balisage HTML qui aide Google à comprendre de quel type est votre contenu).

Ce n’est pas dramatique en soi, mais cela aurait rendu le thème encore plus SEO-friendly, comme on dit.

Développez votre trafic et augmentez vos ventes

Façonnez le référencement de votre site WordPress et sortez-le enfin de l’anonymat.

Responsive

Si vous utilisez votre smartphone en priorité pour vous connecter à Internet, sachez que vous faites comme la majorité des Français.

D’après l’étude annuelle de Médiamétrie sur Internet en France (chiffres 2018), le mobile est devenu le premier écran de connexion avec “34 millions de mobinautes au quotidien”.

Et cette tendance risque d’aller encore crescendo. Aujourd’hui, vous n’avez donc plus le choix. Votre site WordPress doit être responsive, c’est-à-dire que son affichage doit être optimal à la fois sur ordinateur, smartphone et tablette.

Sans oublier que depuis mars 2018, Google a mis en place ce que l’on appelle l’indexation mobile-first.

Cela signifie que Google utilise principalement la version mobile de votre site pour indexer et positionner vos pages dans les résultats de son moteur de recherche.

Pour savoir si Neve fait le poids côté responsive, on lui a fait passer un examen qui ne laisse pas de place au doute : le test d’optimisation mobile de Google.

Et le résultat s’est avéré concluant :

Test d'optimisation mobile de Neve

Le responsive, c’est très bien. Mais Neve va encore plus loin en étant aussi compatible AMP.

Pour y parvenir, les développeurs ont dû respecter certaines règles relatives à la performance (ex : la feuille de style CSS doit faire moins de 50 KB).

Pour info, AMP (Accelerated Mobile Pages) désigne le format de pages mobiles de Google, qui vise à accélérer l’affichage des pages sur smartphones.

Attention, pour installer ce format sur votre site, vous devrez passer par un plugin dédié comme le dénommé AMP, tout naturellement (les concepteurs de Neve le recommande d’ailleurs dans leur documentation).

Pour clore définitivement le sujet AMP, si vous hésitez et vous demandez si vous devez l’installer sur votre site, Alex vous fournit la réponse dans la vidéo ci-dessous :

De votre côté, vous allez passer à la caisse. Ou plutôt, vous allez savoir si ça vaut le coup d’y passer si jamais vous voulez vous procurer Neve.

Quel rapport qualité-prix ?

Neve est un thème WordPress d’abord disponible gratuitement sur le répertoire officiel WP (vous pouvez aussi l’installer depuis le Tableau de bord de votre site).

Mais pour profiter de toutes ses fonctionnalités, vous devrez passer par l’une de ses 3 offres payantes :

  • Personal (39€)
  • Business (59€)
  • Agency (99€)
Les offres du thème Neve

Chacune de ses 3 offres vous permet d’utiliser le thème sur un nombre de sites illimité et donne accès à un 1 an de support (assistance) et de mises à jour (avec option satisfait ou remboursé de 30 jours).

Si l’offre Personal est la plus avantageuse financièrement, elle dispose de moins d’options. Par exemple, vous n’aurez pas accès aux démos de sites Pro et devrez uniquement vous contenter de celles de la version gratuite (22 au total).

Si vous utilisez WooCommerce, vous ne pourrez pas non plus vous servir du module WooCommerce booster.

Si vous ne créez pas de boutique ecommerce (ou que vous êtes à l’aise avec WooCommerce) et si vous avez vos habitudes avec un bon constructeur de page pour pallier le manque de démos de sites, l’offre Personal peut déjà suffire.

L’offre Business sera un peu plus complète et les deux plus de l’offre Agency par rapport à elle sont le support prioritaire et la Marque blanche.

Par ailleurs, l’un des avantages de ce thème est que vous pouvez opter pour une Licence à vie, et régler la note une seule fois. Ce qui revient moins cher à moyen-terme (129€ pour l’offre Personal, 199€ pour l’offre Business et 299€ pour l’offre Agency).

Si vous êtes sûr de vous et souhaitez faire de Neve votre cheval de course, cela reste intéressant.

Au global, le rapport qualité-prix du thème Neve est vraiment très bon. Regardez par exemple ce que ça donne par rapport à quelques solutions concurrentes présentes sur le marché (attention, certaines présentent des options que Neve ne propose pas, cette comparaison vise à donner un premier éclairage) :

  • Themeforest : la plupart des thèmes vendus sur la plateforme coûtent en moyenne autour de 59$. Ils ne sont pas toujours utilisables sur un nombre de sites illimité et comprennent 6 mois de support.
  • GeneratePress : la version Pro est vendu 49,95$ pour une utilisation sur un nombre de sites illimités.
  • OceanWP : ce thème ultra-populaire démarre à 39$ en premium mais vous ne pouvez l’utiliser que sur 1 site.
  • Astra : Il vous en coûtera 59$ pour une utilisation sur un nombre de sites illimités.
  • Genesis : le framework en lui-même coûte 59,95$ mais vous devrez obligatoirement vous procurer un thème enfant (soit généralement un prix de 129,95$ pour les 2). Par contre, le support et les mises à jour sont comprises à vie et vous n’avez pas à renouveler votre thème.

Notre avis final sur le thème Neve

Les points forts de Neve

  • Un thème facile à utiliser, simple et rapide à configurer.
  • Utilisation quasi-exclusive de l’outil de personnalisation de WordPress.
  • Un thème ultra-performant, ce qui est excellent pour l’expérience utilisateur et votre SEO.
  • La compatibilité avec les meilleurs constructeurs de page.
  • L’excellent rapport qualité-prix avec la présence d’une option pour vous procurer le thème via une Licence à vie, permettant de faire des “économies” sur le moyen-long terme.
  • Un thème bien maintenu et mis à jour régulièrement, avec une équipe solide aux manetttes (ThemeIsle crée des thèmes et des plugins depuis 2012).
  • La présence d’un groupe Facebook dédié au thème (en anglais), sur lequel vous pourrez trouver des réponses en cas de blocages, par exemple.
  • Un code propre qui respecte les standards de WordPress.
  • La fonction “Rollback” (littéralement “recul”), qui permet de restaurer une version précédente du thème en 1 clic en cas de mise à jour qui aurait mal tourné.
L'option Rollback de Neve

Les axes d’amélioration de Neve

  • Le nombre de démos de sites de la Bibliothèque est moins important que chez d’autres thèmes freemium (ex : Astra ou OceanWP). Mais Neve est un thème qui a moins d’un an d’existence au moment d’écrire ces lignes, c’est normal. Notez que des démos sont ajoutées au fur et à mesure par les créateurs du thème.
  • Il est difficile de revenir à la version de base du thème après avoir installé une démo issue de la Bibliothèque de sites (il n’y a pas d’option pour revenir en arrière). Dommage qu’une option pour revenir aux réglages de base ne soit pas présente. Quand j’ai indiqué ce souci à ThemeIsle, ils m’ont indiqué qu’il était possible de revenir à zéro en utilisant l’extension WP Database Reset. Mais attention, vous perdrez toutes les données contenues dans votre base de données.
  • Les Starter Sites ne fonctionnent qu’avec certains constructeurs de page (Elementor, Beaver Builder et Brizy). Si vous avez l’habitude d’utiliser un autre builder, il vous faudra un certain temps d’adaptation pour vous familiariser avec un nouveau constructeur de page.
  • La documentation est claire, mais elle est disponible uniquement en anglais.
  • Les utilisateurs avancés resteront un peu sur leur faim, même s’ils ne sont pas la cible prioritaire de ce thème. Néanmoins, ils pourront quand même faire l’usage de hooks.
  • La dépendance accrue à Elementor. C’est un parti pris, et on le comprend (Elementor est le page builder le plus populaire du moment). Mais si jamais vous ne le supportez pas ou ne souhaitez pas l’utiliser, Neve sera moins d’un coup beaucoup moins flexible.
  • Certaines options présentes dans l’Outil de personnalisation ne sont pas traduites en français.
Traduction de Neve

A qui se destine le thème ?

Si Neve reste un thème WordPress qui peut être utilisé par n’importe quel type d’utilisateur, je pense qu’il est particulièrement destiné aux débutants et aux personnes qui ne savent pas coder (ou qui ne souhaitent pas mettre les mains dans le cambouis).

Si vous découvrez WP, vous apprécierez sa simplicité et sa prise en main aisée.

De plus, les démos de sites (Starter sites) vous aideront à mettre sur pied votre site relativement rapidement.

Personnellement, mon ressenti après ce test est très bon. J’ai été agréablement surpris par ce thème et je le recommanderais.

J’aime le fait qu’il soit léger et optimisé pour la performance, et je trouve qu’il constitue une base solide couplé à un constructeur de page.

Par contre, je trouve qu’il a encore quelques longueurs de retard au niveau du nombre d’options par rapport à certains concurrents (ex : Astra ou OceanWP), que ce soit dans sa version gratuite ou Pro.

Mais il est encore jeune et évolue rapidement, donc il devrait peu à peu se doter de nouvelles fonctionnalités.

En attendant, si ce qu’il propose déjà en boutique vous convient, vous ne serez pas déçu(e).

De toute façon, sachez que vous ne prenez pas de risques s’il vous fait de l’oeil : vous pouvez déjà tester sa version gratuite pour vous faire une première idée, avant d’aller plus loin, éventuellement.

Le site officiel de Neve

Et vous, que pensez-vous de Neve si vous l’utilisez ? Comptez-vous l’adopter ?

Donnez-nous votre avis dans les commentaires ci-dessous.