Dashicons | Those Lovely Little WordPress Icons

Oh my! I just discovered Dashicons and I think I’m in love. In fact, my infatuation with them may have gone a bit too far. What exactly is a dash icon, you ask? Let’s have a look at an example from this article in the WordPress CMS.

But hold on! Dashicons aren’t only for the WordPress admin! You may use them in a variety of areas, including your navigation, widgets, content, and posts.

Read more:


Using Dashicons in the Navigation Bar

There are several methods to include pictures or icons in your menu bar. One of the simplest methods is to use dash icons for your navigation graphic. You may find the dash icon’s HTML, CSS, or glyph right here.

Most (maybe all, although I haven’t tested them all) Genesis themes come pre-loaded with dash icons. Reason 32,482 for my love of the Genesis Framework and kid themes.

Enter my shameless plug for Genesis themes and StudioPress.com and hell yes, that’s an affiliate link and I stand by everything Genesis!

Let’s get down to business. We’re going to put the home dash icon in the home page menu item.

Go to the simple web page where all those small dash icons are neatly arranged in rows of brilliance. Click here to view them in their full splendor and obtain the necessary code.

Select the dash icon you want to use by clicking on it. Pick that one since I’m teaching you how to use the home page dash icon. Then, at the top, click the “Copy HTML” link. Copy that code and prepare to do some pasting.

Navigate to the WordPress menu area. That’s under Appearance (with the lovely paint brush dash icon), and then copy the code and paste it into the Navigation Label area. Then, don’t forget to save.

That’s all! If you still want to utilize the term for the menu item, type it directly after the supplied code. Another nice feature is that the dash icon inherits the CSS attribute of the navigation menu! Do you want to see the results? Simply scroll up and search for the home page button in the site’s navigation.

Read more blogs: https://mezkit.com/

Leave a Reply

Your email address will not be published.