Elementor Theme Builder: le moyen le plus simple de créer un thème WordPress personnalisé

By | octobre 1, 2020

tuto wordpress

J'ai exprimé mon amour pour Elementor dans le passé. En termes simples, Elementor est le meilleur moyen pour les non-programmeurs de créer de superbes sites Web WordPress en un rien de temps, sans codage.

Bien que j'utilise et recommande la version Pro, je suis constamment surpris de tout ce que tout le monde peut accomplir avec la version gratuite d'Elementor. La leçon de construction de site à laquelle j'ai lié en haut de cet article fonctionne très bien avec la version gratuite; la seule limitation est l'importation de certains modèles haut de gamme.

Bien que la valeur de la version standard d'Elementor soit indéniable, il existe une excellente raison de passer à Elementor Pro (lien d'affiliation); c’est la fonction Theme Builder.

Je considère que le générateur de thèmes est l’arme secrète d’Elementor Pro. Theme Builder permet à quiconque de créer un thème WordPress personnalisé sans expérience de conception ni compétences en codage.

J'appelle Theme Builder un «secret» car de nombreux utilisateurs d'Elementor ont tendance à se lancer et à commencer à concevoir des pages sans trop de planification ou de prévoyance. Honnêtement, cette approche est parfaitement logique, étant donné la facilité avec laquelle il est possible de démarrer avec Elementor.

Malheureusement, ce type d'approche ad hoc de l'utilisation d'Elementor peut entraîner des incohérences dans la conception et la mise en page de votre site. Il est également beaucoup plus difficile de maintenir et d’étendre les sites créés de cette manière.

Avec le générateur de thèmes, vous commencez par créer la base de votre site – le thème. Créer un thème personnalisé est assez différent de simplement créer une collection de pages attrayantes et de les appeler un site Web.

Générateur de thèmes Elementor
La nouvelle interface Elementor Theme Builder facilite la création et la gestion de modèles de thèmes personnalisés.

Commencez par concevoir l'en-tête et le pied de page de votre site. Vous contrôlez ensuite l’emplacement de ces éléments dans les conditions d’affichage du générateur de thèmes. Il est facile de définir ces éléments pour qu'ils apparaissent sur tout le site ou sur une page ou un groupe de pages spécifique.

Au-delà des en-têtes et des pieds de page, vous utilisez le générateur de thèmes pour créer des modèles personnalisés pour tout ce qui se trouve sur votre site, y compris les publications, les pages, les archives et les types de publication personnalisés.

Les modèles que vous créez se combinent ensuite avec votre en-tête et votre pied de page pour créer des pages complètes. Ensemble, ces parties composent votre thème personnalisé.

Nouveau dans Elementor 3.0: le système de conception Elementor

Système de conception Elementor - Paramètres de couleur globaux

Alors que Theme Builder est un outil d'autonomisation à part entière, le nouveau système de conception Elementor le fait passer au niveau supérieur.

Le système de conception vous permet de maintenir la cohérence visuelle sur votre site en fournissant un emplacement centralisé pour spécifier et gérer les couleurs et les polices utilisées sur votre site.

Une fois que vous avez défini votre préférence de conception, vous passez aux paramètres du site. C'est là que vous attribuez vos couleurs et polices globales aux éléments de mise en page et de conception, y compris les niveaux d'en-tête, les éléments de formulaire, les boutons et les paramètres Lightbox.

Pour rendre les choses encore plus faciles, vous trouverez vos préférences Design System disponibles sous forme de préréglages dans toute l'interface d'Elementor. Chaque fois que vous créez (ou importez) un nouveau modèle, vous pouvez facilement attribuer vos couleurs et polices préférées en choisissant dans une liste de vos paramètres globaux.

Vous souhaitez modifier complètement la palette de couleurs de votre thème? Aucun problème. Il vous suffit de mettre à jour les couleurs que vous avez définies dans vos paramètres de conception et de regarder ces changements se répercuter sur l'ensemble de votre site Web. Aucun codage CSS n'est requis.

Elementor travaille-t-il avec Gutenberg?

Gutenberg est le dernier éditeur de contenu WordPress. Alors que Gutenberg continue d'évoluer, il se déplace dans le territoire traditionnellement occupé par des plugins comme Elementor. Beaucoup se sont demandé si Gutenberg remplacera un jour Elementor. Cela finira probablement par rattraper son retard, mais pour l'instant, Elementor a une longueur d'avance sur Gutenberg. Elementor est simplement plus mature et riche en fonctionnalités, à ce stade.

Je ne vois pas Elementor contre Gutenberg comme une question soit / soit. Au lieu de cela, je vois Elementor et Gutenberg comme deux outils qui fonctionnent bien ensemble lorsqu'ils sont utilisés correctement.

Dans mon prochain article, j'entrerai plus en détail sur l'utilisation efficace de Gutenberg avec Elementor (et vice versa). Pour l'instant, je dirai que la clé est d'utiliser Elementor Theme Builder pour concevoir votre thème, puis d'utiliser Gutenberg pour créer la plupart du contenu de votre article et de votre page. Cela garantira que votre site Web WordPress reste compatible avec les versions ultérieures.

Si vous souhaitez en savoir plus sur le générateur de thèmes Elementor, je viens de lancer un nouveau cours de deux heures qui fournit des instructions détaillées sur la création d'un thème personnalisé. Le cours fait partie de notre programme de formation et de coaching WordPress à accès illimité.