web-dev-qa-db-fra.com

Modifier la structure HTML du menu personnalisé dans la barre latérale

Je suis en train de chercher de la documentation sur la façon de modifier la sortie HTML pour le "menu personnalisé" que vous placez dans un widget facultatif. Donc, il est clair que j'ai joint une image du bloc de widgets ici:

Custom menu

La sortie de cet élément ressemble à ceci:

<div class="nav_menu-8 widget_nav_menu col-sm-4">
    <div class="menu-expo-container">
        <ul id="menu-expo" class="menu">
            <li><a href="http://xxxxx.com/test1">Test 1</a></li>
            <li><a href="http://xxxxx.com/test2">Test 2</a></li>
        </ul>
    </div>
</div>

C’est cette structure de code que je veux modifier pour répondre à mes besoins. Comment et où puis-je le changer? Y at-il une source de code que je peux réutiliser et et à mon functions.php?

2
user3751508

Travailler avec des données brutes est toujours un peu sale. L’approche propre pour le faire consisterait probablement à implémenter son propre widget, qui fait exactement ce que vous voulez.

Pour en savoir plus sur l’utilisation de l’API de widget, cliquez ici: http://codex.wordpress.org/Widgets_API Vous y trouverez également d’excellents exemples. Pas si difficile à comprendre.

Pour commencer, vous pouvez essentiellement copier le code du WP_Nav_Menu_Widget par défaut de default-widgets.php (lignes 1298 à 1363) dans votre thème (je suggérerais un fichier propre, que vous avez besoin du functions.php) et commencez à le personnaliser.

Mais pour revenir à la réponse de Christophs: l’API Walker est très puissant et l’apprentissage en vaut la peine, si vous voulez faire des choses fantaisistes avec des navigations, des commentaires, etc. pp.

1
Hendrik Luehrsen