Comment rendre votre en-tête transparent avec Elementor

L’une des tendances les plus populaires en matière de conception de sites Web à l’heure actuelle est l’utilisation d’en-têtes transparents pour un look élégant et moderne. Et avec Elementor – un plugin de création de pages convivial pour WordPress – rendre votre en-tête transparent est incroyablement facile à faire. Dans ce guide, nous vous expliquerons les étapes simples pour créer un en-tête transparent avec Elementor, afin que vous puissiez améliorer l'apparence de votre site Web sans passer des heures à jouer avec le code.

Étape 1 : Créez un nouveau modèle d'en-tête.

Tout d’abord, créez un nouveau modèle d’en-tête ou modifiez-en un existant. Pour en créer un nouveau, accédez à Modèles > Générateur de thèmes > En-tête > Ajouter un nouveau modèle. Choisissez le type d'en-tête que vous souhaitez créer (bloc d'en-tête ou section d'en-tête), puis cliquez sur « Créer un modèle ».

Étape 2 : ajoutez une ligne à votre modèle.

L'étape suivante consiste à ajouter une ligne à votre modèle. Cliquez sur le bouton « Ajouter une nouvelle section », sélectionnez l'onglet « Structure » et choisissez le nombre de colonnes que vous souhaitez que votre ligne comporte. Ensuite, cliquez sur « Insérer ».

Étape 3 : Ajustez les paramètres de ligne.

Cliquez sur la ligne nouvellement ajoutée pour accéder aux paramètres de ligne. Dans l'onglet « Style », faites défiler jusqu'aux paramètres « Arrière-plan » et sélectionnez « Classique ». Vous pouvez maintenant ajuster l'opacité de la couleur d'arrière-plan pour la rendre transparente – faites simplement glisser la barre « Opacité » vers la gauche jusqu'à ce que le niveau de transparence souhaité soit atteint.

Étape 4 : Personnalisez le contenu que vous souhaitez inclure dans votre en-tête.

Il est maintenant temps d'ajouter le contenu souhaité à l'en-tête. Vous pouvez ajouter des widgets, des éléments et des zones de texte à une colonne, ajuster leurs tailles et positions en les faisant glisser sur le canevas et personnaliser leur conception avec différents paramètres de style.

Étape 5 : Appliquez le modèle d'en-tête à votre site Web.

Une fois que vous avez fini de créer votre modèle d'en-tête, cliquez sur « Publier » et appliquez le nouvel en-tête à votre site Web en allant dans Apparence > Personnaliser > En-tête > Style d'en-tête > Elementor – puis sélectionnez le modèle que vous venez de créer.

Conclusion

Et c'est tout : vous disposez désormais d'un magnifique en-tête transparent qui peut contribuer à donner à votre site Web un aspect plus professionnel et plus élégant. Elementor est un outil puissant qui facilite incroyablement la création d'en-têtes personnalisés qui représentent votre marque et votre style. Essayez-le et voyez comment il peut améliorer la conception de votre site Web !