web-dev-qa-db-fra.com

Ajouter une classe active au menu statique

J'ai un menu principal statique, mais j'aimerais ajouter la classe 'active' à l'élément de menu dans le navigateur si c'est la page, ou un enfant de cette page.

J'imagine que c'est une série de quelque chose comme: if ($ post-> post_parent == '1') {add_class 'active'}

Cela peut-il être fait avec Wordpress?

            <a class="item" href="/index.php">
                <i class="home icon"></i> Home
            </a>
            <a class="item" href="/about-us">
                <i class="doctor icon"></i> About Us
            </a>
            <a class="item" href="/how-do-i">
                <i class="help icon"></i> How Do I
            </a>
            <a class="item" href="/services">
                <i class="info icon"></i> Our Services
            </a>

            <a class="item" href="/do-it-online">
                <i class="user icon"></i> Do It Online
            </a>
            <a class="item" href="/contact-us">
                <i class="mail icon"></i> Contact Us
            </a>
        </nav>
menuspagescss
1
Josh

Ce que vous devez faire est d’utiliser get_ancestors() . Passez get_ancestors() votre ID de page actuel, puis recherchez l'ID d'élément de menu dans le tableau obtenu. Si l'ID d'élément de menu est dans le tableau, définissez la classe sur active.

1
ChrisLTD