Qu'est-ce qu'un modèle de titre Elementor ?
![Image[1] - Créer et personnaliser rapidement les en-têtes de WordPress : Elementor Header Template Guide - Photon Flux.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/06/2024061702461975.jpg)
Les modèles de titres Elementor sont des titres préconçus pour les sites web WordPress. Ils offrent un moyen rapide de construire et de personnaliser les titres sans avoir à partir de zéro.
Ces modèles comprennent des éléments d'en-tête courants tels que des logos, des menus de navigation et des formulaires de contact. Il suffit d'ajouter le modèle à la page et de remplacer le contenu existant par les informations relatives à votre marque.
Vous pouvez modifier la conception et la mise en page par défaut autant que vous le souhaitez. Vous pouvez déplacer des éléments, ajouter de nouveaux widgets et les personnaliser à l'aide du constructeur de pages Elementor.
Est-ce une bonne idée d'utiliser les modèles de titre d'Elementor ?
C'est certainement une bonne idée d'utiliser un modèle Elementor pour concevoir le nouveau titre de votre site web. Voici pourquoi :
- Processus de conception rapideSi les modèles ne sont pas prédéfinis, même les modifications les plus simples doivent être effectuées manuellement.
header.php
du document. Les modèles fournissent des titres personnalisés prêts à l'emploi, ce qui simplifie le processus de conception. - facile à utiliserElementor : L'interface "glisser-déposer" d'Elementor permet aux débutants et aux concepteurs expérimentés de modifier facilement les modèles.
- De nombreuses possibilités de personnalisationVous pouvez ajuster les éléments de l'en-tête tels que les logos, les polices, les couleurs d'arrière-plan, etc. afin de les rendre cohérents avec le thème actuel.
Cependant, il est parfois plus judicieux de concevoir votre titre à partir de zéro :
- avant-projet sommaireLes modèles de titre Elementor ne contiennent généralement que des éléments de base. Si votre site a une structure complexe, vous devrez peut-être personnaliser les titres.
- Manque d'unicitéL'utilisation de modèles universels peut aboutir à une conception de site web similaire à celle d'autres sites.
- Manque de flexibilitéLes modèles peuvent être personnalisés à l'excès, ce qui peut entraîner des problèmes de performance.
![Image [2] - Créez et personnalisez rapidement les en-têtes de WordPress : Elementor Header Template Guide - photonwave.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/06/2024062415413071.jpg)
Comment créer un titre Elementor personnalisé en utilisant un modèle ?
Étape 1 : Ouvrir le constructeur de thèmes Elementor
Dans le menu latéral de WordPress, cliquez sur "modèle">"Constructeur de thèmes". Dans le concepteur de thèmes, allez dans l'onglet Titre et cliquez sur Ajouter un nouveau.
![Image [3] - Construire et personnaliser rapidement les en-têtes de WordPress : Elementor Header Template Guide - photonfluctuation.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/06/2024062415265099.png)
Étape 2 : Sélection du modèle d'en-tête
Cliquez "Ajouter un nouveau"et sélectionnez l'un de vos modèles de titre prédéfinis préférés. Après l'avoir inséré, le constructeur par glisser-déposer d'Elementor s'ouvre automatiquement.
![Image [4] - Construire et personnaliser rapidement les en-têtes de WordPress : Elementor Header Template Guide - photonfluctuation.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/06/2024062415274160.png)
Étape 3 : Personnaliser le titre
Les modèles contiennent généralement des espaces réservés aux logos, des menus de navigation et des boutons. Si votre site possède déjà des menus, le modèle importera les étiquettes de menu existantes. Style des en-têtes :
![Image [5] - Construire et personnaliser rapidement les en-têtes de WordPress : Elementor Header Template Guide - photonfluctuation.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/06/2024062415320652.png)
- Survolez le titre et cliquez sur l'icône à six points pour accéder aux options du titre.
- Sous l'onglet "Mise en page", modifiez la hauteur, la largeur, l'alignement, etc. du titre.
- Ajustez la couleur d'arrière-plan, ajoutez une bordure, etc. sous l'onglet "Style".
![Image [6] - Construire et personnaliser rapidement les en-têtes de WordPress : Elementor Header Template Guide - photonfluctuation.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/06/2024062415322587.png)
Étape 4 : Publier un nouvel en-tête personnalisé
Vérifiez la conception et la mise en page finales de l'en-tête personnalisé. Cliquez sur le bouton "Publier", sélectionnez "Ajouter une condition" et choisissez l'une des trois options :
- Tout le site : le titre sera affiché sur toutes les pages/postes.
- Archives : les titres ne sont affichés que sur les pages/postes d'archives sélectionnés.
- Singulier : affiche le titre sur une page, un article ou une catégorie spécifique.
Sélectionnez l'option "Site-wide" pour que le nouveau titre s'applique à l'ensemble du site et cliquez sur "Save and Close".
![Image [7] - Construire et personnaliser rapidement les en-têtes de WordPress : Elementor Header Template Guide - photonfluctuation.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/06/2024062415330231.png)
Alternative : Créer l'en-tête d'Elementor à partir de zéro en utilisant des widgets
Étape 1 : Ajouter des colonnes
Le nouveau titre comportera trois colonnes :
- La première colonne contient le logo de la marque.
- La colonne du milieu contient le menu de navigation.
- La colonne de droite affiche les icônes sociales.
Cliquez sur l'icône + pour ajouter une nouvelle section et sélectionnez la structure en trois colonnes.
![Image [8] - Construire et personnaliser rapidement les en-têtes de WordPress : Elementor Header Template Guide - photonfluctuation.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/06/2024062415331768.png)
Étape 2 : Ajout d'un logo
Faites glisser le widget Logo du site dans la colonne de gauche pour sélectionner une image pour le logo du site.
![Image [9] - Construire et personnaliser rapidement les en-têtes de WordPress : Elementor Header Template Guide - photonfluctuation.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/06/2024062415333626.png)
Étape 3 : Ajouter un menu de navigation
Ajoutez un widget de menu de navigation dans la colonne du milieu. Sélectionnez l'élément de menu et personnalisez la police, la taille et la couleur dans l'onglet Style.
![Image [10] - Construire et personnaliser rapidement les en-têtes de WordPress : Elementor Header Template Guide - photonfluctuation.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/06/2024062415334993.png)
Étape 4 : Ajouter des icônes sociales
![Image [11] - Construire et personnaliser rapidement les en-têtes de WordPress : Elementor Header Template Guide - photonfluctuation.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide](https://www.361sale.com/wp-content/uploads/2024/06/2024062415344345.png)
Glisser-déposer des widgets d'icônes sociales dans la colonne la plus à droite. Ajouter et personnaliser des icônes sociales.
Étape 5 : Publier un en-tête personnalisé
Cliquez "poste"pour que la nouvelle page d'accueil et le nouveau titre soient effectifs.
Résumé :
Les modèles d'en-tête d'Elementor constituent un moyen rapide et efficace de concevoir des en-têtes pour les sites web WordPress. Ces modèles préconçus comprennent des éléments communs tels que des logos, des menus de navigation et des formulaires de contact que les utilisateurs peuvent simplement ajouter à une page et faire des substitutions de marque.L'interface drag-and-drop d'Elementor rend la personnalisation des modèles facile et intuitive pour les débutants comme pour les concepteurs expérimentés.
Lien vers cet article :https://www.361sale.com/fr/11924
L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
Pas de commentaires