web-dev-qa-db-ja.com

静的メニューにアクティブクラスを追加

私は静的なメインメニューを持っていますが、それがページであるか、またはそのページの子である場合、ナビゲーションのメニュー項目にクラス 'active'を追加したいです。

私はそれがのような一連のものであると思います：if（$ post-> post_parent == '1'）{add_class 'active'}

これは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

あなたがする必要があるのはuse get_ancestors() です。現在のページIDにget_ancestors()を渡して、結果の配列でメニュー項目IDを検索します。メニュー項目IDが配列内にある場合は、クラスをアクティブに設定します。

1
ChrisLTD