Réactivité. Facile à déplacer. Prêt à bouger. Vous devez avoir rencontré l’un de ces termes lors de la création du site WordPress. Étant donné que près de 50% des visiteurs le verront sur un appareil mobile, un thème mobile convivial et réactif est essentiel. Alors pourquoi le menu de votre site devrait il rester? Le menu est maintenant affiché dans le cadre de la réponse du menu. Par conséquent, si le menu de navigation principal apparaît sous forme de liste sur lrsquoappareil de bureau, le même menu peut être affiché sous forme de menu hamburger sur lrsquoappareil mobile.
Nous avons ici un excellent article qui explique « comment ajouter un menu de navigation intrusif à un sujet ». Maman! Pour faciliter le déplacement du menu, devrez peut être modifier ce qui apparaît dans le menu. Par exemple, le site Web wisdmlabs! consultez un site Web sur votre appareil mobile (ou si lrsquoutilisez actuellement), remarquerez que le menu principal nrsquoest pas un grand menu. Drsquoautre part, le menu principal de lrsquoappareil de bureau est un vrai super menu. Maintenant, pour afficher différents menus sur votre appareil mobile, votre thème doit permettre de créer différents menus mobiles.
Comment créer des menus mobiles sur le site WordPress, ajouter des menus spécifiques pour les appareils mobiles, Vous devez faire ce qui suit: enregistrer lrsquoaffichage alternatif du menu move en fonction de la largeur de lrsquoécran assurez que lrsquoaffichage du menu move crée et configure le menu move tout ce dont avez besoin est un peu de connaissance jquery et un peu de code PHP, avez des possibilités illimitées. Les fichiers à modifier incluent: 1 enregistrer les menus mobiles si votre thème WordPress ne a pas déjà fourni de menus mobiles, pouvez inscrire en utilisant le code suivant. Vous pouvez ajouter un codic
Affichage du menu de configuration initial de la page
Activer désactiver ()
Redimensionner le Navigateur pour changer lrsquoaffichage du menu
Jquery (Windows). Redimensionner (fonction () {
Activer désactiver ()
})
3 assurez que le menu move est affiché nous devons effectuer la dernière étape pour afficher le menu en douceur. Une fois défini dans les paramètres du menu, cette étape traite principalement de lrsquoaffichage du menu move. Ce code doit être ajouté au titre. PHP pour le sujet courant. Après avoir ajouté le menu principal, pouvez lrsquoajouter sous la fonction wp u NAV u menu. Le code suivant vérifie si le menu move est défini à partir de lrsquoarrière plan dans les paramètres du menu. le menu est défini, il apparaît dans le titre. Ou, le menu nrsquoa pas été défini, donc le message est affiché
(fonction _ exists (lsquohas NAV menursquo) amp amp has NAV menu (lsquomobile menursquo) {0
Menu wp u NAV U (tableau)
« trier les colonnes» = gt « ordre du menu»,
« conteneur» = gt « ul»,
« menu _ id» = gt navigation principale»,
« menu _ class» = gt « menu de navigation mobile»,
« Topic _ location» = gt « move menu»
))
Autres
Echo
}
Assurez que le menu Bureau est ajouté au menu principal en tant que classe supplémentaire. Cette classe sera utilisée pour alterner les menus.
Il est clair que certains CSS doivent également soutenir ce point. Ajoutez le CSS suivant au style. Css pour le Sous thème. Déplacer le menu {
Affichage: aucun
}
Écran moyen seulement et (largeur minimale: 800 pixels)
Oui. Menu Desktop {
Display: block! Important
}
Oui. Déplacer le menu {
Affichage: aucun! Important
}
}
Écran moyen seulement et (largeur maximale: 799 Px)
Oui. Menu Desktop {
Affichage: aucun! Important
}
Oui. Déplacer le menu
{Y}
Display: block! Important
}
}
4 créer et configurer le menu move après avoir créé les paramètres du menu move et activé lrsquoaffichage, nous devons créer un menu et le définir comme un menu move.
Pour ce faire, créez un nouveau menu dans le panneau d’administration WordPress. créez maintenant un nouveau menu pour ajouter un élément de menu et définissez le pour déplacer le menu. Nrsquooubliez pas drsquoenregistrer les modifications.
