skip to Main Content

2. Admin Sidebar

2. 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 admin menu item

 

Custom Link

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

Custom Link admin sidebar menu item

 

Custom HTML

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

Custom HTML admin sidebar menu item

 

For example User Avatar sidebar menu. 🙂

User Avatar sidebar menu item

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;
}

Example CSS for example sidebar custom html

 

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.

 

Leave a Reply

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

Back To Top