Guide Complet pour Utiliser Elementor Theme Builder
Elementor Theme Builder est un outil puissant qui vous permet de créer des thèmes personnalisés sans avoir besoin de coder. Avec Elementor, vous pouvez concevoir chaque aspect de votre site web, y compris les en-têtes, les pieds de page, les modèles de page et plus encore. Ce guide vous aidera à maîtriser Elementor Theme Builder et à créer des thèmes uniques pour votre site.
- Installer Elementor Pro : Pour utiliser le Theme Builder, vous devez avoir la version Pro d’Elementor. Vous pouvez l’acheter et l’installer depuis le site officiel d’Elementor.
- Activer Theme Builder : Une fois Elementor Pro installé, accédez au tableau de bord WordPress, allez dans Elementor > Theme Builder.
Il existe plusieurs façons d’accéder au générateur de thèmes :
- Depuis le menu d’administration : Allez dans Elementor > Theme Builder.
- Depuis l’éditeur Elementor : Cliquez sur le menu hamburger dans le coin supérieur gauche du panneau Widget, puis sélectionnez Générateur de thèmes dans l’onglet Paramètres.
- Utilisation des raccourcis clavier : Sur Mac, utilisez CMD+MAJ+E et sur Windows, utilisez CTRL+MAJ+E pour accéder rapidement au générateur de thèmes. Choisissez la méthode qui vous convient le mieux.
Tableau de bord principal du générateur de thèmes
Pour les utilisateurs de la version gratuite d’Elementor, vous pouvez voir quelles parties de votre site seraient disponibles avec Elementor Pro. Pour les utilisateurs de la version Pro, les parties de site déjà créées seront affichées. Des miniatures pour chaque section du site seront automatiquement générées pour vous.*
*Si aucune partie du site n’a encore été créée, les miniatures par défaut seront affichées pour toutes les parties du site disponibles.
Créer un En-tête Personnalisé sur Elementor
- Accéder à Theme Builder : Dans le tableau de bord WordPress, allez dans Elementor > Theme Builder > Header.
- Ajouter un Nouvel En-tête : Cliquez sur “Add New” pour créer un nouvel en-tête.
- Choisir un Modèle : Sélectionnez un modèle prédéfini ou commencez à partir de zéro.
- Personnaliser : Utilisez l’éditeur glisser-déposer pour ajouter des éléments comme le logo, le menu de navigation, les icônes sociales, etc.
- Publier et Définir les Conditions : Cliquez sur “Publish” et définissez les conditions où cet en-tête doit apparaître (sur toutes les pages, seulement sur la page d’accueil, etc.).
C’est le même principe la création des autres partie du site comme des pages, articles, archives, résultats de recherche, par d’erreur ….
Créer un Pied de Page Personnalisé
- Accéder à Theme Builder : Allez dans Elementor > Theme Builder > Footer.
- Ajouter un Nouveau Pied de Page : Cliquez sur “Add New”.
- Choisir un Modèle : Sélectionnez un modèle ou commencez à partir de zéro.
- Personnaliser : Ajoutez des éléments comme le texte de copyright, les liens de navigation, les icônes de réseaux sociaux, etc.
- Publier et Définir les Conditions : Cliquez sur “Publish” et choisissez où ce pied de page doit apparaître.
Créer des Modèles de Page
- Accéder à Theme Builder : Allez dans Elementor > Theme Builder > Single.
- Ajouter un Nouveau Modèle : Cliquez sur “Add New”.
- Choisir un Type de Page : Sélectionnez le type de page que vous souhaitez créer (article de blog, page produit, etc.).
- Personnaliser : Utilisez les widgets dynamiques d’Elementor pour afficher le contenu du post, comme le titre, l’image en vedette, le contenu, l’auteur, etc.
- Publier et Définir les Conditions : Cliquez sur “Publish” et définissez les conditions où ce modèle doit être utilisé.
Configuration
Conditions d'affichages
Si vous souhaitez modifier les conditions d’affichage et afficher votre template uniquement sur une page spécifique, vous pouvez ajuster les instances en utilisant le bouton « Modifier les conditions » situé en bas à gauche.
Exporter un template
Cliquez sur les trois points horizontaux en haut à droite de la section du site que vous souhaitez exporter. Sélectionnez « Exporter » pour ouvrir une boîte de dialogue de sauvegarde, qui enregistrera un fichier .json sur votre ordinateur.
Renommer ou Supprimer une partie du site
Cliquez sur les trois points horizontaux en haut à droite de la section du site que vous souhaitez supprimer ou renommer. Sélectionnez « Supprimer » ou « Renommer » pour ouvrir une boîte de dialogue de confirmation.
La création de votre template
Vous devez créer votre template et le publier. Vous pouvez également modifier les conditions d’affichage depuis cette interface.
Conditions d’affichage : Vous pouvez inclure ou exclure votre template de chaque page. Par exemple, pour un modèle d’en-tête avec la condition « Site entier », vous pouvez ajouter une deuxième condition d’exclusion pour une page spécifique, comme la page d’accueil.
Ainsi, vous aurez deux en-têtes sur votre site : l’un s’affichera sur l’ensemble du site et l’autre uniquement sur la page d’accueil.
Vous pouvez créer plusieurs en-têtes et les attribuer à différentes zones de votre site !
Remarque : les conditions d’affichage ne sont disponibles que dans les modèles du générateur de thèmes. Elles ne sont pas disponibles dans les pages classiques.