Le thème Hello WordPress est-il le compagnon idéal d'Elementor ?

Bonjour Elementor ! Non, ce n'est pas le cri de guerre des followers du célèbre constructeur de pages, poussé à chaque fois qu'ils ouvrent son interface (enfin, peut-être que certains d'entre eux le font, par révérence, qui sait).

Je parle du thème créé par les concepteurs d'Elementor : avec un nom aussi explicite, vous l'aurez peut-être deviné.

Un thème propulsé au rang de star sur le répertoire officiel WordPress, puisqu'il cumule plus d' 1M+ d'installations actives : si l'on excepte les thèmes WordPress par défaut (la série Twenty), seul Astra s'en sort aussi bien.

Un thème livré sans paramètres. Un thème qui n'en est pas vraiment un . Qu'est-ce que tu veux dire, vraiment ? Oui, oui, je vous assure.

Alors, intrigué ? Lisez notre avis complet pour tout savoir sur ce thème atypique. Même s'il a été conçu pour fonctionner avec Elementor, vous verrez qu'il n'est pas toujours approprié d'utiliser les deux ensemble.

Vos meilleurs projets WordPress ont besoin du meilleur hébergeur !

WPMarmite recommande Bluehost : excellentes performances, excellent support. Tout ce dont vous avez besoin pour un bon départ.

Essayez Bluehost

Qu'est-ce que Hello Elementor ?

Hello est un thème WordPress gratuit conçu par les créateurs d'Elementor pour fonctionner main dans la main avec leur constructeur de pages interne. Techniquement, c'est un thème de démarrage, c'est-à-dire un thème avec un design et des fonctionnalités très minimalistes.

Sa description sur le répertoire officiel des thèmes WordPress nous en dit très peu de prime abord. Il est présenté en rien de plus que "Un thème simple et léger pour le constructeur de pages Elementor " .

Ensuite, on en apprend beaucoup plus sur sa popularité en jetant un œil à droite, en termes de nombre d'installations actives et de retours d'utilisateurs.

Avec Plus d'un million d'installations actives, Hello est le thème non natif le plus populaire du répertoire officiel, aux côtés du très populaire Astra.

Un succès phénoménal, dû en grande partie à l'énorme popularité d'Elementor, lui-même actif sur plus de 5 millions de sites.

On voit aussi que le Hello d'Elementor a de très bons retours utilisateurs . Ces derniers lui attribuent une note de 4,5/5.

Minimalisme, rapidité et flexibilité

Pour l'instant, il est difficile de comprendre ce thème très apprécié. Pour mieux le connaître, rendez-vous sur sa page de présentation sur le site officiel d'Elementor.

Vous découvrirez plusieurs aspects majeurs qui ne peuvent être ignorés. Le thème Hello d'Elementor est décrit comme suit :

• Rapide et léger . Conçu pour être le plus rapide possible, il devrait se charger en un quart de seconde.
• Minimaliste . Pour faire simple, c'est une feuille de papier vierge à partir de laquelle vous construisez votre design, pour une liberté de création maximale.
• Fait pour Elementor . Il est précisé que le thème WordPress Hello fonctionnera au mieux de ses capacités avec son constructeur de pages maison.

Voilà pour la présentation factuelle. Découvrons maintenant ce qui se cache sous le capot du thème Hello.

Quelles options de personnalisation le thème offre-t-il ?

Aucun paramètre

Une fois le thème installé et activé sur votre interface d'administration WordPress, rien n'aura changé sur votre tableau de bord.

Vous ne trouverez pas de page de paramètres ni de menu(s) dédié(s) à la configuration de Hello . Peut-être que ses options sont directement sur le Customizer ?

Pour le savoir, cliquez sur Apparence > Personnaliser . Encore une fois, rien.

Seuls quatre menus vous sont proposés :

• Identité du site
• Menus
• Paramètres de la page d'accueil
• CSS supplémentaire

Cependant, si vous êtes familier avec le Customizer, vous savez que ces menus ne sont pas nouveaux : vous les retrouverez sur chaque nouvelle installation fraîche du CMS WordPress. Alors Hello n'ajoute rien de nouveau. Et ça n'apporte rien du tout.

Cela peut être déconcertant, mais c'est le parti pris du thème, je vous le rappelle. C'est un thème de départ à considérer pour ce qu'il est : une base presque vide sur laquelle bâtir le design de votre site .

A cet égard, il tient ses promesses.

Thème Hello d'Elementor : un thème facile à utiliser… mais avec un design vierge

D'accord, je vais continuer à vous rafraîchir la mémoire. Au début de ce post, rappelez-vous, je vous ai dit que Hello était présenté comme un thème minimaliste.

Il est difficile de discuter avec cela aussi. Après l'avoir activé, vous obtiendrez une feuille presque vierge sur votre front-end (ce que vos visiteurs voient). Regardez, ça parle de lui-même :

Pour l'instant, depuis le Customizer, vous pouvez simplement :

• Ajoutez un logo et un favicon .
• Créer un nouveau menu .
• Choisissez ce qui est affiché sur la page d'accueil de votre site (les derniers articles ou une page statique).
• Ajoutez votre propre code CSS .

Tout cela permet de démarrer très facilement. Avec si peu de choses à faire, vous êtes sûr de ne pas passer des heures à vous perdre et à vous morfondre au milieu de menus chargés éparpillés ça et là.

En revanche, vous ne pourrez pas faire de réglages de base, comme le proposent d'autres thèmes populaires (comme Astra, GeneratePress, OceanWP ou Blocksy). Par exemple, vous ne pouvez pas :

• Affinez l'en-tête de vos pages (sauf pour ajouter un logo et un menu).
• Modifier le générique du pied de page ou son organisation. En fait, Hello ne crée tout simplement pas de pied de page, il est donc clair.
• Ajustez la largeur de votre site (pleine largeur par exemple) ou ses couleurs et sa typographie (polices) .
• Choisissez d'afficher ou non une barre latérale.
• Apportez des ajustements à votre page Blog : taille de l'image de la page d'accueil, métadonnées (date de publication, catégorie, auteur) etc.

Enfin, pour personnaliser le thème et exploiter tout son potentiel, vous n'aurez pas trop le choix : il faudra utiliser Elementor pour créer l'intégralité de votre design (et surtout Elementor Pro si vous souhaitez gérer le header et le footer).

Un appariement fortement recommandé avec Elementor

Dès que vous activez le thème Hello, un message sur votre admin vous en informe. Ses créateurs vous conseillent de le coupler avec le célèbre constructeur de pages :

Comment utiliser le thème Hello avec Elementor ?

Pour concevoir vos pages, vous devez connaître le fonctionnement d'Elementor.

Comment fonctionne Elementor ?

Voici un petit résumé pour comprendre sa mécanique. Comme beaucoup de ses concurrents, Elementor adopte une hiérarchie d'éléments qui structurent votre page :

1. Vous ajoutez une section .
2. Vous ajoutez un certain nombre de colonnes (1 à 10) .
3. Vous intégrez vos éléments dans vos colonnes pour commencer à travailler dessus .

Ces derniers éléments sont appelés widgets. Considérez-les comme des zones de contenu pour ajouter des titres, des images, des vidéos, des boutons, des icônes, du texte, Google Maps, etc. :

Comment créer et personnaliser une page avec Hello + Elementor ?

Pour concevoir une page comme vous le souhaitez avec Hello, commencez par activer le constructeur de page Elementor.

Un constructeur de page est un outil qui vous permet de créer des mises en page riches et complexes pour votre contenu sans toucher à une seule ligne de code, notamment grâce à l'utilisation de modèles prêts à l'emploi. Le montage se fait souvent en drag and drop et en temps réel.

Ensuite, créez une page via le menu Pages > Add New . Donnez un titre à votre page, puis cliquez sur "Modifier avec Elementor":

Vous avez alors deux options :

1. Vous ajoutez les widgets un par un , d'un simple glisser-déposer.
2. Vous pouvez utiliser des blocs (sections) ou des modèles prêts à l'emploi qui peuvent être activés en un clic puis modifiés à votre guise.

Cette vidéo explicative réalisée par les concepteurs du thème vous montre en détail comment procéder :

Vous souhaitez configurer l'apparence visuelle de l'ensemble de votre site ? Elementor propose sa propre interface, appelée Design System .

C'est une sorte d'outil de personnalisation intégré à Elementor, qui vous permettra d'ajuster les couleurs, la typographie, la mise en page, etc. du thème Hello, pour ainsi dire.

Tout cela est très pratique pour commencer, mais vous vous heurterez bientôt à une limitation majeure : avec la version gratuite d'Elementor, il est par exemple impossible d'ajouter et de modifier un en-tête et un pied de page sur le thème Hello.

Si vous souhaitez uniquement concevoir des pages de destination, alors pourquoi pas.

Mais si vous souhaitez créer un site Web professionnel de toutes pièces, sans avoir à passer par le code, vous n'avez pas d'autre choix que d'utiliser Hello avec Elementor Pro (lien affilié), la version payante du constructeur de pages.

Tous les styles Hello doivent être modifiés directement avec Elementor. Si vous souhaitez ajouter ou modifier le code CSS de Hello, ses concepteurs vous recommandent d'utiliser un thème enfant (Hello child theme).
Attention cependant, utiliser un thème enfant n'est pas toujours nécessaire, comme nous vous l'expliquons dans cet article.

Un combo Elementor Pro + Hello pour tirer le meilleur parti du thème

Dans sa version Pro, Elementor inclut un Theme Builder.

Grâce à lui, il est possible de créer et personnaliser tout ce que Hello ne propose pas (volontairement). Nous entendons par là :

• L'en-tête
• Le pied de page
• Archives des pages (blog, catégorie, tag, etc.)
• La page 404
• La page des résultats de recherche
• Pages de publications et autres types de contenu

Avec Elementor Pro, vous avez également accès à des widgets et modèles supplémentaires, ainsi qu'à un constructeur de popup ou à un constructeur WooCommerce .

Pour découvrir en détail les fonctionnalités d'Elementor Pro, lisez notre test du constructeur de pages sur le blog.

En revanche, on peut remarquer que Hello, via Elementor, ne permet pas d'importer des démos de sites entiers (avec plusieurs pages), contrairement à d'autres thèmes concurrents.

Vous devrez ajouter vos templates page par page.
Au final, que retenir ? Bon, Hello n'est pas directement personnalisable, puisqu'il s'agit d'une coque vide sur laquelle vient se greffer Elementor.

Pour agir sur le style de votre site, vous devez utiliser Elementor. Mais attention, même si ce constructeur de page peut être utilisé sans codage, vous devez bien le maîtriser pour obtenir un résultat décent.

Sans connaissances de base en conception de sites Web et en ergonomie, vous risquez de vous retrouver avec un site au look fou.

Et pour vous inspirer, vous pouvez faire un tour sur BeautifulPress pour découvrir des exemples de sites réalisés avec le thème Hello.

Rejoignez les abonnés WPMarmite

Obtenez les derniers messages WPMarmite (ainsi que des ressources exclusives).

ABONNEZ-VOUS MAINTENANT

Quelle adaptation aux constructeurs de pages et aux plugins ?

Comme vous venez de le voir, Hello a été conçu avant tout pour fonctionner main dans la main avec Elementor .

Ses créateurs parlent même d'une "combinaison idéale" entre les deux outils, insistant sur leur compatibilité.

Selon eux, Hello est « toujours mis à jour et testé avec de nouvelles fonctionnalités » (NDLR : d'Elementor).

Bien que Hello fonctionne avec n'importe quel constructeur de page (Divi Builder, Beaver Builder, Thrive Architect, etc.), il est contre-intuitif de le faire.

En l'utilisant avec Elementor, vous vous assurez une compatibilité à 100% , ce qui élimine notamment tout risque de bugs et autres conflits entre les deux.

Quelle intégration avec les plugins ?

Nous ne les avons pas testés un par un, mais Hello s'intègre bien – du moins c'est ce qu'il dit – avec les plugins les plus populaires du répertoire officiel.

En principe, vous ne devriez avoir aucun problème avec Yoast SEO, Akismet, Contact Form 7, WPML et autres.

Il en va de même pour WooCommerce, le célèbre plugin qui permet d'activer une boutique en ligne sur votre site.

Cependant, concernant WooCommerce, il convient de mentionner que le thème Hello d'Elementor ne propose pas d'intégration dédiée , dans le sens où il n'est pas possible de modifier l'apparence de certaines pages typiques (Panier, Paiement, Produits etc.) avec celui-ci.

Pour avoir un contrôle total sur l'apparence de votre boutique en ligne, vous devrez utiliser Elementor Pro et son constructeur WooCommerce (ou bien passer par le code CSS), que j'ai mentionné plus tôt. Cela implique une courbe d'apprentissage supplémentaire.

Enfin, le poids très léger du thème sera un atout précieux en matière de ecommerce (à condition de ne pas le surcharger avec plein d'options Elementor dont vous n'avez pas besoin) : plus une page se charge vite, mieux elle convertit .

Tiens, tiens : puisqu'on parle ici de vitesse de chargement, passons à la partie suivante pour en savoir plus sur les performances précises du thème (mais aussi sur le SEO et le responsive).

Performance, SEO, responsive : zoom sur 3 aspects majeurs

Hello est-il un thème WordPress rapide ?

Avoir un thème à chargement rapide est fondamental. D'abord, pour vous permettre de frimer lors de soirées avec vos copains créateurs de site WordPress (difficile de décrocher du boulot, hein).

Deuxièmement – ​​et surtout, avouons-le – pour l'expérience utilisateur. Un site très lent à charger est une vraie galère.

Et, généralement, quand on a une mauvaise expérience, on n'a pas vraiment envie de la revivre une seconde fois. Conclusion : on se débarrasse d'un site lent, et on évite d'y revenir .

Enfin, les pages rapides aident également les robots de Google (le moteur de recherche le plus utilisé au monde) à parcourir votre contenu plus efficacement.

En revanche, les pages qui se chargent à la vitesse de la lumière ne vous garantiront pas un meilleur classement sur les pages de résultats des moteurs de recherche, désolé.

Étant donné que la vitesse de chargement est une préoccupation pour de nombreux créateurs de sites, Hello n'a pas peur d'en faire tout un plat.

Sur sa page de présentation, on apprend d'abord qu'il a été "construit pour une vitesse & des performances optimales" . Ensuite, si vous descendez un peu, vous découvrirez les fonctionnalités suivantes :

• Bonjour charge en un quart de seconde .
• Il ne nécessite que 6 Ko de ressources . Cela se compare aux 7,5 Ko de GeneratePress, l'un des thèmes les plus légers de l'écosystème WordPress, par exemple.
• Il ne fait que 2 petites requêtes serveur .

Compte tenu de ces données, Hello est en effet un thème très léger. Mais jusqu'ici, c'est logique et sans surprise. Un thème de démarrage est conçu pour être aussi léger que possible.

En principe, il devrait se charger très rapidement, ce qui est confirmé par un test réalisé sur 13 thèmes par l'équipe WP Rocket. Hello fait partie des meilleurs élèves.

Enfin, l'équipe Hello a également démontré que son thème, couplé à Elementor, se chargeait plus rapidement que lorsqu'il est associé à Divi d'Elegant Themes, GeneratePress ou Avada, par exemple :

Même si ce dernier exemple est à prendre avec des pincettes (on a accès à des chiffres bruts dans un tableau, pas à des épreuves de test précises), une tendance globale se dégage tout de même à travers ces différents retours : oui, Hello semble très rapide et léger .

référencement

Puisque la vitesse de chargement et le SEO (optimisation pour les moteurs de recherche) sont souvent liés, parlons de SEO.

Hello se présente comme SEO-friendly .

Pour tout vous dire, vous ne pourrez rien régler à ce niveau avec. Pour cela, vous devrez d'abord compter sur Elementor (vous connaissez l'exercice maintenant).

Le constructeur de page permet par exemple de modifier très facilement vos balises Title (appelées hn ) sur votre contenu. Vous pouvez aussi facilement ajouter des liens pour vous occuper de votre maillage interne (tout comme avec l'éditeur de contenu WordPress, en fait).

Pour la plupart de vos optimisations on-page (sur les pages de votre site web), utilisez un plugin SEO dédié.

Elementor propose par exemple une intégration avec Yoast SEO, Rank Math, ou encore SEOPress (nous les présentons tous dans ce comparatif), qui permet d'utiliser ces plugins directement sur l'interface du page builder, sans avoir à revenir sur votre tableau de bord.

Enfin, si vous voulez avoir une chance de vous positionner en tête des résultats d'un moteur de recherche, l'important sera de créer d'excellents contenus optimisés autour des bons mots-clés, et bien sûr de récolter les fameux backlinks.

Accélérez votre site Web avec WP Rocket

Transformez votre site en fusée avec le plugin de mise en cache le plus puissant reconnu par les experts WordPress.

Essayez WP Rocket

Sensible

Pour conclure cette partie, intéressons-nous au responsive design. Il s'agit d'une technique qui vise à assurer l'affichage et la lisibilité optimale de vos pages sur tout type d'appareil (ordinateur, smartphone, tablette).

Là encore, c'est juste indispensable, car la majorité des internautes naviguent sur Internet avec leur mobile.

"Hello est responsive par défaut" , peut-on lire sur sa page de présentation. Évidemment : il ne contient aucun style de mise en page et n'a donc… aucun ajustement de mise en page à faire, que ce soit sur écran de mobile ou d'ordinateur.

Dans tous les cas, vous pouvez avoir un premier aperçu de cet aspect responsive sur le Customizer, en jonglant d'un écran à l'autre.

Pour le reste, tout se passe sur Elementor, encore une fois. Vous pouvez déjà tester chaque page créée avec Hello + le constructeur de pages en activant le mode responsive d'Elementor :

Ensuite, il est possible de faire des réglages d'affichage différents selon l'appareil utilisé par vos visiteurs.

Enfin, si vous voulez vous assurer que le thème et son contenu sont adaptés aux mobiles, utilisez le test Google mobile-friendly (gratuit).

Et n'oubliez pas l'outil PageSpeed ​​Insights, qui propose également des recommandations pour améliorer les points bloquants dans le chargement de votre page sur mobile (principalement tout ce qui se passe en arrière-plan).

Vous suivez toujours ? Alors sans transition, on passe à la tarification du thème.

Tarifs et support utilisateur du thème WordPress Hello

Un thème gratuit, vraiment ?

Si vous avez lu assidûment cet article depuis le début, vous savez que Hello est gratuit . Il n'existe pas de version premium et les créateurs de Hello vont encore plus loin : ils ont communiqué que leur thème sera toujours gratuit.

Gratuit, OK, mais jusqu'à quel point ? Vous ne paierez pas un centime si vous prévoyez d'utiliser le thème Hello WordPress uniquement avec la version gratuite d'Elementor .

Cependant, rappelez-vous que vous serez limité, puisque vous ne pourrez pas créer d'en-tête et de pied de page, par exemple.

Pour utiliser Hello au maximum et concevoir TOUTES les parties de votre site, pour un look vraiment professionnel, vous devrez associer le thème à un constructeur de page premium, comme Elementor Pro, par exemple.

Tout cela aura donc un coût. Pour info, il y a quatre licences disponibles avec Elementor Pro :

• 49 $/an pour une utilisation sur un seul site
• 199 $/an pour une utilisation sur 25 sites
• 499 $/an pour une utilisation sur 100 sites
• 999 $/an pour une utilisation sur 1 000 sites

A titre de comparaison, voici les tarifs surtaxés de plusieurs concurrents de Hello qui, soit dit en passant, nécessitent souvent l'utilisation d'Elementor (gratuit ou Pro) pour modifier les templates de pages qu'ils fournissent :

• Astra ( 1M+ installations actives) : le thème phare créé par Brainstorm Force est disponible à partir de 47$/an pour une utilisation sur un nombre illimité de sites.
• OceanWP (plus de 700 000 installations actives) : "le thème WordPress qui vous en donne plus" , comme indiqué sur sa page d'accueil, est vendu à partir de 54 $/an pour une utilisation sur 3 sites maximum.
• GeneratePress ( 400K+ installations actives) : le thème créé par Tom Usborne est proposé à partir de 59$/an pour une utilisation sur jusqu'à 500 sites.
• Neve ( 300K+ installations actives) : le thème phare de Themeisle est vendu 59 €/an (soit ± 66 $) en utilisation illimitée.

Et qu'en est-il de la documentation ?

Si vous souhaitez agir et utiliser le thème Hello d'Elementor, sachez que vous ne trouverez aucune documentation spécifique pour vous aider à résoudre un éventuel problème.

Eh bien, c'est assez logique. Il n'y en a pas besoin puisque le thème de démarrage ne vous permet pas de faire des ajustements.

Vous apporterez normalement des ajustements à la conception à l'aide d'Elementor. Il vous faudra donc vous référer à ses nombreuses ressources gratuites pour trouver des réponses à vos questions :

• Sa documentation
• Son forum public
• Ses cours en vidéo
• Son blog, etc.

Pour une assistance personnalisée directement par email, vous devrez vous procurer Elementor Pro (lien affilié).

Notre avis final sur le thème Elementor Hello WordPress

Vous êtes maintenant arrivé à la fin de ce test du thème Hello. Vous avez découvert son fonctionnement et comment le personnaliser, ainsi que son impact sur les performances, le référencement ou le responsive.

Avant de vous laisser la parole, jetons un dernier regard sur le thème en guise de synthèse.

Avantages et inconvénients du thème Hello

Hello est avant tout un thème qui cumule plusieurs atouts majeurs :

• C'est un parfait complément à Elementor , puisqu'il a été spécialement conçu pour fonctionner efficacement avec lui, sans aucun risque d'incompatibilité.
• Il est très léger et rapide , ce qui est un gros plus pour l'expérience utilisateur.
• Il est gratuit et promet de rester tout le temps.

En plus de cela, nous pouvons également souligner plusieurs inconvénients :

• De par sa nature (c'est un thème de démarrage), il ne propose aucun paramétrage . C'est juste une base pour Elementor.
• Il faut savoir utiliser un constructeur de page pour pouvoir le personnaliser sans passer par le code .
• Il faut utiliser Elementor - c'est pourquoi le thème a été créé - pour pouvoir en profiter pleinement .
• Hello ne permet pas nativement d'activer une sidebar , et ne propose pas de menu avec des widgets. Vous pouvez cependant surmonter ce problème en ajoutant un petit morceau de code, comme illustré ici.
• Vous n'avez pas de modèle à votre disposition si vous ne voulez pas partir d'une feuille blanche . Elementor propose des centaines de modèles de page prêts à l'emploi, mais aucun modèle de site (avec plusieurs pages classiques).

A qui s'adresse ce thème ?

Au final, malgré sa popularité et ses atouts, Elementor's Hello n'est pas un thème fait pour tout le monde.

Et ce n'est pas forcément le compagnon idéal d'Elementor dans toutes les situations, pour répondre à la question dans le titre de ce post.

Téléchargez le thème Hello :

Je pense qu'il est principalement destiné à :

• Utilisateurs ayant une expérience avec Elementor et CSS .
• Ceux qui ont une bonne base en conception de sites Web, en ergonomie et en conception UX (conception de l'expérience utilisateur). Avec Hello, n'oubliez pas que vous partez de zéro pour concevoir l'intégralité de votre site web.
• Les personnes qui souhaitent utiliser Elementor Pro exclusivement . Car si vous couplez Hello avec la version gratuite d'Elementor, vous serez vite limité si vous souhaitez construire un site professionnel de toutes pièces.

Si vous ne rentrez pas dans ces cases, il vaut peut-être mieux utiliser un thème "classique" plutôt que Hello.

Des thèmes polyvalents comme Astra, Neve, Kadence ou Blocksy par exemple auront déjà pris en charge pour vous la création de pages classiques (404, archive, résultats de recherche, publications etc.). C'est quelque chose que Hello ne fait pas.

Ils vous permettront également d'effectuer des ajustements de base (couleurs, typographie, largeur du site, ajout d'un en-tête et d'un pied de page, etc.) depuis le WordPress Customizer.

De plus, rien ne vous empêche d'utiliser ces thèmes avec le constructeur de page de votre choix, comme… Elementor, par exemple.

Partagez-vous mon avis ? Dites-nous ce que vous pensez du thème Hello d'Elementor dans les commentaires.