不使用下拉菜单突出显示链接

时间：2017-10-11 作者：Dexter

我有导航菜单Home | Vendors | About | Contact 我还有水果和蔬菜。这些页面是使用href 在供应商页面下。我正在使用id作为链接。

<!-- HTML -->
<a href="<?php echo get_page_link(21); ?>"> Fruits </a>
<a href="<?php echo get_page_link(64); ?>"> Vegetables </a>

/* CSS */
.current_page_item, .current_page_parent {
    background-color: yellow;
    }
如果单击这些链接，它将转到相关页面，但Vendors 菜单未突出显示。但是如果我使用水果和蔬菜作为Vendors, css工作正常。

我不想显示下拉列表，但我想突出显示navmenu。我该怎么做呢。

谢谢

2 个回复
SO网友:Dexter

SOLUTION

我通过使用<?php wp_list_pages( $args ); ?> 通过自定义参数，仅按id显示选定的子项。

$args = array (
    \'title_li\'  => \'\',
    \'child_of\'  => $post->ID,
    \'include\'  => 47
    )

<h4> <?php wp_list_pages( $args ); ?> </h4>
并使用wordpress默认css将css设置为以当前及其父级为目标。

.current-menu-item, .current-page-ancestor {
    /* css */
    }

SO网友:WebElaine

现成的WordPress不提供可用于针对当前页面的父级的CSS类。您可以使用自定义walker，也可以创建一个钩住nav_menu_css_class 添加current-page-ancestor 类设置为您所在页面的父页面。

请参见：https://gist.github.com/gerbenvandijk/5253921

结束
标签： php   css   html   小码农  

相关推荐

在WordPress上路由自定义php

我是学习WordPress的Laravel开发者。我编写了一些PHP代码，其中显示了一些表、一些HTML和一些get表单。此时，我需要索引页上的文件才能显示它。我想改变这一点，只在索引页上添加一个菜单，其中包含指向我创建的文件的链接。现在我想路由文件，所以当我写它的URL时，我会看到来自该文件的页面。e、 g。mywpsite.com/mygetform 我该怎么做？