Dodaj niestandardowe ikony do menu administracyjnego WordPressa z łatwością

Kod

// Function to add custom icons to WordPress admin menu
function wp_dudecom_custom_admin_menu_icons() {
    ?>
    <style>
        /* Change the icon for the Dashboard menu item */
        #adminmenu #menu-dashboard div.wp-menu-image:before {
            content: '\f120'; /* Dashicons code for a custom icon */
        }

        /* Add a custom SVG icon to a specific menu item */
        #adminmenu #toplevel_page_custom_menu div.wp-menu-image {
            background-image: url('path-to-your-icon.svg');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }

        /* Example: Change the icon for the Posts menu item */
        #adminmenu #menu-posts div.wp-menu-image:before {
            content: '\f109'; /* Dashicons code for a custom icon */
        }
    </style>
    <?php
}
add_action('admin_head', 'wp_dudecom_custom_admin_menu_icons');

// Function to register a custom admin menu with a custom icon
function wp_dudecom_register_custom_menu_page() {
    add_menu_page(
        __('Custom Menu Title', 'textdomain'),
        __('Custom Menu', 'textdomain'),
        'manage_options',
        'custom_menu_slug',
        'wp_dudecom_custom_menu_page',
        'dashicons-admin-generic', // Default Dashicon
        6
    );
}
add_action('admin_menu', 'wp_dudecom_register_custom_menu_page');

// Callback function for the custom menu page
function wp_dudecom_custom_menu_page() {
    echo '<h1>' . __('Welcome to the Custom Menu Page', 'textdomain') . '</h1>';
}

// Function to enqueue custom SVG icon for the custom menu
function wp_dudecom_enqueue_custom_admin_icons() {
    ?>
    <style>
        #adminmenu #toplevel_page_custom_menu_slug div.wp-menu-image {
            background-image: url('path-to-your-custom-icon.svg');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
    </style>
    <?php
}
add_action('admin_head', 'wp_dudecom_enqueue_custom_admin_icons');