使用CSS3还有另一种方法可以做到这一点。您可以添加一个指向WP菜单的链接作为常规，但要使位置javascript:void(0); 或# 所以它不会去任何地方（我会说javascript... 是防止锚链着火的更好方法）。

然后是你的风格。css或css文档您可以通过href 喜欢

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
}

您的选择器可能不同

您可以通过后端外观>菜单添加它，并通过将页面或帖子拖动到菜单中并在您想调用的地方调用它来创建菜单和>子菜单。

有关更多详细信息，请参阅此链接How to Add More Navigation Menus to your WordPress

或者可以使用衰减代码将特定元素添加到菜单中

add_filter( \'wp_nav_menu_items\', \'your_custom_menu_item\', 10, 2 );
function your_custom_menu_item ( $items, $args ) {
    if (is_single() && $args->theme_location == \'primary\') {
        $items .= \'<li><p>Show whatever</p><li>\';
    }
    return $items;
}

为此，您必须在WordPress菜单中添加walker类，

https://codex.wordpress.org/Class_Reference/Walker

<?php
    wp_nav_menu(array(
        \'menu\'    => 2, //menu id
        \'walker\'  => new Walker_Quickstart_Menu() //use our custom walker
    ));
    ?>