{"id":28981,"date":"2024-11-01T16:20:58","date_gmt":"2024-11-01T10:50:58","guid":{"rendered":"https:\/\/www.wpoven.com\/blog\/?p=28981"},"modified":"2024-10-30T16:39:55","modified_gmt":"2024-10-30T11:09:55","slug":"how-to-create-a-wordpress-custom-dashboard","status":"publish","type":"post","link":"https:\/\/www.wpoven.com\/blog\/how-to-create-a-wordpress-custom-dashboard\/","title":{"rendered":"How to Create a WordPress Custom Dashboard?"},"content":{"rendered":"\n

WordPress is a flexible, open-source, and customizable platform, which is why most websites are built on it.<\/p>\n\n\n\n

While WordPress offers endless possibilities for creating a website, the Dashboard often remains the same with its familiar, somewhat boring look.<\/p>\n\n\n\n

The good news is, like other areas of WordPress, you can also customize and personalize the WordPress dashboard to suit your preferences.<\/p>\n\n\n\n

When we talk about customizing the WordPress dashboard, we mean changing the style, and theme, or altering the default options available.<\/p>\n\n\n\n

In this post, we\u2019ll guide you through different methods to create or customize your WordPress dashboard, so stay with us and keep reading until the end!<\/p>\n\n\n

<\/hr><\/div>\n\n\n\n
<\/hr><\/div>\n\n\n

How to Customize the WordPress Dashboard (Best 5 Methods)<\/h2>\n\n\n\n

Creating a custom WordPress dashboard can enhance user experience by tailoring the interface for specific needs, whether for clients, editors, or developers. Custom dashboards are ideal for simplifying workflows, displaying key metrics, or adding essential shortcuts. Here\u2019s a guide to building a custom WordPress dashboard:<\/p>\n\n\n\n

1. Customize the WordPress Dashboard with Code<\/h3>\n\n\n\n

For those comfortable with coding, adding custom functions can streamline the dashboard.<\/p>\n\n\n\n

a) Remove Unnecessary Widgets<\/strong><\/h4>\n\n\n\n

Use the following code to remove the default WordPress dashboard widgets:<\/p>\n\n\n\n

function remove_dashboard_widgets() {

remove_meta_box('dashboard_quick_press', 'dashboard', 'side');

remove_meta_box('dashboard_incoming_links', 'dashboard', 'normal');

remove_meta_box('dashboard_right_now', 'dashboard', 'normal');

remove_meta_box('dashboard_activity', 'dashboard', 'normal');

}

add_action('wp_dashboard_setup', 'remove_dashboard_widgets');<\/strong><\/code><\/p>\n\n\n\n

This code removes the Quick Press, Incoming Links, At a Glance, and Activity widgets. You can adjust the function to include or exclude specific widgets as needed.<\/p>\n\n\n\n

b) Add Custom Dashboard Widgets<\/strong><\/h4>\n\n\n\n

Use the following code to add custom widgets with specific content:<\/p>\n\n\n\n

function custom_dashboard_widgets() {

wp_add_dashboard_widget(

     'custom_help_widget', \/\/ Widget ID

     'Welcome to Your Custom Dashboard', \/\/ Widget Title

     'custom_dashboard_help' \/\/ Display function

);

}

function custom_dashboard_help() {<\/strong><\/code><\/p>\n\n\n\n

echo ‘<p>Welcome to your custom dashboard! Here\u2019s where you can find quick links and resources tailored for you.<\/p>’;<\/p>\n\n\n\n

}<\/p>\n\n\n\n

add_action(‘wp_dashboard_setup’, ‘custom_dashboard_widgets’);<\/p>\n\n\n\n

This example adds a simple welcome widget. You can replace the custom_dashboard_help() function content with links, shortcodes, or any other information.<\/p>\n\n\n\n

However, if editing files and codes are not your thing, you can simply use a plugin.A great plugin for this is called Dashboard Widgets Suite<\/strong>.<\/p>\n\n\n\n

What This Plugin Does<\/h4>\n\n\n\n

Dashboard Widgets Suite gives you nine ready-made widgets<\/strong> that you can add to your dashboard. These widgets can show different types of information, like website stats, recent comments, and more.<\/p>\n\n\n\n

Easy Customization<\/h4>\n\n\n\n

The plugin also lets you customize<\/strong> these widgets, so you can adjust them to show exactly what you need.<\/p>\n\n\n\n

This is a quick and easy way to make your dashboard more useful without needing to code.<\/p>\n\n\n\n

c) Use CSS to Style the Dashboard<\/strong><\/h4>\n\n\n\n

Add custom styles to the WordPress admin by enqueuing a custom stylesheet:<\/p>\n\n\n\n

function custom_admin_css() {

echo '<style>

     #wpadminbar { background-color: #333; }

     .wrap h1 { color: #0073aa; }

<\/style>';

}

add_action('admin_head', 'custom_admin_css');<\/strong><\/code><\/p>\n\n\n

<\/hr><\/div>\n\n\n

2. Add or Remove Existing Widgets From your Dashboard<\/h3>\n\n\n\n

When you log into WordPress, you\u2019ll see a dashboard with some basic sections like Activity<\/strong>, Quick Draft<\/strong>, and more. These sections are called widgets<\/strong>. WordPress lets you choose which of these widgets you want to keep or hide. Here\u2019s a simple way to do it:<\/p>\n\n\n\n

Step 1: Find the \u201cScreen Options\u201d Button<\/h4>\n\n\n\n