Avez-vous vu les menus réactifs en plein écran utilisés sur des blogs populaires ? Ces menus apparaissent sur le site avec une icône de hamburger par défaut. Lorsqu’un utilisateur clique ou appuie dessus, une superposition en plein écran contenant le menu du site apparaît avec un bel effet. Dans cet article, nous allons vous montrer comment ajouter un menu réactif en plein écran dans WordPress sans écrire de code.
Didacticiel vidéo
Si vous n’aimez pas la vidéo ou si vous avez besoin de plus d’instructions, continuez à lire.
La première chose à faire est d’installer et d’activer le Menu réactif plein écran DC brancher. Lors de l’activation, vous devez visiter Apparence » Menu plein écran DC page pour configurer les paramètres du plugin.
Vous devez choisir un menu dans la liste déroulante. Si vous n’avez pas encore créé de menu de navigation, consultez notre guide sur la façon d’ajouter des menus de navigation dans WordPress.
Après cela, vous devez sélectionner la direction de l’effet de glissement pour le menu plein écran. Vous pouvez choisir entre haut, droite, gauche, bas ou aucun effet.
Le menu DC Fullscreen Responsive vous permet également de choisir une couleur d’arrière-plan et de texte pour le menu. Assurez-vous de choisir une combinaison agréable pour les yeux et qui correspond à votre palette de couleurs.
Lorsque vous choisissez la couleur du texte ou de l’arrière-plan, tenez toujours compte de la manière dont ces couleurs affectent la lisibilité.
Vous pouvez choisir une police Google pour le texte du menu. Entrez simplement le nom de la police et le plugin le chargera pour vous.
N’oubliez pas de décocher la case à côté de l’option « Petit lien vers l’auteur ». Si elle est cochée, elle ajoutera un lien vers le site Web de l’auteur du plugin sur toutes vos pages.
Enfin, cliquez sur le bouton Soumettre pour enregistrer vos paramètres. Vous pouvez maintenant visiter votre site Web pour voir le menu en action. Nous vous recommandons de redimensionner votre navigateur pour voir comment le menu se comporte sur différentes tailles d’écran.
Nous espérons que cet article vous a aidé à ajouter un menu réactif en plein écran à votre site WordPress. Vous pouvez également consulter notre guide sur la façon d’ajouter un menu de panneau de diapositives dans WordPress.