{"id":190472,"date":"2020-08-07T02:50:04","date_gmt":"2020-08-07T02:50:04","guid":{"rendered":"https:\/\/premium.wpmudev.org\/blog\/?p=190472"},"modified":"2022-02-11T18:13:24","modified_gmt":"2022-02-11T18:13:24","slug":"customize-wordpress-admin-with-branda","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/customize-wordpress-admin-with-branda\/","title":{"rendered":"How To Completely Customize The WordPress Admin Area With Branda"},"content":{"rendered":"

Branda<\/a> gives you the power to white label WordPress, letting your brand flow from the front to the back-end of your site. In this guide, we\u2019ll show you how to renovate your admin area with some of Branda\u2019s most impressive features.<\/p>\n

White labeling your WordPress site has never been easier. Branda splits every one of her features into easy to digest modules which can be activated and removed as necessary.<\/p>\n

Branda lets you white label every aspect of WordPress<\/small><\/p>\n

No job is too big or small – you can customize anything from your color scheme and dashboard widgets, right down to the text labels on your login page, and the icons in your admin toolbar.<\/p>\n

In this guide, we\u2019ll show you not only how to completely white label the back-end of your WordPress installation using Branda<\/a>, but also how to personalize and reorganize your tools and menus to ensure peak efficiency when working within your admin area.<\/p>\n

We\u2019ll be covering how to:<\/p>\n

    \n
  1. Customize Your Login Screen<\/a><\/li>\n
  2. Change the WordPress Logo<\/a><\/li>\n
  3. Rework the Admin Bar<\/a><\/li>\n
  4. Personalize Your Widgets<\/a><\/li>\n
  5. Organize Your Admin Menu<\/a><\/li>\n
  6. Add Text to Your Footer<\/a><\/li>\n
  7. Text Replacement<\/a><\/li>\n
  8. Change the Color Scheme<\/a><\/li>\n<\/ol>\n

    Read on to find out how Branda can help you put your own stamp on your WordPress admin.<\/p>\n

    1. Customize Your Login Screen<\/h2>\n

    When customizing your WordPress admin, it makes sense to start at the first page you\u2019ll always see – the login screen.<\/p>\n

    Branda can help you create a completely new login screen that will impress your clients and inject some personality into your WordPress back-end.<\/p>\n

    There are seven preset templates you can select, or you can create your own from scratch.<\/p>\n

    \"Screenshot
    Click \u2018Start from scratch\u2019 to create your own template.<\/figcaption><\/figure>\n

    If you start from scratch, the main changes will come in the form of your background and logo.<\/p>\n

    First up is the logo – you can either upload your own image, or import one from a URL.<\/p>\n

    \"Screenshot
    You can also choose to completely hide the logo.<\/figcaption><\/figure>\n

    Once you\u2019ve added your logo, you can choose a new background to complement it.<\/p>\n

    \"Screenshot
    Just make sure your background image is a minimum of 1024px wide.<\/figcaption><\/figure>\n

    You\u2019re free to take it even further and edit or hide the labels, display a message, or add custom error messages.<\/p>\n

    Add custom messages for users when they log in.<\/small><\/p>\n

    A few tweaks and you can completely revamp your login section.<\/p>\n

    2. Change the WordPress Logo<\/h2>\n

    If you\u2019re a developer working on a lot of sites, or if you\u2019re trying to create a personalized experience for a new client, the ability to switch out the WordPress logo in the admin bar can make a lot of difference.<\/p>\n

    It can let you know at a quick glance which site you\u2019re currently logged into and it can be the icing on a cake for a client that you\u2019re trying to impress.<\/p>\n

    With Branda, it takes seconds to change the logo to something more personal.<\/p>\n

    This setting is found within Admin Area > Admin Bar.<\/p>\n

    As you can see below, it\u2019s such a simple change but it takes white labeling WordPress to the next level.<\/p>\n

    \"Screenshot
    It\u2019s your site, so it makes sense to replace the WordPress logo with your own.<\/figcaption><\/figure>\n

    3. Rework the Admin Bar<\/h2>\n

    If you find the admin bar more unsightly than useful, there are a couple of ways Branda can help you manage this.<\/p>\n

    You can remove the admin bar from your front-end if you want to quickly view your site without it getting in the way by heading to Admin Area > Admin Bar.<\/p>\n

    \"Screenshot
    Untick the boxes of the user roles you wish to hide the toolbar from on the front-end.<\/figcaption><\/figure>\n

    If you don\u2019t want to hide the toolbar completely, you can customize the items it shows.<\/p>\n

    Start by choosing the items you wish to hide:<\/p>\n

    \"Screenshot
    Better still, you can apply these settings to specific user roles.<\/figcaption><\/figure>\n

    If you really dislike the toolbar, you can even go as far as removing all its links in the back-end:<\/p>\n

    \"Screenshot
    Branda can help your admin area go from \u2018messy\u2019 to \u2018minimalist\u2019 in just a few clicks.<\/figcaption><\/figure>\n

    If you\u2019d prefer an admin bar that is practical and personalized to fit your needs, you can create this by adding custom items to it.<\/p>\n

    \"Screenshot
    Just below the option to hide your items, you\u2019ll find the option to add custom ones.<\/figcaption><\/figure>\n

    Once you click to add a custom item, you will need to select a title, icon and a link destination.<\/p>\n

    \"Screenshot
    There are tons of icons to choose from – you\u2019ll be spoilt for choice.<\/figcaption><\/figure>\n

    Add a submenu if required, and set the visibility of your new menu item per user role.<\/p>\n

    \"Screenshot
    You can use these settings to easily navigate to your most important pages, as well as a host of other ideas.<\/figcaption><\/figure>\n

    4. Personalize Your Widgets<\/h2>\n

    With all the standard widgets active, your dashboard can begin to look a bit cluttered.<\/p>\n

    If you head into Branda and to Widgets > Dashboard Widgets, you can hide any that you don\u2019t use.<\/p>\n

    \"Screenshot
    With all these options ticked, your dashboard will be completely free of widgets.<\/figcaption><\/figure>\n

    You can then begin to repopulate your dashboard with widgets that are more useful to you, as Branda has the option to create your own custom widgets.<\/p>\n

    \"Screenshot
    You can create your own unique widget and then choose which user roles will see it.<\/figcaption><\/figure>\n

    Widgets can contain notes, company updates, stock reminders – you have total freedom.<\/p>\n

    \"Screenshot
    They\u2019re so quick and easy to update.<\/figcaption><\/figure>\n

    5. Organize Your Admin Menu<\/h2>\n

    Your admin menu is the heart and soul of your WordPress admin area. If you want to customize the back-end of your site, it makes sense to tailor the admin menu to your needs.<\/p>\n

    Head to Admin Area > Admin Menu > Customize Admin Menu and you will be presented with a ton of options to help you get the most out of your admin menu.<\/p>\n

    First up, you can customize each item in your admin bar per user role and can opt to hide each item.<\/p>\n

    \"Screenshot
    You can also duplicate items from this menu.<\/figcaption><\/figure>\n

    When you click to edit one of the items, you are first offered the chance to rename it as well as change the CSS ID and class.<\/p>\n

    \"Screenshot
    Click \u2018submenu\u2019 to change the name and IDs\/classes of the submenu items.<\/figcaption><\/figure>\n

    If you scroll down a little further, you can choose a new icon from tons of presets.<\/p>\n

    \"Screenshot
    You can even upload your own icons.<\/figcaption><\/figure>\n

    Once you are satisfied with how your menu item looks, it\u2019s time to decide what happens when you click on it.<\/p>\n

    Underneath the icons, you will find the option to change the link, as well choose whether or not it opens in a new tab.<\/p>\n

    \"Screenshot
    While you may not need to change the link on existing menu items, it\u2019s handy if you create new ones.<\/figcaption><\/figure>\n

    Once you have amended your existing menu items to your taste, you can scroll to the bottom of the list to add your own custom items.<\/p>\n

    This is useful if you want shortcuts to external websites or areas of your site that take a while to navigate to.<\/p>\n

    6. Add Text to Your Footer<\/h2>\n

    You can add text or even media to the bottom right of your admin area.<\/p>\n

    This could be anything from an important message or update, to your company motto, or even just your site name.<\/p>\n

    \"Screenshot
    You can also make the text a link.<\/figcaption><\/figure>\n

    It\u2019s just another quick way to break out of WordPress\u2019 usual template and add a bit of brand\/personality to your admin area.<\/p>\n

    7. Text Replacement<\/h2>\n

    A handy feature found within the utilities section of Branda allows you to replace words and phrases throughout your site.<\/p>\n

    This can be especially beneficial when it comes to white labeling your admin area.<\/p>\n

    You can control whether the rules are case sensitive, and whether they apply everywhere or just on your front or back-end.<\/p>\n

    \"Screenshot
    Even apply it to specific themes or plugins using the text domain option.<\/figcaption><\/figure>\n

    Using this feature, you can easily change the \u2018Howdy\u2019 message on the right-hand side of your admin bar, to something more to your taste.<\/p>\n

    \"Screenshot
    You can add as many separate rules as you like.<\/figcaption><\/figure>\n

    8. Change Your Color Scheme<\/h2>\n

    If you\u2019re dedicated to truly whitelabeling and personalizing your site, then changing the color scheme should definitely be on your to-do list.<\/p>\n

    Branda comes loaded with 8 color schemes for you to choose from.<\/p>\n

    \"Screenshot
    You can set the theme for each user individually or apply to all.<\/figcaption><\/figure>\n

    If your plan is to match your admin area to your brand, you can extensively edit the color schemes to your exact requirements.<\/p>\n

    Below is just a taste of how many options you have to create your own scheme.<\/p>\n

    You can color each element of your admin area separately, and tweak things such as hover and focus color.<\/p>\n

    \"Screenshot
    This is \u2018Ocean\u2019, one of Branda\u2019s preset color schemes.<\/figcaption><\/figure>\n

    WordPress Who?<\/h2>\n

    Branda has so many options for customization and white labeling that you can put the same love and care into the back-end of your site as you do the front. No longer will you have to gaze upon the WordPress logo or endure every site you work on looking exactly the same from the back-end. With Branda, you can truly make each site your own.<\/p>\n

    If you\u2019re eager to find out what else Branda can do, check out the documentation<\/a> for a complete run down and visit our roadmap<\/a> to see what else she’s got in store. Better yet, get Branda installed and experience the power of personalizing WordPress with Branda for yourself.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Branda gives you the power to white label WordPress, letting your brand flow from the front to the back-end of your site. In this guide, we\u2019ll show you how to renovate your admin area with some of Branda\u2019s most impressive features. White labeling your WordPress site has never been easier. Branda splits every one of […]<\/p>\n","protected":false},"author":801248,"featured_media":190477,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"8","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[263,11260,11259],"tags":[],"tutorials_categories":[11230],"class_list":["post-190472","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-wpmu-dev-products","category-wpmudev-tutorials","tutorials_categories-branda-pro"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/190472","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/801248"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=190472"}],"version-history":[{"count":22,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/190472\/revisions"}],"predecessor-version":[{"id":190592,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/190472\/revisions\/190592"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/190477"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=190472"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=190472"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=190472"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=190472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}