{"id":3284,"date":"2022-02-21T16:46:11","date_gmt":"2022-02-21T14:46:11","guid":{"rendered":"https:\/\/www.scalahosting.com\/kb\/?p=3284"},"modified":"2022-05-19T17:54:23","modified_gmt":"2022-05-19T14:54:23","slug":"how-to-customize-your-wordpress-dashboard","status":"publish","type":"post","link":"https:\/\/www.scalahosting.com\/kb\/how-to-customize-your-wordpress-dashboard\/","title":{"rendered":"How to Customize Your WordPress Dashboard"},"content":{"rendered":"<p>WordPress is all about customizations. The<strong> open-source CMS<\/strong> allows you to tinker with even the tiniest details of your web-building experience. Be it a native functionality or a handy plugin &#8211; users can easily play around with their <em>user area, website navigation, menu structure, or design layout.\u00a0<\/em><\/p>\n<p>In this guide, we will focus more on our <a href=\"https:\/\/www.scalahosting.com\/blog\/navigating-your-wordpress-dashboard\/\"><strong>WordPress Dashboard<\/strong><\/a> &#8211; what is it, how it works, and how can we customize it to serve our needs better?<\/p>\n<h2><strong>What Can You Do With Your WordPress Dashboard?<\/strong><\/h2>\n<p>The WordPress Dashboard is your administrative area where you manage your WP website and <strong>perform most site-building actions and optimizations<\/strong>. It offers an overview of your online project and various menus to <strong>add content<\/strong>, <strong>set permissions<\/strong>, <strong>activate plugins<\/strong>, <strong>change site settings<\/strong>, and many more.<\/p>\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-3285\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/02\/image3-1024x427.jpg\" alt=\"How to Customize Your WordPress Dashboard, What Can You Do With Your WordPress Dashboard?\" width=\"1024\" height=\"427\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/02\/image3-1024x427.jpg 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/02\/image3-300x125.jpg 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/02\/image3-768x320.jpg 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/02\/image3.jpg 1339w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<p>By default, you can access the WordPress admin dashboard by putting<strong> \/wp-admin<\/strong> at the end of your website URL. But as this is a well-known fact, we strongly suggest you change the path for administrative access upon the <a href=\"https:\/\/www.scalahosting.com\/blog\/how-to-install-wordpress\/\"><strong>WP installation<\/strong><\/a> to reduce the risks of unauthorized login.<\/p>\n<p>When you first land in your admin panel, you will see a bunch of helpful widgets in the middle of the screen, things like <strong>site status<\/strong>, <strong>activity<\/strong>, and <strong>news<\/strong>. On the left side are your menus, containing various options and settings. This is where you&#8217;ll be spending most of your time customizing different aspects of your website.<\/p>\n<p><em>But how about modifying the actual dashboard? What can we do to spruce up our administrative panel?\u00a0<\/em><\/p>\n<h2><strong>How to Customize Your WordPress Dashboard<\/strong><\/h2>\n<p>Even though the WordPress dashboard is quite<strong> intuitive and straightforward<\/strong>, some users might want to simplify it further, rearrange it, or even change its overall design. Luckily, WordPress has got you covered.<\/p>\n<p><strong>Here are a few clever ways to customize your admin panel:<\/strong><\/p>\n<h3><strong>White-labeling the WordPress Dashboard<\/strong><\/h3>\n<p>White-<span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;labeling&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:636,&quot;5&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;6&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;7&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;8&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;9&quot;:0,&quot;12&quot;:0}\">labeling<\/span> every platform you utilize is a great way to keep your operations in tune with your brand strategy. Whether we are<strong> changing the panel logo<\/strong>, <strong>switching the admin color scheme<\/strong>, or <strong>adding custom design elements<\/strong> &#8211; WordPress can help you ensure everything looks as expected.<\/p>\n<p>As with many actions on this list, the easiest way to go about customization is with the proper plugin. In our specific case, one of the best add-ons is called<strong> White Label CMS<\/strong>, installed on over <strong>200,000 WP instances<\/strong> already.<\/p>\n<p><strong>With its help, you can:<\/strong><\/p>\n<ul>\n<li>Completely customize the WP dashboard<\/li>\n<li>Add custom widgets to the default screen<\/li>\n<li>Modify the WordPress login page<\/li>\n<li>Hide menu items<\/li>\n<li>Integrate RSS feeds<\/li>\n<\/ul>\n<p>Of course, this is just one of many solutions chosen mainly because of its versatility. If you are looking for more minor cosmetic changes &#8211; <strong>you can find an appropriate WP plugin<\/strong> that is closer to your requirements.<\/p>\n<h3><strong>Customizing the WordPress Admin Menu Items<\/strong><\/h3>\n<p><strong>Admin Menu Editor<\/strong> is a wonderful plugin for customizing your WordPress dashboard. Over <strong>300,000 active installations <\/strong>and <strong>hundreds of 5-star reviews<\/strong> are just some of the tell-tale signs that this add-on is as helpful and reliable as it says on the label.<\/p>\n<p><strong>Once installed and activated, the Admin Menu Editor will allow you to:<\/strong><\/p>\n<ul>\n<li>Rearrange menu items via drag-and-drop<\/li>\n<li>Rename menus, URLs, CSS classes<\/li>\n<li>Change menu access permissions<\/li>\n<li>Create submenus<\/li>\n<li>Hide\/Show menu items<\/li>\n<\/ul>\n<p>Admin Menu Editor also offers a <strong>Pro version<\/strong> that lets you assign menu permissions per user role, change colors, and utilize a library of over 600 different icons. Prices <strong>start from $29<\/strong>.<\/p>\n<h3><strong>Editing the Dashboard Widgets<\/strong><\/h3>\n<p>The dashboard widgets are one of the first things you see on your screen when you log in to your<strong> WordPress admin panel<\/strong>. As such, you might want to adjust them to make the most advantage of the information they display.<\/p>\n<p>Naturally, the easiest way to modify your widgets would be with an appropriate plugin. In this case, you can check out tools like <strong>Dashboards Widgets Suite<\/strong> or <strong>Custom Dashboard Widgets<\/strong> to easily customize your admin area and expand it with even more insightful info. Think of things like error logs, RSS feeds, social media platform integrations, the works.<\/p>\n<p>Provided you have a bit of technical experience, you can<strong> add your custom widget <\/strong>to the mix as well.<\/p>\n<p><strong>Simply follow the steps:<\/strong><\/p>\n<ol>\n<li>Log into your <strong>control panel<\/strong>.<\/li>\n<li>Go to<strong> File Manager<\/strong>.<\/li>\n<li>Locate the file <strong>functions.php<\/strong>, which should be in your <strong>wp-content\/themes<\/strong> folder.<\/li>\n<\/ol>\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-3286\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/02\/image1-1-1024x541.jpg\" alt=\"How to Customize Your WordPress Dashboard, Editing the Dashboard Widgets\" width=\"1024\" height=\"541\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/02\/image1-1-1024x541.jpg 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/02\/image1-1-300x159.jpg 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/02\/image1-1-768x406.jpg 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/02\/image1-1.jpg 1067w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<ol start=\"4\">\n<li><strong>Edit <\/strong>the file by pasting your new widget code. Here is a good example:<\/li>\n<\/ol>\n<p class=\"alert-orange\">\/**<br \/>\n* Add a widget to the dashboard.<br \/>\n*<br \/>\n* This function is hooked into the &#8216;wp_dashboard_setup&#8217; action below.<br \/>\n*\/<br \/>\nfunction wpexplorer_add_dashboard_widgets() {<br \/>\nwp_add_dashboard_widget(<br \/>\n&#8216;wpexplorer_dashboard_widget&#8217;, \/\/ Widget slug.<br \/>\n&#8216;My Custom Dashboard Widget&#8217;, \/\/ Title.<br \/>\n&#8216;wpexplorer_dashboard_widget_function&#8217; \/\/ Display function.<br \/>\n);<br \/>\n}<br \/>\nadd_action( &#8216;wp_dashboard_setup&#8217;, &#8216;wpexplorer_add_dashboard_widgets&#8217; );<br \/>\n\/**<br \/>\n* Create the function to output the contents of your Dashboard Widget.<br \/>\n*\/<br \/>\nfunction wpexplorer_dashboard_widget_function() {<br \/>\necho &#8220;Hello there, I&#8217;m a great Dashboard Widget. Edit me!&#8221;;<br \/>\n}<\/p>\n<ol start=\"5\">\n<li><strong>Save <\/strong>the changes.<\/li>\n<\/ol>\n<p>Additionally, if you go to <strong>Screen Options<\/strong> on the top right corner of your WordPress dashboard, you can select and rearrange the widgets to better serve your needs.<\/p>\n<h3><strong>Adding New Columns to Your Post\/Page List<\/strong><\/h3>\n<p>When you go to the <strong>Posts <\/strong>or <strong>Pages menu<\/strong>, you will see a list of all items in that category. Each one is sorted by several factors &#8211; <strong>title<\/strong>, <strong>author<\/strong>, <strong>category<\/strong>, <strong>tag<\/strong>, <strong>date<\/strong>, etc. To modify the current look or possibly add a new column, you can head to the <strong>Screen Options tab<\/strong> in the top right corner.<\/p>\n<p>A new menu will appear, allowing you to fine-tune your lists.<\/p>\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-3287\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/02\/image2-1-1024x371.jpg\" alt=\"How to Customize Your WordPress Dashboard, Adding New Columns to Your Post\/Page List\" width=\"1024\" height=\"371\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/02\/image2-1-1024x371.jpg 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/02\/image2-1-300x109.jpg 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/02\/image2-1-768x278.jpg 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/02\/image2-1.jpg 1365w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<p>Naturally, you can achieve the same (and more) with the help of a <a href=\"https:\/\/www.scalahosting.com\/blog\/what-is-a-wordpress-plugin\/\"><strong>WordPress plugin<\/strong><\/a>. Try custom-tailored solutions like <strong>Admin Columns<\/strong> and create an even more intuitive environment for your online project.<\/p>\n<h3><strong>Changing the Admin Design Scheme<\/strong><\/h3>\n<p>As an administrator, you can utilize admin theme plugins that help you bring more glamour to your WP dashboard. WordPress offers various solutions like <strong>Kodeo Admin UI<\/strong>, <strong>Aquila<\/strong>, and <strong>Fatty <\/strong>to avoid the bland old default aesthetics.<\/p>\n<p class=\"alert-orange\"><strong>IMPORTANT: <\/strong>If you want to manually change your design layout, you can check out more tips in our guide on<strong> How To Change the Admin Color Scheme in WordPress<\/strong>.<\/p>\n<h3><strong>Customizing the WordPress Login Page<\/strong><\/h3>\n<p>Another handy modification you can do is to change the <strong>outlook of your WP login page<\/strong>. Apart from the obvious branding reasons, moving away from the traditional look shows your users that you are really serious about even the tiniest details of your business.<\/p>\n<p>Starting with the choice of add-ons, you have the<strong> Colorlib Login Customizer<\/strong>, <strong>LoginPress<\/strong>, <strong>Feather Login Page Designer<\/strong>, and a number of other exciting options with stunning free templates and layouts. Each of these significantly expands your design choices and offers <strong>user-friendly customization management<\/strong>.<\/p>\n<p>As for the code junkies, we have a little something for you as well. Let&#8217;s learn how to replace the WordPress logo on the login page with your own and link it to your business website.<\/p>\n<p><strong>You need to:<\/strong><\/p>\n<ol>\n<li>Log into your server via the <strong>control panel<\/strong> or <strong>FTP<\/strong>.<\/li>\n<li>Upload your logo into the <strong>wp-content\/themes\/yourthemename\/images<\/strong> folder. Make sure the logo is <strong>less than 80&#215;80 pixels<\/strong>.<\/li>\n<li>Edit the file with the following code:<\/li>\n<\/ol>\n<p class=\"alert-orange\">function wpexplorer_login_logo() { ?&gt;<br \/>\n&lt;style type=&#8221;text\/css&#8221;&gt;<br \/>\nbody.login div#login h1 a {<br \/>\nbackground-image: url(&lt;?php echo get_stylesheet_directory_uri(); ?&gt;\/images\/logo.png );<br \/>\npadding-bottom: 30px;<br \/>\n}<br \/>\n&lt;\/style&gt;<br \/>\n&lt;?php }<br \/>\nadd_action( &#8216;login_enqueue_scripts&#8217;, &#8216;wpexplorer_login_logo&#8217; );<\/p>\n<p><strong>Replace logo.png<\/strong> with your previously uploaded image.<\/p>\n<ol start=\"4\">\n<li>Our next step is redirecting the link to our WordPress website. An example code for that is:<\/li>\n<\/ol>\n<p class=\"alert-orange\">function wpexplorer_login_logo_url() {<br \/>\nreturn esc_url( home_url( &#8216;\/&#8217; ) );<br \/>\n}<br \/>\nadd_filter( &#8216;login_headerurl&#8217;, &#8216;wpexplorer_login_logo_url&#8217; );<br \/>\nfunction wpexplorer_login_logo_url_title() {<br \/>\nreturn &#8216;Your Site Name and Info&#8217;;<br \/>\n}<br \/>\nadd_filter( &#8216;login_headertitle&#8217;, &#8216;wpexplorer_login_logo_url_title&#8217; );<\/p>\n<p>Of course, there are lots of other customizations you can apply to the WordPress dashboard in the quest of making it more unique.<\/p>\n<p class=\"alert-blue\"><strong>IMPORTANT:<\/strong> Keep in mind that any special modifications and additional plugins may cause performance problems and increase the risk of hacker breaches. It&#8217;s always recommended to follow numerous <a href=\"https:\/\/www.scalahosting.com\/blog\/wordpress-security-guide\/\"><strong>security guidelines when working with WordPress<\/strong><\/a>.<\/p>\n<p>For more WP-related questions &#8211; <a href=\"https:\/\/www.scalahosting.com\/contact-us.html\"><strong>contact the 24\/7 Scala Support Team<\/strong><\/a>, and we will gladly solve all your queries.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress is all about customizations. The open-source CMS allows you to tinker with even the tiniest details of your web-building experience. Be it a native functionality or a handy plugin &#8211; users can easily play around with their user area, website navigation, menu structure, or design layout.\u00a0 In this guide, we will focus more on [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":""},"categories":[34],"tags":[],"class_list":["post-3284","post","type-post","status-publish","format-standard","hentry","category-web-hosting"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/3284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/comments?post=3284"}],"version-history":[{"count":12,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/3284\/revisions"}],"predecessor-version":[{"id":4561,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/3284\/revisions\/4561"}],"wp:attachment":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/media?parent=3284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/categories?post=3284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/tags?post=3284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}