web-dev-qa-db-fra.com

Ajouter un texte personnalisé au menu

Comment puis-je ajouter du texte personnalisé au menu? Je veux une telle structure en sortie:

<ul>
    <li>home</li>
    <li>services
        <ul>
             <p>services</p>
             <li><a href="#">service1</a></li>
             <li><a href="#">service2</a></li>
             <li><a href="#">service3</a>
                 <ul>
                     <p>service3<p>
                     <li><a href="#">service 3.1</a></li>
                 <ul>
             </li>
        </ul>
    </li>
</ul>

Merci!

menusnavigationwalker
2
Serg

Il existe un autre moyen de faire cela avec CSS3. Vous ajouteriez un lien vers le menu WP comme d'habitude, mais définissez l'option javascript:void(0); ou # de sorte à ne pas aller nulle part (je dirais que le javascript... est le meilleur moyen d'empêcher le lien d'ancre de se déclencher).

Ensuite, dans votre doc style.css ou CSS, vous pouvez cibler ces liens via la variable href comme

header .nav li a[href="#"], header .nav li a[href="#"]:hover,
header .nav li a[href="javascript:void(0);"],
header .nav li a[href="javascript:void(0);"]:hover {
    text-decoration:none !important;
    cursor: text !important
}

Référence: https://css-tricks.com/almanac/selectors/a/attribute/

Vos sélecteurs peuvent être différents

2
Ray