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 11 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.

  1. Sidebar No settings,After saving,The default Collapse menu will be removed,Only the icon text is removed。How to keep the collapse menu ?

    1. Hello,
      Could you please try below code for you problem?
      Below code is CSS and you can input CSS on Admin General of My WP Customize.

      body.wp-admin.mywp #adminmenu li#collapse-menu {
      display: block;
      }
      body.wp-admin.mywp #adminmenu li#sidebar-collapse {
      display: none;
      }

  2. After adding the above style, the Collapse menu is directly removed. I want to keep the Collapse menu.


    1. body.wp-admin.mywp #adminmenu li#collapse-menu {
      display: block;
      }

      This code is show default collapse menu of sidebar so I think you will see default collapse menu of sidebar.
      If not show, please try remove the cache and reload admin screen.

      1. Only the icon is displayed, the text message Collapse menu is not displayed. It’s the same as without style.

        That is, the default Collapse menu text information is removed when saving the settings. The cache is cleared. Please test it yourself. Thank you!

        1. Thank you for your checked.
          I just try, but it seems to working well.
          show default collapse menu

          Could you please change the check browser? I think this problem is maybe browser cache.
          And, could you please add only empty custom html menu item for all remove sidebar menus?

          1. Thank you for your patience. I still can’t do it here. Is it the reason why I enable multi-site?

          2. Thank you for your check test. I think default collapse menu should be at the top on your customized sidebar.
            This is because menus of My WP is generated after the default menus of WordPress.

            If you want to look like the default collapse menu with My WP customized sidebar, I think it is better to add text with Javascript for collapse menu.

Leave a Reply to My WP Customize Cancel reply

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

Back To Top