如何在仪表板的 wordpress 菜单中添加 <a> id？

Question

如何在 wordpress 菜单中隐藏这个 html 菜单以及如何启用<a id="">？

标记：

<ul>
    <li><a id="home" href="">???</a></li>
    <li><a id="description" href="">???</a></li>
    <li><a id="about" href="">?</a></li>
    <li><a id="shop" href="">????</a></li>
    <li><a id="blog" href="">???</a></li>
</ul>

我正在尝试在 header.php 中创建默认的 wordpress 菜单代码

<?php

if (function_exists('wp_nav_menu')) {
    wp_nav_menu(array(
        'theme_location' =>  'wpj-main-menu', 
        'fallback_cb' => 'wpj_default_menu')
    );
}
else {
    wpj_default_menu();
}

?>

add_action('init', 'wpj_register_menu');

function wpj_register_menu() {
    if (function_exists('register_nav_menu')) {
        register_nav_menu( 'wpj-main-menu', __( 'Main Menu', 'brightpage' ) );
    }
}

function wpj_default_menu() {
    echo '<ul>';
    if ('page' != get_option('show_on_front')) {
        echo '<li><a href="'. home_url() . '/">Home</a></li>';
    }
    wp_list_pages('title_li=');
    echo '</ul>';
}

我也在尝试制作echo '<li><a id="home" href="'. home_url() . '/">Home</a></li>';

但是如何更改仪表板中的 <a> id？

请帮助我。谢谢。

Answer 1

您可以为每个项目添加类，而不是 id。

在 Wordpress 后端的菜单中，您可以选择屏幕选项并选中 css 类的复选框。

然后您就可以为每个菜单项添加一个唯一的类名。

您的类将添加到 LI 元素，然后通过执行选择链接

.home a {}

.description a {}

.about a {}

.shop a {}

.blog a {}