Sommaire
Vous cherchez un moyen d’insérer des éléments personnalisés dans les menus de WordPress ? Les menus de navigation aident vos visiteurs à naviguer sur votre site web pour trouver le contenu qu’ils recherchent. Parfois, pour aider davantage vos visiteurs ou pour rendre votre menu plus intéressant, vous pouvez avoir besoin d’y ajouter quelques éléments personnalisés.
Malheureusement, WordPress ne rend pas les choses faciles pour les débutants. Vous devrez ajouter les éléments personnalisés que vous souhaitez en utilisant le code de votre fichier functions.php. Ce n’est pas trop difficile à faire, mais si vous voulez être créatif avec vos menus, vous aurez besoin de quelques connaissances en matière de codage. Aujourd’hui, je vais vous montrer comment insérer des éléments personnalisés dans les menus de WordPress en utilisant du code.
Soyons réalistes, l’un des plus grands obstacles auxquels sont confrontés les nouveaux sites web est d’essayer de se démarquer dans un environnement surpeuplé. Il n’existe pas de méthode infaillible pour être original, mais l’ajout de fonctionnalités et d’éléments personnalisés adaptés à votre site web est la meilleure approche à adopter. Vous seul savez quel type d’expérience vous voulez offrir à vos visiteurs.
L’ajout d’éléments personnalisés à vos menus peut vous aider à atteindre cet objectif. Les éléments de menu par défaut sont très utiles, mais le fait de pouvoir leur ajouter des éléments supplémentaires, comme des barres de recherche, des liens de connexion/déconnexion, etc. peut vraiment faire la différence. Le seul facteur limitant l’ajout d’éléments personnalisés est votre expérience en matière de codage.
N’oubliez pas que vous pouvez trouver de nombreux exemples de différents éléments que vous pouvez ajouter. Vous pouvez utiliser ces échantillons pour créer votre propre code.
Aujourd’hui, je vais vous montrer comment insérer des éléments personnalisés dans les menus de WordPress à l’aide d’un code. Je vous montrerai comment localiser votre fichier functions.php et quelques exemples de ce que vous pouvez ajouter. Toute expérience des langages de codage PHP/HTML/CSS vous aidera certainement à créer exactement ce que vous voulez.
N’oubliez pas qu’avant de commencer, vous devez avoir activé les menus personnalisés. Si vous ne le faites pas, rien ne se passera.
Trouver le fichier Functions.php
Commençons par vous connecter au cPanel et cliquez sur l’option Gestionnaire de fichiers. Le gestionnaire de fichiers vous permettra d’accéder à tous les fichiers liés à votre site web.
Vous devez localiser le fichier functions.php de votre thème. Cliquez sur le répertoire public_html, puis sur le dossier wp-content. À l’intérieur de ce dossier, vous trouverez tout le contenu lié à votre site web. Cliquez sur le dossier themes et entrez dans le dossier du thème que vous utilisez actuellement. Enfin, faites un clic droit sur le fichier functions.php et sélectionnez l’option Edit.
Une fenêtre pop-up apparaîtra. Cette fenêtre vous avertira de créer une sauvegarde de vos fichiers avant de les modifier. Cela vous permettra de revenir à l’état de fonctionnement de votre site web si quelque chose ne va pas. Cliquez sur le bouton “Modifier”. Un nouvel onglet s’ouvrira, contenant tout le code du fichier.
Maintenant que vous êtes dans le fichier functions.php, il ne vous reste plus qu’à ajouter le code. Le code que vous ajoutez dépend entièrement de ce que vous voulez faire. La première chose dont vous aurez besoin est la structure de base du code, qui est la suivante :
add_filter( ‘wp_nav_menu_items’, ‘custom_item’, 10, 2 ) ;
function custom_item ( $items, $args ) {
if (is_single() & $args-theme_location == ‘primary’) {
$items .= ”.liShow whatever/li’ ;
return $articles;
}
Voici un exemple de la structure de code de base que vous utiliserez. Vous devrez remplacer “custom_item” par l’élément que vous ajoutez. Il y a une déclaration conditionnelle “If” à l’intérieur de la fonction, mais si vous ne voulez pas en utiliser une, il suffit de la supprimer et de la remplacer par ce dont vous avez besoin.
Ainsi, par exemple, un bon élément à ajouter est une barre de recherche dans les menus de WordPress. Le code pour cela serait le suivant :
Comme vous pouvez le voir, l’élément “custom_item” est remplacé par “search_box” et le code nécessaire pour créer et ajouter une barre de recherche est inclus dans la déclaration “If”.
Une fois que vous avez inséré le code dans le fichier functions.php, cliquez sur le bouton “Save Changes” pour terminer.
Félicitations, vous avez réussi à ajouter un élément personnalisé à votre menu WordPress. En suivant la même technique, vous pouvez ajouter n’importe quel type d’élément personnalisé à votre menu. Le seul facteur limitant est votre expérience en matière de codage.
Les menus sont l’une des premières choses qu’un nouveau visiteur recherchera. Il doit trouver ce que votre site web lui propose et les menus l’y conduiront. Il est essentiel, mais pas facile, de les rendre aussi attrayants visuellement que possible tout en y incluant les fonctionnalités dont ils ont besoin. Veillez à ce que vos menus s’affichent à l’intention des visiteurs, mais surtout, assurez-vous qu’ils fonctionnent correctement. Ajoutez des éléments personnalisés à vos menus pour les aider à atteindre les objectifs pour lesquels ils ont été conçus.
Quels éléments personnalisés ajoutez-vous à vos menus WordPress ? Est-il facile d’ajouter des éléments personnalisés à WordPress ?
