How to Supercharge Your WordPress Dashboard With UiPress

Learn how to configure UiPress to enhance the performance and functionality of the otherwise stale dashboards you’re accustomed to.

UiPress has a ton of features and while I’ll be touching a number of them, there are so many more bells and whistles to check out.

One of the first things people may think is they don’t need to add yet another plugin to their website and as a performance-minded web professional, I totally get that.

UiPress may actually help you eliminate plugins (ex. Menu Role Permission) or complicated code snippets that you’re currently using, depending on the website.

Will UiPress Affect My Site Speed?

Nope! UiPress doesn’t load on the front end so it doesn’t affect performance at all.

As for the back end of your website, UiPress is modular (i.e. options can be turned off when you don’t need them), and even with every possible option turned on, you will not notice a performance hit.

Initial Setup of UiPress

  1. Install and activate the UiPress plugin.
  2. WordPress Dashboard > Settings > UiPress Settings > General > UiPress Pro > Enter your license key
  3. Click the ‘Activate’ button.

At this point, you will be presented with a WordPress Dashboard that looks completely different, with a cleaner look and additional functionality.

The default theme is ‘Light Mode’, which you can easily change, as we will do here shortly.

mylisting club guide uipress light mode

White Labeling

This section applies to those that will have multiple people logging into the WordPress Dashboard or for you solo admins that just like to see your own name/company name added to things you manage.

  1. WordPress Dashboard > Settings > UiPress Settings > General > Rename UiPress > Enter your name or your company name. (Note: Obviously, this is optional, but this is a nice touch, especially if others will be logging into the dashboard of your website. The word ‘UiPress’ appears in a lot of places, so I like changing that, personally.).

Of special note here, is that changing the name ‘UiPress’ even goes as far as to rename the name of the plugin that appears in your WordPress plugins list.

I just wanted you to be aware in case you were looking for the UiPress plugin at someone point and forgot you renamed it to something else.

  1. WordPress Dashboard > Settings > UiPress Settings > General > Rename UiPress Plugin Author > Enter your name or your company name. 
  2. WordPress Dashboard > Settings > UiPress Settings > General > Rename UiPress Plugin URL > Enter a link that points back to your own website. (Note: One idea for a link would be if you have written a UiPress guide specifically for your clients.).
  3. WordPress Dashboard > Settings > UiPress Settings > General > App Icon > Select the desired image. (Note: This is the logo shown at the top-left of every settings page of UiPress and displays at 33 x 33 px.).
  4. WordPress Dashboard > Settings > UiPress Settings > Menu > Logo (Light or Dark Mode) > Select the desired image. (Note: This is the logo shown at the top-left of every page of your WordPress Dashboard and displays at 28 x 28 px.).
  5. WordPress Dashboard > Settings > UiPress Settings > Login > Login Logo > Select the desired image. (Note: This is the logo shown when people go to log into your WordPress Dashboard and displays at 320 x 50px.).
  6. WordPress Dashboard > Settings > UiPress Settings > Login > Login Background > Select the desired image. (Note: This is the large background image shown when people go to log into your WordPress Dashboard. I chose to use a 1920 x 1920 image so there would be limited-to-no scaling and distortion. You’ll just have to play with it and see what works for you, while also keeping the file size to a minimum.).
mylisting club guide uipress login background

One special note while I’m thinking about it. If you are going to have other people log into your website’s dashboard, you might want to think about hiding the WordPress Admin Footer.

This footer displays links to vendor websites and they don’t always add the directive to open their website in a new browser tab. It’s one thing to display a link (that’s another topic for another day), but it’s another to cause people to leave your website entirely.

There is a setting in UiPress to hide this footer, but at the time of this writing, that setting does not completely hide the footer, but rather portions of it.

The code snippet below will remove the footer entirely and it must be added to the Admin CSS area of UiPress (WordPress Dashboard > Settings > UiPress Settings > Advanced > Admin CSS).

				
					/* REMOVE THE THANK YOU LINKS IN THE FOOTER OF THE WORDPRESS DASHBOARD */
#wpfooter {
    display: none;
}
				
			

UiPress Display Mode

Dark Mode

While the new dashboard look is great out of the box, some may be drawn to the ‘Dark Mode’ feature, and that’s what we’ll focus on for the purposes of this guide.

Note: In ‘Dark Mode’ you may notice some areas are not perfect as far as having the “darkness” applied, but the good news is everything can have CSS thrown at it so that it looks consistent, whether that CSS comes from you or UiPress support.

To turn that feature on we perform the following steps.

  1. Click on the avatar in the upper-right portion of the dashboard.
  2. Preferences > Dark Mode > Toggle ON.
mylisting club guide uipress dark mode

UiPress Styles

Global

Whichever mode (Default/Light or Dark Mode) you choose can be further customized to match your branding, accessibility needs, etc.

When you are working with the styles, be sure to make your setting changes using the column that matches the mode (Default/Light or Dark Mode) you have selected.

So, for example, if you’ve chosen Dark Mode, be sure to work from the Dark Mode settings column or you won’t see your changes take hold.

Let’s make a few simple changes just so we can see how this all works.

  1. WordPress Dashboard > Settings > UiPress Styles > Global (Note: You can also use the search feature of UiPress, located at the top of your WordPress side panel menu, to quickly find any setting you’d like to change.).
  2. Dark Mode Column > Primary Color > Set your desired color by pasting in your HEX value or by clicking the circle icon and using the color picker.

This same color will be applied all throughout the WordPress Dashboard.

  1. Dark Mode Column > Primary Color Hover > Set your desired color.
  2. Dark Mode Column > Primary Color Wash > Set your desired color. (Note: This color shows up as a mostly transparent background when you click on particular elements within the dashboard. I set mine the same color as my Primary Color, but with 60% transparency, as shown in the screenshot below.).
wp turned up guide uipress styles color wash
  1. Font > Set your desired font. (Note: This setting actually appears in the default column, rather than in the Dark Mode column since it’s a universal setting.).
  2. Save changes.

By default, UiPress will show the Nunito Google Font. Within the UiPress community, requests have been made for uploading custom fonts and I’ve voiced my request for System Font capability.

Since we are working with Google Fonts here, what you want to do is optimize those fonts by hosting them locally. I outline how to do this within the How To Optimize MyListing Websites With Perfmatters guide.

When you think about the font to use, take into account the front end of your website, especially if you will be implementing WooCommerce Product Vendors, as I did on the Basecamp and Vow Starter Sites.

This is because users will be accessing a lite version of your WordPress Dashboard and it would be good to show typography consistency.

Text

  1. WordPress Dashboard > Settings > UiPress Styles > Text 
  2. Dark Mode Column > Text Emphasis Color > Set your desired color. (Note: I set mine to match my Primary Color.).
  3. Save changes.
mylisting club guide uipress styles text results

Overview Page

WordPress Dashboard > Overview

This is a powerful page that is fully customizable by you, the WordPress admin. and while you can import a pre-made template, I’m going to walk you through creating an overview page from scratch.

It’s worth noting that by default, whatever you configure here will be seen by everyone that logs into the backend of your website.

  1. Click the ‘Enter Edit Mode’ button.
  2. Click the ‘New Section’ button.
  3. Give the section a name like ‘Nerdy Stuff’ and an optional description.
  4. Click the ‘+’ icon within the section to add your first card container.
  5. Click the ‘+’ icon within the card container to add your first data card.
  6. Click the ‘Add Card’ button for the first data card you would like to add to your container, which in this case will be the ‘System Info’ card.

From here, can also set things like the card width, card background color, etc., but for now, let’s just save our changes to the card, and refresh the browser.

mylisting club guide uipress overview page card

Video Cards

Let’s add a video card that pulls in one of your YouTube videos. Video cards are a great option for providing training to other website admins and/or editors.

  1. Click the ‘Enter Edit Mode’ button.
  2. Click the ‘New Section’ button.
  3. Give the section a name like ‘Training’ and an optional description.
  4. Click the ‘+’ icon within the section to add your first card container.
  5. Click the ‘+’ icon within the card container to add your first data card.
  6. Click the ‘Add Card’ button for the first data card you would like to add to your container, which in this case will be the ‘Video’ card.
  7. Title > Enter the title of your video.
  8. Video URL > Enter the URL of your YouTube video. (Note: To get the URL you need to use, pull up your video on YouTube, click ‘Share’, click ‘Embed’, and copy the full SRC path. e.g. https://www.youtube.com/embed/DnDZMe2PsME.).
  9. Embed Type > YouTube (iframe).

Analytics Cards

Okay, let’s add one more type of card and for that, we will look at showing some analytics.

  1. Click the ‘Enter Edit Mode’ button.
  2. Click the ‘New Section’ button.
  3. Give the section a name like ‘Training’ and an optional description.
  4. Click the ‘+’ icon within the section to add your first card container.
  5. Click the ‘+’ icon within the card container to add your first data card.
  6. Click the ‘Add Card’ button for the first data card you would like to add to your container, which in this case will be the ‘Page Views’ card.
  7. Click the ‘Sign in with Google’ button and authenticate with your desired account.
  8. Save changes.

When all is said and done, we end up with something like what’s shown below.

mylisting club guide uipress overview page cards

UiPress Settings

WordPress Dashboard > Settings > UiPress Settings

There are a ton of really cool things you can do with this plugin. Due to the sheer number of features and because every website is so different, I’m just going to cover the settings I would make if multiple people (e.g. Editors) were to help me manage a WordPress website.

It’s worth noting, that by default, UiPress can be largely ready to go for a lot of people.

General

Set Overview Page As Homepage > Enable

The reason for doing this is to have editors, or anyone else logging into the backend, always start at the same page that’s fully customizable by the website owner.

Toolbar

Open View Website in New Tab > Enable 

The reason for doing this is to keep people within your dashboard, rather than forcing them to leave it.

Only Show Notifications To > Administrator and Editor Roles

The reason for doing this is that only admins and editors potentially need to see and act on notifications. A case could also be made for limiting this only to admins, but that will be up to you to decide.

Only Show Updates To > Administrator Role

The reason for doing this is that only admins need to see and act on update notifications.

Advanced

Advanced Disabled For > All roles except Administrator.

The reason for doing this is to keep people from making changes that could have a huge negative impact on your website.

Folders

Folders Disabled For > All roles except Administrator and Editor.

The reason for doing this is to keep people that aren’t responsible for creating content on your website to manipulate the WordPress Media Library in any way.

Overview

Who Can Edit the Overview Page? > Administrator Role

The reason for doing this is that only website admins should choose what can be shown.

Content Page

Content Page Disabled for > All roles except Administrator and Editor.

The reason for doing this is to keep people that aren’t responsible for creating and managing content on your website to manipulate this new content area that’s unlocked/provided by UiPress.

Admin Pages

These are custom pages that you create and add to the WordPress Dashboard menu for all, or a select few to see and access. 

You can build these pages using the native WordPress editor or a page builder like Elementor. 

For more information on this topic, be sure to check out the How to Create Custom Admin Pages for WordPress Websites With UiPress guide.

Who Can Edit and Create Admin Pages? > Administrator Role

You may even want to take this a step further and prevent everyone but you, the website owner, from creating and editing custom Admin Pages.

Who Can See Admin Pages? > Depends

This one depends because you may only want to make an admin page available to you, other admins, editors, or maybe even additional roles like authors.

Menu Creator

WordPress Dashboard > Settings > Menu Creator

This is a feature only available to admins, for obvious reasons, allowing them to create a custom menu system to completely replace the default WordPress Dashboard menu for everyone or for select roles/users.

For the purposes of this guide, let’s create a new menu that is much cleaner and easier to use for editors and authors.

  1. Click the ‘New’ button.
  2. Menu Name > Editors and Authors
  3. Menu Applies To > We want this to stay as the default.
  4. Choose Users and Roles > Search for and select the Editor and Author roles.
mylisting club guide uipress menu creator editor and authors
  1. Toggle from ‘Menu Settings’ over to ‘Menu Items’.
  2. Add the menu items you feel that you would like the editors and authors to have.
  3. Save Changes.

Pro Tip: In the previous section we covered ‘Admin Pages’. So, imagine creating a custom Admin Page or two for your editor and authors that you then add to your custom menu for them.

The screenshot below shows the custom ‘Editor and Author’ menu in action, along with the Overview page being the default landing spot.

mylisting club guide uipress menu creator editor and authors menu

User Management

UiPress provides powerful and intuitive user management that makes managing users, roles, and activity tracking a breeze.

Users

WordPress Dashboard > Users > User Management > Users

  • Create and Manage Users
  • Manage User Profiles
  • Custom User Groups
  • Batch Actions
  • Search & Filter
  • Send Messages

Batch Actions

I wanted to highlight this particular feature under the ‘Users’ area.

In particular, I wanted to point out the ‘Send Message’ batch action. UiPress makes it super easy to send messages via email, to all users or a subset of users.

Imagine if you didn’t have an email marketing solution in place, but you wanted a quick way to send out an update to everyone that held the customer role. UiPress allows you to do this in the blink of an eye.

Roles

WordPress Dashboard > Users > User Management > Roles

  • Create and Manage Custom Roles
  • Create and Manage WordPress Built-in Roles
  • Clone Roles
  • Assign Multiple Roles
  • Search Roles

Custom Roles

I wanted to highlight this particular feature under the ‘Roles’ area.

In particular, I wanted to point out that with UiPress, you can eliminate the need to install separate, custom role plugins on your website.

Activity

WordPress Dashboard > Users > User Management > Activity

  • Track Site Changes
  • See Recent Page Views
  • Anonymize User IPs (Privacy)
  • Powerful Search & Filters

With UiPress, you can eliminate the need to install separate, user activity plugins on your website, as well as quickly gain insight into how users interact with your website without having to dive into complicated analytics.

Video Tutorials