Comment modifier l'en-tête de votre site Web avec Elementor

Créer un site Web peut être une expérience passionnante et enrichissante, mais parfois les outils fournis avec le créateur de site Web que vous avez choisi peuvent ne pas répondre pleinement à vos attentes. C'est là qu'Elementor entre en jeu. Elementor est un puissant constructeur de pages qui vous permet de créer des conceptions personnalisées pour votre site Web, y compris l'en-tête de votre site Web. Dans cet article de blog, nous vous guiderons à travers les étapes pour modifier l'en-tête de votre site Web à l'aide d'Elementor.

Étape 1 : Installer et activer Elementor

Tout d’abord, vous devez vous assurer qu’Elementor est installé et activé sur votre site Web. Si vous ne l'avez pas déjà fait, vous pouvez télécharger Elementor depuis le référentiel de plugins WordPress. Une fois installé, activez Elementor en vous rendant sur votre tableau de bord WordPress > Plugins et en cliquant sur le bouton « Activer ».

Étape 2 : Choisissez un modèle d'en-tête

Elementor est livré avec une variété de modèles d'en-tête prédéfinis parmi lesquels vous pouvez choisir pour commencer. Pour accéder à ces modèles, créez une nouvelle page ou ouvrez une page existante dans Elementor. Cliquez ensuite sur le bouton « Ajouter un modèle » dans le coin supérieur gauche de l'écran d'édition. À partir de là, sélectionnez l’option « En-tête » pour voir les modèles disponibles. Choisissez celui qui vous correspond et qui correspond à votre marque et importez-le dans votre page.

Étape 3 : Personnalisez le modèle d'en-tête

Une fois que vous avez sélectionné votre modèle d'en-tête préféré, il est temps de le personnaliser pour qu'il corresponde à l'image de marque et au style de votre site Web. Cliquez sur l'élément d'en-tête pour ouvrir les paramètres, puis commencez à modifier les éléments à l'aide de l'éditeur Elementor. Vous pouvez modifier le style de police, la taille, la couleur, l'espacement, l'alignement et d'autres personnalisations. Vous pouvez également ajouter de nouveaux éléments et widgets pour créer un en-tête parfaitement adapté à vos besoins.

Étape 4 : créer un en-tête collant

Si vous préférez un en-tête qui reste en haut de l'écran lorsque l'utilisateur fait défiler la page, Elementor vous permet de créer un en-tête collant. Pour ce faire, sélectionnez « Avancé » dans les paramètres de la section d'en-tête et cliquez sur « Effets de mouvement ». Ici vous pouvez trouver l’option « Sticky » que vous pouvez activer.

Étape 5 : Enregistrez les modifications et mettez à jour

Une fois que vous avez fini de personnaliser votre en-tête, n'oubliez pas de sauvegarder vos modifications. Cliquez sur le bouton « Enregistrer » en bas de l'écran d'édition, puis cliquez sur « Mettre à jour » ou « Publier » pour appliquer les modifications en direct sur votre site Web. Votre nouvel en-tête apparaîtra désormais pour vos visiteurs !