Comment créer un menu de barre latérale compressible dans WordPress (la manière la plus simple)

Voulez – vous créer un menu de barre latérale compressible dans WordPress? Un menu compressable permet aux visiteurs du site d’accéder facilement à de nombreux liens sans encombrer la barre latérale. Il est idéal pour les grands sites Web, les magasins de commerce électronique ou tout site dont la mise en page est plus complexe. Dans cet article, nous vous montrerons comment créer facilement des menus de barre latérale compressables dans WordPress. Qu’est – ce que le menu de la barre latérale pliante (et quand l’utiliser) le menu le plus intuitif offre un accès facile à tous les liens dont les visiteurs ont besoin. Cependant, cela peut être compliqué pour les sites qui ont de nombreuses pages ou des mises en page plus complexes.
Pensez à un grand magasin de commerce électronique avec de nombreuses catégories et sous – catégories de produits, comme Amazon. Afficher chaque catégorie de produits dans un menu standard n’est pas une bonne idée. Les acheteurs devraient peut – être faire défiler le menu pour trouver les catégories qui les intéressent. C’est là que les menus Compressibles fonctionnent. Ces menus organisent leur contenu en parent – enfant. Si le visiteur clique sur l’élément principal dans le menu compressible, il s’agrandit pour afficher le contenu de tous les enfants du parent. Le site mobile du Guardian utilise un menu compressable.
Les menus Compressibles sont parfois appelés menus extensibles. C’est parce que lorsque les visiteurs les cliquent, leurs différentes parties s’étendent. Par défaut, les menus compressables cachent beaucoup de contenu et de complexité aux visiteurs. C’est beaucoup plus facile que de parcourir une longue liste de catégories et de sous – catégories. C’est – à – dire, voyons comment créer facilement un menu de barre latérale compressible sur le site WordPress. Comment créer un menu de barre latérale pliable dans WordPress vous pouvez créer un menu de barre latérale compressible
Utilisez le plugin de menu accordéon soufflet dans WordPress.
Le menu de l’accordéon soufflet offre un code court pratique afin que vous puissiez placer le menu compressible dans n’importe quelle page, poste ou zone Widget, y compris la barre latérale. Tout d’abord, vous devez installer et activer le plug – in. Si vous avez besoin d’aide, consultez notre guide sur la façon d’installer le plugin wordpress. Une fois activé, allez à la page de menu apparence dans le tableau de bord WordPress. Pour commencer, tapez le nom du menu dans le champ Nom du menu. Les visiteurs de votre site Web ne verront pas ce nom parce qu’il n’est fourni qu’à titre de référence personnelle. Vous pouvez ensuite cliquer sur le bouton créer un menu.
Ensuite, vous pouvez sélectionner la page à ajouter au menu compressible. Par défaut, WordPress n’affiche que vos dernières pages. Si vous souhaitez voir une liste de toutes les pages du site, cliquez sur l’onglet afficher toutes. Alternativement, vous pouvez cliquer sur Sélectionner tout. Ceci ajoute toutes les pages au menu compressable. Lorsque vous êtes satisfait de la sélection, cliquez sur le bouton Ajouter au menu. Vous pouvez également sélectionner un billet, une catégorie de blog ou ajouter un lien personnalisé. Pour plus de détails, consultez notre guide sur la façon d’ajouter un menu de navigation dans WordPress.
Après avoir ajouté toutes les différentes pages au menu, vous pouvez les déplacer en les faisant glisser et en les laissant tomber. Ceci modifie l’ordre d’affichage de ces pages dans le menu compressible. Le menu Collapse couvre toutes les relations parent – enfant. Lorsque le visiteur clique sur l’élément principal du menu compressible, il s’agrandit pour afficher tous les sous – contenus. Pour créer cette relation, il suffit de faire glisser et de déposer la sélection pour placer toutes les pages enfant sous la page parent. Ensuite, faites glisser doucement chaque enfant vers la droite. Puis vous pouvez libérer
Possédez cette page. Ceci indente le projet et le convertit en sous – page.
Une fois terminé, n’oubliez pas de cliquer sur le bouton Enregistrer les modifications. Nous voulons maintenant ajouter ce menu compressable à la barre latérale WordPress. Pour ce faire, nous utiliserons le Code court créé automatiquement par l’accordéon soufflet. Pour obtenir un code court, allez à l’apparence \
Lorsque vous trouvez la zone de la barre latérale, cliquez. Cette section va maintenant être élargie. Pour ajouter un bloc, cliquez sur l’icône + et commencez à taper un raccourci. Lorsqu’il apparaît, sélectionnez le bloc de code court. Il suffit maintenant de coller le raccourci du menu compressable dans ce bloc. Pour publier le menu, cliquez sur le bouton mise à jour en haut de l’écran. Maintenant, lorsque vous visitez votre site, vous devriez voir un nouveau menu de barre latérale compressible. Ce menu par défaut peut être facilement personnalisé par le plug – in d’accordéon de soufflet. Par exemple, vous pouvez modifier son schéma de couleurs pour mieux refléter la marque du site.
Si vous souhaitez modifier le menu par défaut, il vous suffit de passer au menu apparence dans le tableau de bord WordPress. Ce menu a tous les paramètres nécessaires pour personnaliser le menu compressible. Il y a beaucoup de paramètres à explorer. Cependant, vous devrez peut – être aller à la configuration pri
\
Si vous souhaitez prévisualiser les modifications en temps réel, vous pouvez modifier le menu de la barre latérale compressible dans WordPress customizer. Pour ce faire, allez à personnaliser l’apparence. Dans la barre de gauche, sélectionnez ventilateur. Ici, vous trouverez de nombreux paramètres différents pour votre barre latérale pliante. Cela comprend la modification de la largeur, de l’alignement et de la couleur du menu de la barre latérale. Nous espérons que cet article vous aidera à apprendre comment créer un menu de barre latérale compressible dans WordPress. Vous pouvez également consulter notre guide pour savoir comment suivre les visiteurs de votre site et comment utiliser le meilleur logiciel de notification Push pour augmenter votre trafic.
Si vous aimez cet article, abonnez – vous à notre tutoriel vidéo WordPress sur YouTube Channel. Vous pouvez aussi nous trouver sur Twitter et Facebook.