Comment masquer le menu move dans WordPress (Guide de démarrage)

Voulez – vous cacher le menu move dans WordPress? La plupart des thèmes WordPress ont des styles intégrés qui convertissent automatiquement les menus de navigation en menus mobiles. Cependant, vous ne voudrez peut – être pas utiliser le même menu sur votre téléphone, ou vous voudrez peut – être utiliser un style de menu différent. Dans cet article, nous vous montrerons comment masquer facilement les menus mobiles dans WordPress en utilisant des plug – ins ou des méthodes de code. Méthode 1. Masquer les menus mobiles dans WordPress en utilisant des plugins cette méthode est plus simple et est recommandée aux débutants. Nous utiliserons des plug – ins pour masquer les menus mobiles existants fournis par les thèmes WordPress, puis nous utiliserons différents menus sur nos appareils mobiles ou nous n’utiliserons pas de menus.
Tout d’abord, vous devez accéder à la page du menu apparence et créer un nouveau menu de navigation à afficher sur votre appareil mobile. Sur l’écran suivant, vous devez donner un nom au nouveau menu pour vous aider à l’identifier plus tard. On appelle ça un \
Ensuite, vous devez installer et activer le plug – in du menu mobile WP. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer le plugin wordpress. Une fois activé, vous devez accéder à la page options du menu déplacer pour configurer les paramètres du plug – in. À partir de là, vous devez sélectionner si vous voulez afficher le menu déplacer à droite ou à gauche en activant l’interrupteur. Dans le menu déroulant, sélectionnez le menu déplacer que vous avez créé précédemment. Ensuite, vous devez faire défiler V
Passez de bas en haut à la section menu masquer le thème original. Ici, vous pouvez dire au plugin de cacher les menus mobiles créés par les thèmes WordPress.
Par défaut, le plugin utilisera les identificateurs d’éléments couramment utilisés pour les thèmes WordPress les plus populaires. La plupart des utilisateurs ne devraient rien faire ici. Cependant, si le plug – in n’a pas réussi à masquer le menu du thème, vous pouvez revenir ici et cliquer sur le bouton trouver des éléments, en pointant simplement vers le menu de navigation du thème. N’oubliez pas de cliquer sur le bouton Enregistrer les modifications pour stocker les paramètres. Maintenant que nous avons mis en place le plugin, nous devons dire au site WordPress d’afficher notre menu mobile à l’emplacement du nouveau menu ajouté par le plugin.
Il suffit d’aller à la page du menu apparence. Assurez – vous que le menu move précédemment créé est sélectionné dans le menu déroulant. Sous l’élément de menu, sélectionnez l’emplacement sélectionné dans les paramètres du plug – in (par exemple, le menu déplacer à gauche ou le menu déplacer à droite). Vous pouvez maintenant accéder à votre site Web pour voir le nouveau menu en cours d’exécution. Le plug – in cache maintenant le menu déplacer le thème et affiche un menu personnalisé. Le plug – in de menu WP mobile vous permet de changer la couleur de la barre de menu, de changer l’opacité, d’ajouter des icônes, etc. dans vos paramètres. Vous pouvez utiliser ces paramètres comme bon vous semble.
Méthode 2. Utilisez CSS hide Move Menu cette méthode est un peu avancée et nécessite un CSS personnalisé. Pour cette méthode, vous pouvez choisir d’utiliser deux méthodes différentes. Vous pouvez simplement masquer le menu mobile complet en utilisant CSS, ou vous pouvez masquer un seul élément de menu sur votre appareil mobile. 1. Utilisez css pour masquer le menu complet sur votre appareil mobile. Tout d’abord, vous devez connaître les éléments qui doivent être édités avec CSS personnalisé. Pour ce faire, continuez.
Ou site Web, et passez le curseur sur le menu de navigation. Ensuite, faites un clic droit et sélectionnez l’outil d’inspection.
Votre écran de navigateur sera divisé en deux et vous verrez le code source de la page. Ce menu de navigation n’est pas la cible que vous voulez maintenant parce qu’il est visible sur l’écran de bureau. Vous devrez réarranger l’écran du navigateur et le faire glisser d’un coin à une plus petite taille jusqu’à ce que le menu de navigation du Bureau soit remplacé par le menu déplacer. Vous devez connaître les identificateurs et les classes CSS utilisés par les menus de navigation WordPress. Vous pouvez déplacer la souris sur le code source jusqu’à ce que la zone du menu soit mise en évidence.
Comme vous pouvez le voir dans la capture d’écran ci – dessus, notre sujet de test utilise le changeur de barre de navigation wrapper. Ensuite, vous devez aller à la page de personnalisation de l’apparence dans la zone de gestion wordpress pour lancer le personnalisateur de thème. Ici, vous devez aller à l’onglet attacher CSS et cliquer sur l’icône déplacer dans le coin inférieur droit du panneau de gauche. Le programme personnalisé affiche maintenant un aperçu de l’apparence de votre site sur votre appareil mobile. Vous pouvez maintenant entrer le code CSS suivant et voir votre menu de déplacement disparaître dans le panneau d’aperçu.
– Oui. Changeur de barre de navigation
Affichage: aucun;
}
N’oubliez pas de le remplacer. La barre de navigation utilise les identificateurs utilisés par les thèmes wordpress pour basculer les enveloppes. Ensuite, cliquez sur le bouton publier en haut pour enregistrer les modifications. Utilisez css pour masquer des éléments de menu spécifiques dans le menu move cette méthode vous permet de créer un menu de navigation, puis d’afficher ou de masquer sélectivement des éléments que vous ne voulez pas afficher sur un appareil mobile ou de bureau. L’avantage de cette approche est que vous pouvez utiliser le même menu de navigation pour les appareils mobiles et de bureau, en cachant et
Éléments que vous ne voulez pas afficher.
Tout d’abord, vous devez aller à la page du menu apparence et cliquer sur le bouton Options d’écran dans le coin supérieur droit de l’écran. À partir de là, vous devez cocher la case à côté de l’option de classe CSS. Après. Vous devez faire défiler vers le bas l’élément de menu que vous voulez cacher sur votre appareil mobile et cliquer pour l’agrandir. Dans les paramètres de l’élément de menu, vous verrez maintenant l’option d’ajouter une classe CSS. Continuer à ajouter des classes CSS. Cache ton téléphone là – Bas. Répétez cette procédure pour tous les éléments de menu que vous ne voulez pas afficher sur votre téléphone.
De même, vous pouvez cliquer sur l’élément de menu que vous souhaitez cacher sur votre ordinateur de bureau. Cette fois, ajoutez la classe CSS à la place. Cache le Bureau. Une fois terminé, n’oubliez pas de cliquer sur le bouton Enregistrer le menu pour enregistrer les modifications. Nous allons maintenant ajouter des CSS personnalisés pour masquer ces éléments de menu. Il suffit d’aller à la page personnaliser l’apparence pour commencer à personnaliser le thème, puis cliquez sur un autre onglet CSS. Vous devez ajouter le code CSS suivant à la boîte CSS Moyenne (largeur minimale: 980px)
– Oui. Masquer le Bureau
Affichage: aucun! Important
}
}
Médias (largeur maximale: 980px)
– Oui. Cacher le téléphone
Affichage: aucun! Important
}
}
N’oubliez pas de cliquer sur le bouton publier pour enregistrer vos modifications. Maintenant que vous pouvez accéder à votre site Web, vous verrez que les éléments que vous voulez cacher sur votre bureau ne sont plus visibles dans le menu. En redimensionnant l’écran du navigateur à une plus petite taille, vous remarquerez que la même taille apparaîtra dans le menu déplacer. Nous espérons que cet article vous aidera à comprendre comment cacher facilement les menus mobiles dans WordPress. Vous voudrez peut – être aussi voir nos articles sur la façon de créer des pages personnalisées dans WordPress ou de créer des thèmes personnalisés à partir de zéro sans écrire de code. Si vous aimez cet article, veuillez vous abonner
Notre chaîne de tutoriels vidéo YouTube WordPress. Vous pouvez aussi nous trouver sur Twitter et Facebook.