通常,菜单项呈现为<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
使此项目看起来像其他项目,但这可能需要更多的工作。