在 WordPress 导航菜单添加自定义文字信息

知更鸟 2022年4月22日15:26:29WordPress评论225阅读模式

将下面代码添加加到主题函数模板functions.php中。文章源自知更鸟-https://zmingcx.com/adding-custom-text-to-your-wordpress-navigation-menu.html

section

添加自定义文字文章源自知更鸟-https://zmingcx.com/adding-custom-text-to-your-wordpress-navigation-menu.html

add_filter( 'wp_nav_menu_items', 'zm_custom_menu_item', 10, 2 );
function zm_custom_menu_item ( $items, $args ) {
	if ( $args->theme_location == 'navigation') {// navigation为菜单名称
		$items .= '<li><a title="">自定义文字</a></li>';
	}
	return $items;
}

怎么找到主题注册的名称呢?在主题源代码找有些麻烦,可以在菜单设置页面,在菜单设置→位置,使用浏览器开发工具查看源代码,比如:文章源自知更鸟-https://zmingcx.com/adding-custom-text-to-your-wordpress-navigation-menu.html

在 WordPress 导航菜单添加自定义文字信息文章源自知更鸟-https://zmingcx.com/adding-custom-text-to-your-wordpress-navigation-menu.html

其中带【】部分就是,以下相同。文章源自知更鸟-https://zmingcx.com/adding-custom-text-to-your-wordpress-navigation-menu.html

section

在菜单添加当前日期文章源自知更鸟-https://zmingcx.com/adding-custom-text-to-your-wordpress-navigation-menu.html

add_filter('wp_nav_menu_items','zm_add_todaysdate_in_menu', 10, 2);
function zm_add_todaysdate_in_menu( $items, $args ) {
	if( $args->theme_location == 'navigation')  {
		$todaysdate = date('Y-m-d');
		$items .=  '<li><a>' . $todaysdate .  '</a></li>';
	}
	return $items;
}
section

在菜单添加显示登录用户名文章源自知更鸟-https://zmingcx.com/adding-custom-text-to-your-wordpress-navigation-menu.html

add_filter( 'wp_nav_menu_objects', 'zm_username_menu_items' );
function zm_username_menu_items( $menu_items ) {
	foreach ( $menu_items as $menu_item ) {
		if ( strpos($menu_item->title, '#profile_name#') !== false ) {
			if ( is_user_logged_in() ) {
				$current_user = wp_get_current_user();
				$user_public_name = $current_user->display_name;
				$menu_item->title =  str_replace("#profile_name#",  " 您好, ". $user_public_name, $menu_item->title . "!");
			} else { 
				$menu_item->title =  str_replace("#profile_name#",  " 您好!", $menu_item->title . "!");
			}
		}
	}
    return $menu_items;
}

需要在菜单添加一个自定义链接,然后将”导航标签“一栏改为#profile_name#文章源自知更鸟-https://zmingcx.com/adding-custom-text-to-your-wordpress-navigation-menu.html

section

带链接的按钮文章源自知更鸟-https://zmingcx.com/adding-custom-text-to-your-wordpress-navigation-menu.html

function zm_add_button_menu_link($items, $args){
	if( $args->theme_location == 'primary' ){
		$items .= '<li class="menu-item"><a class="btn btn-primary" title="自定义按钮" href="#">自定义按钮</a></li>';
	}
	return $items;
}
add_filter( 'wp_nav_menu_items', 'zm_add_button_menu_link', 10, 2 );

为什么不用菜单自带的自定义链接,因为上述方法可以定制链接按钮的class结构。文章源自知更鸟-https://zmingcx.com/adding-custom-text-to-your-wordpress-navigation-menu.html

weinxin
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
WordPress 评论显示用户角色 WordPress

WordPress 评论显示用户角色

通过本文的方法,可以在WordPress每条评论显示注册用户角色标签。 代码一,自动在评论者名称后面添加 代码添加到当前主题函数模板 functions.php 中: if ( ! class_exi...
用小工具创建 WordPress 超级菜单 WordPress

用小工具创建 WordPress 超级菜单

所谓的超级菜单,就是有别于正常样式简单的 WordPress 菜单,添加更加丰富的自定义内容,在WordPress后台安装插件页面搜索”mega menu“,会找到一堆相关的插件。 为了让菜单样式有变...
在 WordPress 后台直接复制文章 WordPress

在 WordPress 后台直接复制文章

在 WordPress 后台文章列表中,如果能直接复制一篇文章或页面,然后重新编辑后发表,是不是很方便。那为什么不全选复制文章内容,然后粘贴到新建文章中呢?这是因为这样做仅复制了文章内容,并未同时把原...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定