WordPress 動態添加菜單到頂部管理工具條

時間 2019-11-17

標籤 wordpress 動態添加菜單頂部管理工具條欄目 Wordpress 简体版

原文原文鏈接

倡萌以前分享過《25+自定義WordPress頂部管理工具條的技巧》，今天補充下，如何將外觀-菜單設置的菜單項目添加到頂部工具條，而後你能夠直接在外觀-菜單管理這個菜單的連接，效果以下如：php

一塊兒來看下實現方法，在此以前，建議你們先看下文章開頭提到的文章，熟悉下添加菜單到工具條的基本方式，而後你纔可能看的懂下面提到的代碼。html

一、假設咱們經過 register_nav_menus() 函數註冊了幾個菜單位置：wordpress

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 能夠找到的，每一個主題不同，也不必定是在這個文件，你們本身找找吧，不知道的就問主題做者）函數

二、而後咱們要調用的是 user-menu （用戶菜單）這個菜單位置的菜單，就可使用下面的代碼：工具

/**
 * 添加菜單到管理工具條
 * 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 );

注意看下代碼的註釋，關鍵點就是獲取菜單的連接，而後循環輸出做爲工具條的二級菜單。url

參考資料：code