4 étapes simples pour ajouter un menu mobile à un site WordPress
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 l’appareil de bureau, le même menu peut être affiché sous forme de menu hamburger sur l’appareil 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, vous devrez peut – être modifier ce qui apparaît dans le menu. Par exemple, le site Web wisdmlabs! Si vous consultez un site Web sur votre appareil mobile (ou si vous l’utilisez actuellement), vous remarquerez que le menu principal n’est pas un grand menu. D’autre part, le menu principal de l’appareil de bureau est un vrai super menu.
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 l’affichage alternatif du menu move en fonction de la largeur de l’écran assurez – vous que l’affichage du menu move crée et configure le menu move tout ce dont vous avez besoin est un peu de connaissance jquery et un peu de code PHP, vous avez des possibilités illimitées. Les fichiers à modifier incluent: # 1 enregistrer les menus mobiles si votre thème WordPress ne vous a pas déjà fourni de menus mobiles, vous pouvez vous 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 l’affichage du menu
Jquery (Windows). Redimensionner (fonction () {
Activer \/ désactiver ();
});
Si (fonction _ exists (‘has NAV menu’) & & has NAV menu (‘mobile – menu’) {0
Menu wp \ u NAV \ U (tableau)
\
« trier les colonnes» = > « ordre du menu»,
« conteneur» = > « ul»,
« menu _ id» = > navigation principale»,
« menu _ class» = > « menu de navigation mobile»,
« Topic _ location» = > « move menu»
));
Autres
Echo \
}
Assurez – vous 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é l’affichage, 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. N’oubliez pas d’enregistrer les modifications.