skip to Main Content

Admin Sidebar

Admin Sidebar

Description

How to customize Sidebar of admin screen.

 

Can be add items

You can be able to setting sidebar items and custom HTML, custom link, separator.

Exist menu items is can change the menu title and icon.

Exist menu item

Exist sidebar menu item
Exist sidebar menu item

 

 

Custom Link

You can be able to custom link and external link for setting sidebar items. And use the shortcodes.

Custom link sidebar menu item
Custom link sidebar menu item

 

 

Custom HTML

You can be able to custom HTML. And use the shortcodes.

Custom html sidebar menu item
Custom html sidebar menu item

 

 

 

For example to User Avater on Sidebar menu

You can show User Avatar on sidebar menu. 🙂

User avatar sidebar item
User avatar sidebar item

 

Add custom html menu item and insert the below HTML code

<div id="side-avatar">
  <a href="[mywp_url admin='1']profile.php">
    <span class="avatar">[mywp_user field="avatar" size="100"]</span>
    <span class="name">Howdy, [mywp_user field="name"]</span>
  </a>
</div

CSS code


body.wp-admin #side-avatar {
  margin-top: 30px;
  margin-bottom: 20px;
}
body.wp-admin #side-avatar .avatar,
body.wp-admin #side-avatar .name {
  display: block;
  margin: 0 auto;
  text-align: center;
}
body.wp-admin #side-avatar .name {
  color: #9e9e9e;
}
body.wp-admin #side-avatar .avatar img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-bottom: 6px;
}
Input CSS admin general for user avatar
Input CSS admin general for user avatar

 

 

Custom Menu UI

This setting is that some effects different for sidebar from the default.

The parent menu item is open/close toggle, background blur effect, etc.

 

For Cache

This customize sidebar of admin is use the cache. If does not change the menu items, please re-Save and check the cache time.

 

This Post Has 2 Comments
    1. Hi Kevin,
      If you want to reappears after hide everything, you can reset the sidebar customize settings.
      In this case, please direct access to admin sidebar customize settings of My WP.
      http://YourWebsiteURL/wp-admin/admin.php?page=mywp_admin&setting_screen=admin_sidebar
      Thanks and Regards.

Leave a Reply

Your email address will not be published. Required fields are marked *

Back To Top