2016-09-23 117 views
0

我有獨特的wordpress後端設計,需要實現它。我如何在那裏添加我自己的菜單項(請參閱第一個附加圖像)?我知道如何刪除現有的菜單,但除了刪除我需要添加我自己的菜單。有沒有一種動態的方式與PHP來做到這一點? (見圖像示例here如何動態更改側邊欄菜單內容 - wordpress?

我試圖添加我的自定義菜單與jquery append()函數,但它是一個非常糟糕的解決方案。請有任何想法嗎?

Wordpress Admin Side Menu

回答

1

添加自定義徽標在管理菜單的用戶名。

演示鏈接圖像:http://screencast.com/t/W8dcfhAgS

添加函數文件

add_action('admin_menu', 'codyfly_admin_menu'); 
function codyfly_admin_menu() { 
    global $menu; 
    global $current_user; 
    $url = 'http://codyfly.com'; 
    $url1 = 'http://codyfly.com'; 
    $username = ''; 
    if (is_user_logged_in()) { 
     $username = $current_user->user_login; 
    } 
    $menu[0] = array(__(''), 'read', $url, 'my-logo', 'my-logo'); 
    $menu[1] = array(__($username), 'read', $url1, 'my-logo1', 'my-logo1'); 
} 

add_action('admin_head', 'codyfly_admin_style'); 

function codyfly_admin_style() { 
    echo '<link rel="stylesheet" href="' . get_template_directory_uri() . '/css/style-admin.css" type="text/css" media="all" />'; 
} 

添加風格

#adminmenu a.my-logo, 
#adminmenu a.my-logo1{ 
    display: block; 
    background: url(https://dummyimage.com/140x40/fff/000) no-repeat center center; 
    background-size: 140px 40px; 
    width: 140px; 
    height: 40px; 
    margin: 0 auto; 
    padding: 10px 5px; 

    font-size: 14px; 
    font-weight: 400; 
    line-height: 18px; 
} 
#adminmenu a.my-logo1{ 
    background: url(https://dummyimage.com/50x40/fff/000) no-repeat; 
    background-position: left center; 
    background-size: 50px 40px; 
} 
#adminmenu a.my-logo1 .wp-menu-name{ 
    padding-left: 60px; 
} 
#adminmenu a.shomtek-logo div.wp-menu-name { 
    display: none; 
} 
+0

感謝您的努力!任何時候最歡迎的都是 – aidadev

+1

:) –

1

在管理員添加新的菜單:使用 add_menu_page我們可以添加菜單和add_submenu_page添加子菜單。 More detail

以下片段添加新的管理員自定義菜單

add_action('admin_menu', 'register_event_menu'); 
function register_event_menu() { 
    add_menu_page('Event', 'Event', 'manage_options', 'event_details', 'event_function', 'dashicons-clipboard'); 
    add_submenu_page('event_details', 'Event Setting', 'Event Setting', 'manage_options', 'event_setting', 'event_settings_function'); 
} 

function event_function() { 

    echo "<div class='warp'>"; 
    echo "<h2>Admin Page DalwadiWp</h2>"; 
    echo "</div>"; 
} 

function event_settings_function() { 
    echo "<div class='warp'>"; 
    echo "<h2>Admin Page DalwadiWp</h2>"; 
    echo "</div>"; 

} 

對於刪除菜單中的管理列表中。下面的代碼可以刪除管理列表中的Post菜單。 More detail

add_action('admin_menu', 'custom_menu_page_removing'); 
function custom_menu_page_removing() { 
    remove_menu_page('edit.php'); //Posts 
} 
+0

OK,但如何,例如,添加標誌,以用戶名某些圖像寫靠近嗎?如何在管理員側菜單中使用php添加此項? @Mansukh Khandhar – aidadev

+0

在WordPress的所有過濾器和鉤子總是添加在主題的functions.php文件 –

+0

你能告訴我一個如何添加例如標識到側邊欄的例子嗎? @Mansukh Khandhar – aidadev

1

添加自定義徽標管理菜單。

http://screencast.com/t/dCvqzfxdup

add_action('admin_menu', 'codyfly_admin_menu'); 

function codyfly_admin_menu() { 
    global $menu; 
    $url = 'http://codyfly.com'; 
    $url1 = 'http://codyfly.com'; 
    $menu[0] = array(__(''), 'read', $url, 'my-logo', 'my-logo'); 
    $menu[1] = array(__(''), 'read', $url1, 'my-logo1', 'my-logo1'); 
} 

add_action('admin_head', 'codyfly_admin_style'); 

function codyfly_admin_style() { 
    echo '<link rel="stylesheet" href="' . get_template_directory_uri() . '/css/style-admin.css" type="text/css" media="all" />'; 
} 

添加樣式這裏

#adminmenu a.my-logo, 
#adminmenu a.my-logo1{ 
    display: block; 
    background: url(https://dummyimage.com/250x85/fff/000) no-repeat center center; 
    background-size: 140px 40px; 
    width: 140px; 
    opacity: 0.6; 
    height: 40px; 
    margin: 0 auto; 
    padding: 10px 5px; 
} 

#adminmenu a.shomtek-logo div.wp-menu-name { 
    display: none; 
} 
+0

不錯,現在就試試吧。如何添加一些文字(如我以前告訴過的'用戶名')和第二個標誌? @Mansukh Khandhar – aidadev

+0

現在我忙於工作。你可以在3Hr上網後上網嗎? –

+0

你現在有什麼想法嗎? @Mansukh Khandhar – aidadev