WordPress custom post Icons

WordPress custom post icons

The WordPress admin area has Dashicons for its administrative Menus, you can also change and add new Dashicons from WordPress Dashicons which can provide the meaning to the WordPress custom post.

Likewise, You can even add your custom image to it by uploading the png image in media for the custom post Icon.

(https://developer.wordpress.org/resource/dashicons/#admin-users ) or your own custom png image.

Furthermore, let’s take a brief look at WordPress custom post icons

Step 1: Functions.php

Initially, Go to functions.php file and add

 ‘menu_icon’           => ‘dashicons-groups’,

In the custom post type or you can upload your own custom png image in media. Likewise, you can add full links to media as below.

‘menu_icon’ => ‘http://rupeshkarna.com.np/wp-content/uploads/2016/07/product.png’

Likewise,You can check the full code here:

// Register Custom Post Type

function custom_post_type() {

        $labels = array(

               ‘name’                => _x( ‘products’, ‘Post Type General Name’, ‘text_domain’ ),

               ‘singular_name’       => _x( ‘Product’, ‘Post Type Singular Name’, ‘text_domain’ ),

               ‘menu_name’           => __( ‘Products’, ‘text_domain’ ),

               ‘parent_item_colon’   => __( ‘Parent Item:’, ‘text_domain’ ),

               ‘all_items’           => __( ‘All Items’, ‘text_domain’ ),

               ‘view_item’           => __( ‘View Item’, ‘text_domain’ ),

               ‘add_new_item’        => __( ‘Add New Item’, ‘text_domain’ ),

               ‘add_new’             => __( ‘Add New’, ‘text_domain’ ),

               ‘edit_item’           => __( ‘Edit Item’, ‘text_domain’ ),

               ‘update_item’         => __( ‘Update Item’, ‘text_domain’ ),

               ‘search_items’        => __( ‘Search Item’, ‘text_domain’ ),

               ‘not_found’           => __( ‘Not found’, ‘text_domain’ ),

               ‘not_found_in_trash’  => __( ‘Not found in Trash’, ‘text_domain’ ),

        );

        $args = array(

               ‘label’               => __( ‘Products’, ‘text_domain’ ),

               ‘description’         => __( ‘Post Type Description’, ‘text_domain’ ),

               ‘labels’              => $labels,

               ‘supports’            => array( ),

               ‘taxonomies’          => array( ‘category’, ‘post_tag’ ),

               ‘hierarchical’        => false,

               ‘public’              => true,

               ‘show_ui’             => true,

               ‘show_in_menu’        => true,

               ‘show_in_nav_menus’   => true,

               ‘show_in_admin_bar’   => true,

               ‘menu_position’       => 5,

               ‘menu_icon’           => ‘dashicons-cart’,                

               ‘can_export’          => true,

               ‘has_archive’         => true,

               ‘exclude_from_search’ => false,

               ‘publicly_queryable’  => true,

               ‘capability_type’     => ‘page’,

        );

        register_post_type( ‘Products’, $args );

}

// Hook into the ‘init’ action

add_action( ‘init’, ‘custom_post_type’, 0 );

After adding the above all code custom post types with your custom Icon will be created.

Finally, you can drop your queries in the comment box below. Also, check out our other informative blogs here.