How to enable Dashicons for WordPress FrontEnd?

Everyone Loves Icons.

After some time you’ll feel that your website theme needs some enhancement as it starts looking boring to you.

In those scenario’s, adding minor enhancements like icons, fonts or any small and valuable change will help your website look interesting.

Today, I will explain you to enable Dashicons in the frontend of your website.

What is Dashicons?

Dashicons is a set of icons that are lightweight and easy to implement. It is an official icon font for WordPress.

By Default, Dashicons are added in the admin section of WordPress from version 3.8

How to enable dashicons for WordPress FrontEnd?

How to enable Dashicons for WordPress FrontEnd?

There is a pre-defined and bundled stylesheet for dashicons comes with WordPress. Hence, It is really easy to enable Dashicons for WordPress FrontEnd.

You just need to activate the bundled dashicons stylesheet of WordPress Core to FrontEnd.

You can add the dashicons stylesheet to themes function.php or a custom plugin using the action wp_enqueue_scripts.

wp_enqueue_scripts hook: This hook will help you to add scripts and styles to the frontend. For more information, check Developer Codex.

Conclusion

Isn’t it easy?

I’ve used dashicons in frontend for many WordPress websites. Dashicons is lightweight and easy to use icon library.

If you feel that you need a new icon added to Dashicons library. Then, create a new issue on Dashicons Github.

Will you give it a try? Let me know via the comments section below.

Get instant free access to my monthly developer friendly newsletter where I'll share my best informative tips about WordPress and my Life Experiences.
%d bloggers like this: