{"id":19042,"date":"2021-10-25T10:52:11","date_gmt":"2021-10-25T07:52:11","guid":{"rendered":"https:\/\/vipestudio.com\/?p=19042"},"modified":"2021-10-25T10:52:11","modified_gmt":"2021-10-25T07:52:11","slug":"how-to-create-a-custom-wordpress-dashboard-the-all-in-one-plugin-part-1","status":"publish","type":"post","link":"https:\/\/vipestudio.com\/en\/how-to-create-a-custom-wordpress-dashboard-the-all-in-one-plugin-part-1\/","title":{"rendered":"How to Create a Custom WordPress Dashboard: The All-In-One Plugin (Part 1)"},"content":{"rendered":"<p style=\"text-align: left;\">Here at the Vipe Studio WordPress blog, we have talked at length about many ways of customization, whether it&#8217;s identifying a theme you like, disabling comments or adding favicons.<\/p>\n<p style=\"text-align: left;\">However, in this 2-part series, your favorite WordPress agency for development will be guiding you through setting up a customized dashboard experience for your convenience and making your website&#8217;s identity unique, even in the backend. Your guest bloggers and clients will surely appreciate the more tailored look, and you&#8217;ll wonder why you didn&#8217;t think of this before. Today, in part 1, we&#8217;ll introduce you to a plugin that&#8217;s a comprehensive tool for dashboard customs, and in part 2, we&#8217;ll look at more specialized plugins for deeper personalization.<\/p>\n<p><img decoding=\"async\" class=\"size-medium wp-image-19032 aligncenter\" src=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-05_Single-04-ai-300x300.png\" alt=\"\" width=\"300\" height=\"300\" srcset=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-05_Single-04-ai-300x300.png 300w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-05_Single-04-ai-1024x1024.png 1024w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-05_Single-04-ai-150x150.png 150w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-05_Single-04-ai-768x768.png 768w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-05_Single-04-ai-1536x1536.png 1536w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-05_Single-04-ai-2048x2048.png 2048w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-05_Single-04-ai-410x410.png 410w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-05_Single-04-ai-381x381.png 381w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-05_Single-04-ai-174x174.png 174w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2 style=\"text-align: left;\">Disclaimer about Performance<\/h2>\n<p style=\"text-align: left;\">But before we get to all that good stuff, it would serve us well to remember that delving into such deep customization could also mean that your backend performance will change &#8211; mostly, it&#8217;ll take at least a minor hit, but you could also end up improving it. So, make sure to test and verify that performance has not suffered due to your changes, especially if the backend has multiple users logging in regularly. And like we never cease to remind you, experiments are best conducted in the lab \u2013 in this case, the <a href=\"https:\/\/vipestudio.com\/en\/wordpress-staging-sites-from-the-ground-up-all-but-manual-part-1\/\">staging site.<\/a><\/p>\n<p><img decoding=\"async\" class=\"size-medium wp-image-18973 aligncenter\" src=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20943505-ai-300x300.png\" alt=\"\" width=\"300\" height=\"300\" srcset=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20943505-ai-300x300.png 300w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20943505-ai-1024x1024.png 1024w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20943505-ai-150x150.png 150w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20943505-ai-768x768.png 768w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20943505-ai-1536x1536.png 1536w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20943505-ai-2048x2048.png 2048w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20943505-ai-410x410.png 410w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20943505-ai-381x381.png 381w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20943505-ai-174x174.png 174w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2 style=\"text-align: left;\">White Label CMS Plugin: Wide-ranging Features<\/h2>\n<p style=\"text-align: left;\"><a href=\"https:\/\/wordpress.org\/plugins\/white-label-cms\/\">This plugin<\/a> is a complete package, so you can tweak nearly any part of the backend with ease. While it is designed as a tool for experts of a WordPress development agency of really customized client projects, there&#8217;s nothing in the way of using it yourself to get the job done, especially for the low, low price of free. Features include the ability to apply your own branding instead of the WordPress one, hiding menu items selectively, using a custom-made login screen, custom widgets including RSS, and in general, decluttering the often-confusing layout of the dashboard. Once you&#8217;ve installed it and activated it, follow these steps to get White Label ready for action:<\/p>\n<h3 style=\"text-align: left;\">1. Setup Wizard<\/h3>\n<p style=\"text-align: left;\">Under &#8216;Settings&#8217;, then \u2018 White Label CMS&#8217;, you&#8217;ll find the setup wizard. Running it lets you start with adding your branding, and if needed, your client details. This step also opens up complete settings access, with a bunch of advanced options.<\/p>\n<h3 style=\"text-align: left;\">2. Custom Branding<\/h3>\n<p style=\"text-align: left;\">Under the newly revealed &#8216;branding&#8217; tab, you can cherry-pick WordPress brand elements to hide or replace with yours \u2013 such as your logo instead of the top left WordPress logo.<\/p>\n<p><img decoding=\"async\" class=\"size-medium wp-image-18920 aligncenter\" src=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20945523-ai-1-300x300.png\" alt=\"\" width=\"300\" height=\"300\" srcset=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20945523-ai-1-300x300.png 300w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20945523-ai-1-1024x1024.png 1024w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20945523-ai-1-150x150.png 150w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20945523-ai-1-768x768.png 768w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20945523-ai-1-1536x1536.png 1536w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20945523-ai-1-2048x2048.png 2048w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20945523-ai-1-410x410.png 410w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20945523-ai-1-381x381.png 381w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/20945523-ai-1-174x174.png 174w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<h3 style=\"text-align: left;\">3. Login Screen Customization<\/h3>\n<p style=\"text-align: left;\">Click the tab named &#8216;Login&#8217; to change not just the logo and background, but also hide elements like the reset password or signup links, and even customize the colors of the login form.<\/p>\n<h3 style=\"text-align: left;\">4. Custom Widgets<\/h3>\n<p style=\"text-align: left;\">As promised earlier, you can add your own dashboard widgets by selecting the &#8216;Dashboard&#8217; tab, and because the custom dashboard supports HTML, you can add custom HTML \u2013 even media content. Heck, you can use a page builder plugin \u2013 on your WordPress dashboard. Exciting times we live in.<\/p>\n<p><img decoding=\"async\" class=\"size-medium wp-image-18926 aligncenter\" src=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-10_Single-03-ai-300x300.png\" alt=\"\" width=\"300\" height=\"300\" srcset=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-10_Single-03-ai-300x300.png 300w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-10_Single-03-ai-1024x1024.png 1024w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-10_Single-03-ai-150x150.png 150w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-10_Single-03-ai-768x768.png 768w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-10_Single-03-ai-1536x1536.png 1536w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-10_Single-03-ai-2048x2048.png 2048w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-10_Single-03-ai-410x410.png 410w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-10_Single-03-ai-381x381.png 381w, https:\/\/vipestudio.com\/wp-content\/uploads\/2021\/10\/Wavy_Bus-10_Single-03-ai-174x174.png 174w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<h3 style=\"text-align: left;\">5. Sidebar and Toolbar Tweaks<\/h3>\n<p style=\"text-align: left;\">The more you&#8217;re about that plugin life, the more it&#8217;ll show on your dashboard \u2013 and not in a good way. It can get pretty cluttered and can get to be a challenge for other users to navigate.<br \/>\nUnder the &#8216;Menu&#8217; tab, you get some neat toggles to disable these extra menu items for users who aren&#8217;t you. Did we mention that&#8217;s neat?<br \/>\nAnd, you&#8217;re done. Feel free to explore all the options to really make your dashboard unique.<\/p>\n<h2 style=\"text-align: left;\">Custom Dashboard on your own<\/h2>\n<p style=\"text-align: left;\">That brings us to the end of this first part of our series on making your own snazzy dashboard \u2013 you&#8217;re welcome, by the way \u2013 and you&#8217;re well on your way to that goal, but stick around for the next part, where we&#8217;ll discuss tools that can customize even more than this comprehensive plugin can. Until then, stay safe and informed, and Happy WordPress-ing!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here at the Vipe Studio WordPress blog, we have talked [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":19048,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[113],"tags":[167,406,129,575,560,994],"class_list":["post-19042","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-wordpress-development","tag-customization","tag-features","tag-plugins-en","tag-user-experience","tag-website-wordpress-development","tag-wordpress-plugins"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/posts\/19042","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/comments?post=19042"}],"version-history":[{"count":0,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/posts\/19042\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/media\/19048"}],"wp:attachment":[{"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/media?parent=19042"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/categories?post=19042"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/tags?post=19042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}