Voulez 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, ne voudrez peut être pas utiliser le même menu sur votre téléphone, ou voudrez peut être utiliser un style de menu différent. Dans nous 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 drsquoabord, devez accéder à la page du menu apparence et créer un nouveau menu de navigation à afficher sur votre appareil mobile.
Sur lrsquoécran suivant, devez donner un nom au nouveau menu pour aider à lrsquoidentifier plus tard. On appelle ça un \
Ensuite, 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é, devez accéder à la page options du menu déplacer pour configurer les paramètres du plug in. À partir de là, devez sélectionner si voulez afficher le menu déplacer à droite ou à gauche en activant lrsquointerrupteur.
Dans le menu déroulant, sélectionnez le menu déplacer que avez créé précédemment. Ensuite, devez faire défiler V
Passez de bas en haut à la section menu masquer le thème original. Ici, 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 nrsquoa pas réussi à masquer le menu du thème, pouvez revenir ici et cliquer sur le bouton trouver des éléments, en pointant simplement vers le menu de navigation du thème. Nrsquooubliez 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 drsquoaller à la page du menu apparence. Assurez que le menu move précédemment créé est sélectionné dans le menu déroulant. Sous lrsquoélément de menu, sélectionnez lemplacement 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 drsquoexé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 permet de changer la couleur de la barre de menu, de changer lrsquoopacité, drsquoajouter des icônes, etc. dans vos paramètres. Vous pouvez utiliser ces paramètres comme bon 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, pouvez choisir drsquoutiliser deux méthodes différentes. Vous pouvez simplement masquer le menu mobile complet en utilisant CSS, ou 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 drsquoabord, 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 lrsquooutil drsquoinspection.
Votre écran de navigateur sera divisé en deux et verrez le code source de la page. Ce menu de navigation nrsquoest pas la cible que voulez maintenant parce qursquoil est visible sur lrsquoécran de bureau. Vous devrez réarranger lrsquoécran du navigateur et le faire glisser drsquoun coin à une plus petite taille jusqursquoà 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 jusqursquoà ce que la zone du menu soit mise en évidence.
Comme pouvez le voir dans la capture drsquoécran ci dessus, notre sujet de test utilise le changeur de barre de navigation wrapper. Ensuite, devez aller à la page de personnalisation de l’apparence dans la zone de gestion wordpress pour lancer le personnalisateur de thème. Ici, devez aller à lrsquoonglet attacher CSS et cliquer sur lrsquoicône déplacer dans le coin inférieur droit du panneau de gauche.
Le programme personnalisé affiche maintenant un aperçu de lrsquoapparence 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 drsquoaperçu.
Oui. Changeur de barre de navigation
Affichage: aucun
}
Nrsquooubliez 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 permet de créer un menu de navigation, puis drsquoafficher ou de masquer sélectivement des éléments que ne voulez pas afficher sur un appareil mobile ou de bureau. Lrsquoavantage de cette approche est que pouvez utiliser le même menu de navigation pour les appareils mobiles et de bureau, en cachant et
Éléments que ne voulez pas afficher.
Tout drsquoabord, devez aller à la page du menu apparence et cliquer sur le bouton Options drsquoécran dans le coin supérieur droit de lrsquoécran. À partir de là, devez cocher la case à côté de lrsquooption de classe CSS.
Après. Vous devez faire défiler vers le bas lrsquoélément de menu que voulez cacher sur votre appareil mobile et cliquer pour lrsquoagrandir. Dans les paramètres de lrsquoélément de menu, verrez maintenant lrsquooption drsquoajouter 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 ne voulez pas afficher sur votre téléphone.
De même, pouvez cliquer sur lrsquoélément de menu que souhaitez cacher sur votre ordinateur de bureau. Cette fois, ajoutez la classe CSS à la place. Cache le Bureau. Une fois terminé, nrsquooubliez 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 drsquoaller à la page personnaliser lrsquoapparence 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
}
}
Nrsquooubliez pas de cliquer sur le bouton publier pour enregistrer vos modifications. Maintenant que pouvez accéder à votre site Web, verrez que les éléments que voulez cacher sur votre bureau ne sont plus visibles dans le menu. En redimensionnant lrsquoécran du navigateur à une plus petite taille, remarquerez que la même taille apparaîtra dans le menu déplacer.
Nous espérons que cet article 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. veuillez abonner
Notre chaîne de tutoriels vidéo YouTube WordPress.
