通过unctions.php添加的菜单项的CSS

时间:2016-12-12 作者:RobinAlexander

我已通过功能将当前日期项成功添加到菜单中。php(Wordpress 4.7) 使用:

add_filter(\'wp_nav_menu_items\',\'add_todaysdate_in_menu\', 10, 2);
function add_todaysdate_in_menu( $items, $args ) {
    if( $args->theme_location == \'header-menu\')  {

        $todaysdate = date(\'l jS F Y\');
        $items .=  \'<li class="menu-item">\' . $todaysdate .  \'</li>\';

    }
    return $items;
}
我的问题是,样式与wp admin后端中添加的项目不同。我根据WP Menu Item CSS Classes, 但还是有问题。帮助会很好。非常感谢!

1 个回复
最合适的回答,由SO网友:Dave Romsey 整理而成

通常,菜单项呈现为<li> 标记为<a> 标记内部。你可以简单地包装$todaysdate 在锚点中,使此项目的样式与其他项目相同:

add_filter(\'wp_nav_menu_items\',\'add_todaysdate_in_menu\', 10, 2);
function add_todaysdate_in_menu( $items, $args ) {
    if( $args->theme_location == \'header-menu\')  {

        $todaysdate = date(\'l jS F Y\');
        $items .=  \'<li class="menu-item menu-item-date"><a>\' . $todaysdate .  \'</a></li>\';

    }
    return $items;
}
要防止项目在悬停时显示手动光标,请添加以下CSS:

.menu-item-date a:hover {
    cursor: default;
    /* Other styles for hovered date item */
}
或者,您可以省略<a> 标记包装器并创建样式.menu-item-date 使此项目看起来像其他项目,但这可能需要更多的工作。

相关推荐

Use Post ID in functions.php

我的functions.php. 它工作得很好:当预订时,它会给我发电子邮件。易于理解的然而,我希望它能给我发送该预订的post ID,而不仅仅是“你好,世界!”消息帮助function add_to_system() { // get post meta // $email = get_post_meta(\'\',$post_id) // $post_id = get_queried_object_id(); mail(\'michael.mc