Skip to main content

WordPress add dashicons for new menu

When we add new menu page in WordPress in our custom plugins or theme functions we use the ‘add_menu_page‘ page function which can option to pass icon path of that menu.

Here is the code snippet of the default example:

add_action('admin_menu', 'members_downloads_menu');
function members_downloads_menu() {
 if (is_admin()){
 add_menu_page('Members Downloads Options', 'Members Downlods', 'manage_options', 'members-downloads','members_downloads_page',plugins_url('your-plugin-folder/images/icon.png'), 80 );
 }
}

Since WordPress version 3.8 there is option to use Dashicons instead of any images used as icons. Dashicons is the official icon font of the WordPress admin as of 3.8.

Here is the code snippet to show where to replace the icon path to Dashicons:

add_action('admin_menu', 'members_downloads_menu');
function members_downloads_menu() {
 if (is_admin()){
 add_menu_page('Members Downloads Options', 'Members Downlods', 'manage_options', 'members-downloads','members_downloads_page','dashicons-download', 80 );
 }
}

You can notice that I have replaced the icon path with ‘dashicons-download’ where ‘dashicons’ is referred to use font and the icon font name is ‘download’ as my menu page is supposed to use a download icon. 

You can get the list of Dashicons from WordPress official page from this link.

Comments

Popular posts from this blog

How to choose the right content management system for your website

Creating a website can be an exciting process, but it can also be overwhelming, especially when it comes to choosing the right Content Management System (CMS). A CMS is an essential component of any website, as it allows you to manage and publish your digital content. With so many CMS options available, it can be challenging to decide which one is the right fit for your website. In this article, we will guide you through the process of selecting the perfect CMS that fits your website’s needs, with real examples to help you make an informed decision. Determine Your Website’s Purpose The first step in choosing the right CMS for your website is to determine your website’s purpose. Are you creating a blog, an e-commerce site, or a portfolio website? Different CMS platforms cater to different website types, and choosing the right one will ensure that you have access to the necessary tools and features. For example, if you’re building an e-commerce site, you may want to

A comprehensive guide for best practices and tools to build responsive websites

Building Responsive Websites: Best Practices and Tools In the fast-paced digital world, having a responsive website has become a necessity. With the increasing use of mobile devices and varying screen sizes, it’s crucial to ensure your website looks and functions flawlessly across all platforms. In this comprehensive guide, we’ll explore the best practices and essential tools for building responsive websites that deliver optimal user experiences. Why Responsive Design Matters in Today’s Digital Landscape In today’s mobile-centric era, users expect websites to adapt seamlessly to their devices, whether they’re browsing on a desktop, tablet, or smartphone. Responsive design is the key to meeting these expectations. It allows your website to automatically adjust its layout, images, and content based on the screen size and orientation of the device. By implementing responsive design, you provide a consistent and user-friendly experience, regardless of how users acces

Important WordPress theme functions every developer needs

When we develop any custom WordPress theme we need to use different functions. We need to write those functions in functions.php file of the custom theme. I have prepared some of those basic functions and included in the functions.php file. I have mentioned the usage / procedure to use the function in the same file. You have to download the functions.php file and put it inside your theme folder. Following functions are included in functions.php file. Navigation / Menu Remove default UL markup from wp_nav_menu output Enable featured image with custom dimension Image compression while uploading Remove width and height attributes from inserted images Enable sidebar widget Shorten post / page title by word limit Shorten excerpt by word limit Shorten content by word limit Strip images from content Display the content of a page by page ID Display the content of a page by page slug Anti spam email shortcode inside content editor Change default sender email address for generat