skip to Main Content

Admin Sidebar

Admin Sidebar


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>

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.


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.
      Thanks and Regards.

Leave a Reply

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

Back To Top