Wordpress主题技巧

WordPress 动态添加菜单到顶部管理工具条

WordPress 动态添加菜单到顶部管理工具条

之前分享过《25+自定义WordPress顶部管理工具条的技巧》,今天补充下,如何将 外观-菜单 设置的菜单项目添加到顶部工具条,然后你可以直接在 外观-菜单 管理这个菜单的链接,效果如下如:

2016-09-25_074335

一起来看下实现方法,在此之前,建议大家先看下文章开头提到的文章,熟悉下添加菜单到工具条的基本方式,然后你才可能看的懂下面提到的代码。

1、假设我们通过  register_nav_menus() 函数注册了几个菜单位置:

1
2
3
4
5
6
7
8
9
add_action( 'after_setup_theme', 'cmp_theme_setup' );
function cmp_theme_setup() {
    register_nav_menus( array(
        'main-menu' => __( 'Main Menu', 'cmp' ),
        'foot-menu' => __( 'Footer Menu', 'cmp' ),
        'foot-link' => __( 'Footer Links', 'cmp' ),
        'user-menu' => __( 'User Menu', 'cmp' )
        ) );
}

add_action( ‘after_setup_theme’, ‘cmp_theme_setup’ );
function cmp_theme_setup() {
register_nav_menus( array(
‘main-menu’ => __( ‘Main Menu’, ‘cmp’ ),
‘foot-menu’ => __( ‘Footer Menu’, ‘cmp’ ),
‘foot-link’ => __( ‘Footer Links’, ‘cmp’ ),
‘user-menu’ => __( ‘User Menu’, ‘cmp’ )
) );
}

注:这里是我添加到主题的 functions.php 来创建菜单位置的函数,就如上图所示的“主题位置”中的主菜单、底部菜单、页脚菜单和用户菜单。大家可以自己找到你的主题的相似函数(一般搜索 register_nav_menu 可以找到的,每个主题不一样,也不一定是在这个文件,大家自己找找吧,不知道的就问主题作者)

2、然后我们要调用的是 user-menu (用户菜单)这个菜单位置的菜单,就可以使用下面的代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
/**
 * 添加菜单到管理工具条
 * https://www.wpdaxue.com/wordpress-add-menu-to-admin-bar.html
 * @since 1.2
 */
function cmp_add_admin_bar_menu( &$wp_admin_bar )
{
    //判断 user-menu 这个菜单位置是否挂载了菜单
    if(has_nav_menu('user-menu')){
        //获取 user-menu 菜单的链接
        $menu = wp_get_nav_menu_object( 'user-menu' );
        $menu_items = wp_get_nav_menu_items( $menu->term_id );
        //添加一级菜单
        $wp_admin_bar->add_menu( array(
            'id' => 'user-menu-0',
            'title' => __('Frontend User Menu','cmp'),
            ) );
        //循环输出 user-menu 菜单的链接作为子菜单
        foreach ( $menu_items as $menu_item ) {
            $wp_admin_bar->add_menu( array(
                'id' => 'user-menu-' . $menu_item->ID,
                'parent' => 'user-menu-' . $menu_item->menu_item_parent,
                'title' => $menu_item->title,
                'href' => $menu_item->url,
                'meta' => array(
                    'title' => $menu_item->attr_title,
                    'target' => '_blank',
                    'class' => implode( ' ', $menu_item->classes ),
                    ),
                ) );
        }
    }
}
add_action( 'admin_bar_menu', 'cmp_add_admin_bar_menu',999 );

/**
* 添加菜单到管理工具条
* https://www.wpdaxue.com/wordpress-add-menu-to-admin-bar.html
* @since 1.2
*/
function cmp_add_admin_bar_menu( &$wp_admin_bar )
{
//判断 user-menu 这个菜单位置是否挂载了菜单
if(has_nav_menu(‘user-menu’)){
//获取 user-menu 菜单的链接
$menu = wp_get_nav_menu_object( ‘user-menu’ );
$menu_items = wp_get_nav_menu_items( $menu->term_id );
//添加一级菜单
$wp_admin_bar->add_menu( array(
‘id’ => ‘user-menu-0’,
‘title’ => __(‘Frontend User Menu’,’cmp’),
) );
//循环输出 user-menu 菜单的链接作为子菜单
foreach ( $menu_items as $menu_item ) {
$wp_admin_bar->add_menu( array(
‘id’ => ‘user-menu-‘ . $menu_item->ID,
‘parent’ => ‘user-menu-‘ . $menu_item->menu_item_parent,
‘title’ => $menu_item->title,
‘href’ => $menu_item->url,
‘meta’ => array(
‘title’ => $menu_item->attr_title,
‘target’ => ‘_blank’,
‘class’ => implode( ‘ ‘, $menu_item->classes ),
),
) );
}
}
}
add_action( ‘admin_bar_menu’, ‘cmp_add_admin_bar_menu’,999 );

注意看下代码的注释,关键点就是获取菜单的链接,然后循环输出作为工具条的二级菜单。

参考资料:

http://wpsnipp.com/index.php/functions-php/attach-a-navigation-menu-to-the-admin-bar/https://www.wpdaxue.com/custom-wordpress-bar.htmlhttps://codex.wordpress.org/Function_Reference/register_nav_menus

Wordpress主题技巧

更多有关于 Wordpress主题技巧

V9火车采集器,快速入门!

塔克网整站模板 安装使用指南

WordPress如何备份网站数据库和文件?WordPress整站搬家操作流程。

WordPress网站安全设置教程

国外英文广告联盟网站模板,WordPress主题整站演示地址列表

WordPress主题开发:开启文章缩略图功能

WordPress 自定义头像插件:WP User Avatar

WordPress 后台管理界面UI自定义插件:WP Admin UI Customize

WordPress 自定义文章/页面阅读权限的插件:User Specific Content

本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、Python、Objective-C、ActionScript、Pascal等单词的拼写,熟悉Windows、Linux、OS X、Android、iOS、WP8等系统的开关机。

通过下面的方式来联系我们:

电邮:138762189@qq.com

联系QQ:点击这里给我发消息

官方站:www.tadke.com

※ ※ 联系请加我的企鹅号 ※※

※ ※技术支持请微信联系站长 ※※

Copyright © 2016 Tadke.com. Powered by Wordpress.