En bref
- Hello WordPress est un thème WordPress gratuit, volontairement vide, conçu par l’équipe d’Elementor pour servir de base à un site construit avec son éditeur visuel.
- Le duo fonctionne très bien si Elementor Pro gère aussi l’en-tête, le pied de page, les archives et les modèles WooCommerce.
- Le thème léger limite le CSS et les scripts chargés par défaut, mais un site Elementor peut tout de même devenir lent avec des animations, des polices externes et des extensions mal choisies.
- Pour un blog, un site vitrine ou une boutique modeste, Hello demande plus de travail de personnalisation qu’Astra, Kadence ou Blocksy.
- Le bon choix dépend moins de la popularité du thème que du niveau de contrôle attendu sur le design responsive, les modèles de pages et la maintenance du site.
Hello WordPress : un thème WordPress presque vide par choix
Après l’activation de Hello WordPress, le tableau de bord ne révèle pas une longue page d’options. Dans Apparence > Personnaliser, WordPress affiche surtout ses réglages de base : identité du site, menus, page d’accueil et CSS additionnel. Pas de panneau pour régler la largeur du conteneur, les couleurs globales, la typographie du blog ou la structure du pied de page.
Ce comportement surprend quand on vient d’Astra, Kadence ou Blocksy. Ces thèmes proposent immédiatement un en-tête configurable, plusieurs mises en page pour les articles, des colonnes latérales et des réglages de style. Hello prend l’approche inverse. Il fournit une base très mince et laisse Elementor produire l’interface visible.
Le terme technique à retenir est starter theme. Il s’agit d’un thème de départ, pensé pour être façonné par un constructeur de pages ou par du code. Il ne cherche pas à imposer un univers graphique. Cette absence de style peut servir un projet de création de site très cadré, avec une charte, des maquettes et une personne capable de régler chaque détail dans Elementor.
Le thème est gratuit et open source. Sa popularité dépasse le million d’installations actives sur le répertoire officiel WordPress, un niveau atteint par peu de thèmes hors séries natives Twenty. Cette diffusion vient directement de l’écosystème Elementor, lui-même installé sur plusieurs millions de sites. Le volume d’installations ne transforme pas Hello en solution automatique pour tous les projets.
Un site activé avec Hello et sans Elementor paraît incomplet. L’en-tête reste minimal, le pied de page n’est pas construit, les archives de catégories ne reçoivent pas de mise en forme élaborée et les pages d’articles reprennent un rendu très brut. Ce n’est pas un bug. C’est la logique du produit. Le thème attend qu’un autre outil s’occupe du design.
Cette logique évite aussi un problème fréquent. Sur un thème polyvalent déjà chargé en fonctions, Elementor peut ajouter un second système de marges, de palettes, de réglages de polices et de modèles. Deux couches de design se superposent. Avec Hello, la compatibilité Elementor est plus lisible : le thème fournit le socle WordPress, Elementor construit les blocs visuels.
Le revers est direct. Avec l’édition gratuite d’Elementor, il est possible de créer des pages de présentation, d’ajouter des titres, des images, des boutons, des colonnes et des formulaires via extension. En revanche, la construction complète de l’en-tête, du footer, des pages 404, des résultats de recherche et des archives demande Elementor Pro ou du développement sur mesure.
Un site vitrine de cinq pages peut donc démarrer avec Hello et Elementor gratuit si le thème actif garde un menu WordPress exploitable. Dès qu’il faut une navigation mobile personnalisée, un pied de page à plusieurs colonnes et un modèle d’article cohérent, la limite apparaît. Le projet bascule alors vers Elementor Pro ou vers un thème qui apporte déjà ces éléments.
Cette distinction évite une erreur classique : installer Hello parce qu’il est gratuit, puis découvrir après la mise en ligne qu’il faut un abonnement annuel pour terminer les morceaux visibles sur toutes les pages. Le coût ne porte pas sur le thème WordPress, mais sur la couche qui lui donne un visage.
Elementor Pro donne réellement un sens au duo Hello et Elementor
Le cœur du tandem repose sur le Theme Builder d’Elementor Pro. Ce module permet de créer des modèles qui s’affichent selon des conditions précises. Un en-tête peut apparaître sur tout le site, un autre uniquement sur les pages de vente. Un modèle d’article peut s’appliquer aux publications d’une catégorie, tandis que les fiches produits WooCommerce reçoivent une structure distincte.
Dans WordPress, le chemin commence par Modèles > Theme Builder après l’installation d’Elementor Pro. L’interface propose les parties du site à créer : Header, Footer, Single Post, Archive, Single Product, Product Archive, Search Results et Error 404. Chaque modèle est édité avec le même éditeur visuel que les pages classiques, puis publié avec des règles d’affichage.
Le fonctionnement est concret. Pour créer un en-tête, il faut ajouter le widget Logo du site, le widget Menu de navigation et, si besoin, une icône de recherche ou un bouton. La version mobile demande ensuite un réglage spécifique dans le mode responsive d’Elementor. Sans ce travail, le menu peut paraître correct sur un écran de 1440 pixels et devenir inutilisable sous 768 pixels.
Elementor repose sur des conteneurs, des widgets et des réglages globaux. Les conteneurs servent à organiser la structure. Les widgets ajoutent un titre, une image, un bouton, une boucle d’articles ou un champ WooCommerce. Les réglages globaux centralisent les couleurs et les polices. Cette organisation vaut mieux que de modifier chaque bouton un par un, puis de devoir reprendre cinquante pages lorsqu’une charte évolue.
Le panneau Réglages du site dans Elementor permet de définir les couleurs globales, les typographies, les boutons, les champs de formulaire et les règles de mise en page. Avec Hello, ce panneau devient presque le centre de contrôle graphique du site. Sans règles globales, la personnalisation dérive vite vers des tailles de police différentes et des espacements incohérents.
Les modèles prêts à l’emploi accélèrent le montage d’une landing page, mais ils ne remplacent pas une structure cohérente. Importer une section avec trois animations, deux carrousels et quatre polices est un moyen efficace de gonfler le poids de la page. Il faut supprimer ce qui ne sert pas avant de publier. Une page qui charge quatre secondes sur un hébergement mutualisé perd déjà une partie de ses visiteurs mobiles.
Elementor Pro est vendu avec un abonnement annuel dont le tarif varie selon le nombre de sites et les fonctionnalités incluses. Les offres évoluent régulièrement, ce qui impose de vérifier le prix HT ou TTC sur le site de l’éditeur avant de budgéter un projet. Le calcul doit intégrer le renouvellement annuel, pas uniquement le tarif affiché lors d’une promotion de première année.
Pour une activité freelance, le coût devient acceptable si plusieurs sites utilisent le Theme Builder, les formulaires, le Popup Builder et le WooCommerce Builder. Pour un site associatif avec trois pages statiques, l’abonnement peut paraître disproportionné. Un thème comme Kadence ou Blocksy, combiné à Gutenberg, produit alors souvent un résultat plus facile à maintenir.
La formation reste un point concret. Comprendre les styles globaux, les conditions d’affichage et les réglages mobiles évite les bricolages répétés. Des formations en communication digitale peuvent aider à relier la construction du site, le contenu et la visibilité, plutôt que de limiter Elementor à un outil de décoration.
Un thème léger ne garantit pas la performance site après la personnalisation
Hello est souvent présenté comme un thème léger. L’affirmation est justifiée par sa base technique : le thème charge très peu de styles et de scripts avant que les extensions ne prennent le relais. Elementor a communiqué sur un chargement théorique autour d’un quart de seconde, environ 6 Ko de ressources et deux requêtes serveur pour le thème seul. Ces données décrivent un thème presque nu, pas un site commercial terminé.
La performance site se mesure sur les pages réelles, avec les images, le cache, les polices, les pixels publicitaires, les scripts de paiement et les extensions de sécurité. Un accueil construit avec Hello peut obtenir de bons scores dans PageSpeed Insights. Le même accueil devient lourd après l’ajout d’un slider vidéo, d’un pop-up animé, d’un chat, d’une carte Google Maps et de trois familles Google Fonts.
Les Core Web Vitals servent de repères pratiques. Le LCP, ou Largest Contentful Paint, mesure l’affichage du principal élément visible. Google vise moins de 2,5 secondes dans de bonnes conditions. L’INP évalue la réactivité après une interaction. Le CLS suit les décalages visuels qui font bouger le contenu pendant le chargement. Ces indicateurs dépendent davantage de la page construite que du seul choix de Hello.
Sur un hébergement mutualisé, la différence est visible. Un WordPress sous PHP 8.2 avec OPcache activé, cache serveur LiteSpeed ou Nginx bien réglé, images WebP et CDN peut charger correctement. Le même site, installé chez un hébergeur surchargé avec PHP ancien, sans cache objet et avec une base de données gonflée, reste lent même si Hello ne pèse presque rien.
Une méthode de contrôle évite de modifier tout à l’aveugle. Il faut tester une page publique en navigation privée avec PageSpeed Insights, puis consulter l’onglet Réseau des outils de développement du navigateur. Les fichiers les plus lourds sautent vite aux yeux. Une image hero de 2,8 Mo ou une vidéo intégrée en lecture automatique pose généralement plus de problèmes que les quelques kilo-octets gagnés par un changement de thème.
Le réglage d’Elementor se trouve dans Elementor > Réglages > Fonctionnalités et dans Elementor > Réglages > Avancé, selon la version utilisée. Certaines options permettent de charger des ressources de manière plus ciblée. Elles doivent être testées sur une copie de préproduction, car une optimisation agressive peut casser une animation, un formulaire ou un widget tiers.
WP Rocket, FlyingPress ou LiteSpeed Cache peuvent gérer le cache de page, la compression et certains reports de scripts. Un seul plugin de cache doit être actif. Empiler WP Rocket, Autoptimize et un cache fourni par l’hébergeur sans comprendre leurs réglages finit souvent par produire un CSS cassé ou un menu mobile qui ne répond plus.
Les images doivent passer en WebP ou AVIF lorsque l’hébergement et le plugin de compression le permettent. Les dimensions doivent correspondre à l’affichage réel. Charger une photo de 3000 pixels dans une colonne de 600 pixels gaspille de la bande passante sur mobile. Elementor permet aussi de masquer certains éléments selon l’appareil, mais cacher une section ne supprime pas toujours toutes les ressources téléchargées.
Hello aide donc à partir proprement. Il ne compense ni les mauvais choix de médias, ni le surplus de widgets, ni une infrastructure faible. Le meilleur test reste une page publique complète, pas une démonstration vide sortie juste après l’activation du thème.
Le design responsive avec Hello demande des réglages écran par écran
Le design responsive désigne l’adaptation d’une interface aux largeurs d’écran. Sur un site WordPress, cela ne se limite pas à voir la page se rétrécir dans un navigateur. Les textes doivent rester lisibles, les boutons doivent être touchables au pouce, les images ne doivent pas repousser le contenu et la navigation ne doit pas occuper tout l’écran.
Hello ne fournit presque aucune règle graphique propre. Elementor devient donc responsable de la version ordinateur, tablette et mobile. Dans l’éditeur visuel, l’icône responsive en bas du panneau permet de basculer entre ces affichages. Les valeurs associées à une petite icône d’appareil peuvent être définies séparément pour chaque format.
Cette liberté a un coût. Une section pensée en trois colonnes sur ordinateur peut générer une pile de blocs interminable sur smartphone. Un titre à 64 pixels peut prendre quatre lignes et pousser le bouton principal hors de la zone visible. Une marge latérale de 80 pixels peut réduire la largeur de texte à un couloir. Ces défauts ne sont pas rares sur les sites montés trop vite avec un constructeur de pages.
Le bon geste consiste à concevoir d’abord la hiérarchie de contenu. Un écran mobile montre généralement une information principale, un texte court et un bouton. Les éléments secondaires arrivent après. Une grille de six cartes avec une image, un titre et un extrait n’a pas besoin de conserver exactement le même ordre ni les mêmes espacements sur téléphone.
Dans Elementor, les conteneurs Flexbox facilitent le passage d’une ligne à une colonne. Il faut vérifier le réglage de direction dans l’onglet Disposition, puis contrôler les largeurs, les espacements et l’alignement sur chaque point de rupture. Les conteneurs imbriqués à répétition doivent rester limités. Une structure trop profonde rend les corrections pénibles et alourdit le DOM, c’est-à-dire l’arbre HTML interprété par le navigateur.
Les tailles de police peuvent utiliser des unités relatives comme rem, em ou vw, mais elles doivent être encadrées. Une taille fluide mal réglée produit un titre géant sur un écran large ou minuscule sur une tablette. Pour un site vitrine, une base entre 16 et 18 pixels pour le texte courant reste un point de départ crédible. Les contrastes doivent aussi être vérifiés, surtout sur des boutons posés sur une image.
Les menus méritent un test séparé. Un en-tête Elementor Pro avec logo, navigation, bouton de contact et icônes sociales peut fonctionner sur ordinateur, puis déborder dès 1024 pixels. Il faut prévoir une version mobile avec un bouton hamburger, un panneau déroulant et des liens suffisamment espacés. Le clic doit être possible sans zoomer, y compris sur un appareil tactile ancien.
Google Search Console et PageSpeed Insights aident à repérer des défauts de lisibilité ou des éléments interactifs trop serrés. Les retours de ces outils ne remplacent pas un vrai contrôle sur un téléphone. Tester sur Chrome mobile, Safari iOS et plusieurs largeurs de fenêtre révèle les images recadrées de travers, les modales impossibles à fermer et les formulaires cachés sous le clavier.
Un thème WordPress minimaliste n’impose pas de mauvais comportement mobile. Il ne le corrige pas non plus à la place du constructeur. Avec Hello, chaque règle de responsive design doit être choisie, contrôlée et maintenue au fil des nouvelles pages.
Hello Elementor ou Astra, Kadence et Blocksy pour une création de site durable
Le choix entre Hello et un thème polyvalent dépend du niveau de contrôle recherché. Hello vise une architecture pilotée par Elementor. Astra, Kadence et Blocksy proposent une base plus complète avant même l’installation d’un page builder. Ils donnent accès à des options de mise en page, à des en-têtes configurables, à des modèles d’archives et à des réglages de typographie depuis WordPress.
| Solution | Usage adapté | Ce qui est déjà fourni | Limite à connaître |
|---|---|---|---|
| Hello + Elementor Pro | Site vitrine très personnalisé, landing pages, charte sur mesure | Base légère, Theme Builder, widgets et modèles Elementor | Abonnement Elementor requis pour gérer toutes les zones du site |
| Astra + Elementor | Site vitrine, blog, site de service avec démarrage rapide | En-tête, footer, réglages de conteneur et options blog | Les options avancées peuvent nécessiter Astra Pro |
| Kadence + Gutenberg | Site éditorial ou institutionnel à maintenir dans WordPress natif | Header builder, réglages globaux, blocs et modèles | Moins adapté à une direction artistique très libre sans travail de blocs |
| Blocksy + WooCommerce | Boutique de taille modérée et catalogue standard | Options e-commerce, structure de blog et personnalisation native | Certains modules restent réservés à la version payante |
Pour un blog qui publie chaque semaine, Hello peut devenir contraignant. Les archives, les pages auteur, les catégories et les articles doivent être pensés dans Elementor Pro, sinon le rendu varie entre les zones du site. Kadence ou Blocksy gèrent déjà ces gabarits. Le temps économisé sur les réglages visuels compte autant que le poids initial du thème.
Pour une landing page de campagne, Hello est plus cohérent. La page est construite au millimètre dans Elementor, sans lutter contre les options d’un thème déjà stylé. Les sections, le formulaire, les témoignages et les appels à l’action sont contrôlés au même endroit. Le modèle peut être cloné, puis adapté à plusieurs offres sans toucher au reste du site.
Pour WooCommerce, il faut séparer la boutique de trois produits et un catalogue de plusieurs centaines de références. Hello avec Elementor Pro donne de la liberté sur la fiche produit, les archives et certains tunnels. Cette liberté implique de vérifier les mises à jour WooCommerce, les variantes produit, les pages panier et paiement. Un design spectaculaire qui casse le bouton de paiement sur mobile ne sert à rien.
Un thème polyvalent fournit souvent un panier, une fiche produit et une archive déjà cohérents. Il demande moins de personnalisation pour démarrer. Hello convient lorsqu’un besoin graphique précis justifie la construction de ces gabarits. Pour vendre quelques produits numériques avec des pages standards, un thème WooCommerce bien réglé sera plus rapide à exploiter.
La maintenance compte aussi. Chaque mise à jour d’Elementor, d’Elementor Pro, de WooCommerce ou d’un addon doit être testée sur une sauvegarde ou un environnement de préproduction. Les addons Elementor qui ajoutent des dizaines de widgets représentent une source fréquente de conflits. Il vaut mieux installer un module ciblé pour un besoin vérifié qu’un pack de 80 widgets dont cinq seront utilisés.
Un site monté avec Hello peut être propre pendant des années si ses modèles sont centralisés, ses extensions limitées et son hébergement adapté. Il devient fragile quand chaque page contient ses propres styles, ses propres polices et des morceaux copiés depuis plusieurs kits. La personnalisation gagne en liberté, mais elle exige une discipline de construction.
Le choix le plus rationnel consiste à ouvrir une page test, à créer l’en-tête, un article, une archive et la version mobile avant de s’engager. Hello est un bon partenaire d’Elementor quand Elementor est assumé comme le moteur complet du design, pas comme un ajout posé sur un site laissé à moitié vide.
Hello WordPress est-il gratuit ?
Oui. Hello Elementor est un thème WordPress gratuit disponible depuis le répertoire officiel. Le coût apparaît si le projet exige Elementor Pro pour créer l’en-tête, le pied de page, les archives, les pages 404 ou les modèles WooCommerce.
Peut-on utiliser Hello sans Elementor Pro ?
Oui, pour des pages créées avec la version gratuite d’Elementor et une structure très limitée. La gestion complète des zones globales du site demande Elementor Pro ou du code personnalisé dans un thème enfant.
Hello Elementor est-il adapté à WooCommerce ?
Oui, surtout avec Elementor Pro et son WooCommerce Builder si le design des fiches produit, des archives et des pages boutique doit être personnalisé. Pour une boutique standard, Blocksy, Kadence ou Astra demandent souvent moins de réglages initiaux.
Hello rend-il automatiquement un site plus rapide ?
Non. Le thème ajoute peu de poids, ce qui aide au départ. Les images lourdes, les animations, les extensions Elementor, les polices externes et un hébergement lent peuvent dégrader fortement le chargement final.