This will enable the option to add a CSS Class. Click it and check the checkbox CSS Classes. All the way on the top on the right side the is a button that says Screen Options. On the left side in your WordPress Dashboard, choose Appearance -> Menus. Now we need to add a class to the menu links, which we want to add a custom icon to. )Ĭopy and paste the link in Notepad for an example, because we will use this later to point to the file in CSS. On the right side, you see the file URL ( i.e. Now the icons are accessible in WordPress. In your WordPress Dashboard, hover on the left sidebar over Media and choose Add New.īrowse to your files to upload them or drag and drop them on the rectangle. You might want to keep the filename short and simple for further use. The size of my icon is 32px.ĭownload the icons and save them. Go to and search the icon you want.įor a good user-experience, choose an icon that represents the link, so don’t get too crazy, or you might confuse your visitors.Ĭhoose a small size, that fits your menu’s font size.
FLATICON WORDPRESS FOR FREE
Some great resources for free icons are Flaticon, Freepikand Icons8. With all the resources available online for free icons, this step won’t be a problem.
The easiest way to create a child theme is with a plugin, like Child Theme Generator.After you are finished creating your child theme, you can directly delete this plugin. Before we get startedįor this tutorial you will need a child theme. If you follow along with this step-by-step guide, you won’t have a problem to add your own icons. This is a great way to do this, but… sometimes the icon you are looking for is not available in the Font Awesome library, or you just found a really cool icon online that you are eager to show off on your website, but just don’t know how.
FLATICON WORDPRESS INSTALL
I know a popular and easy way to add custom icons to your WordPress menu is to install the Better FontAwesome plugin. We will upload these icons to the WordPress Media Library and finally, we will use the icons for our WordPress menu links with a few lines of CSS. In this post, we will download a few icons to add to our navigation menu. What if I tell you that you could do that for free, without a plugin and it is not that difficult too! What are we going to do? Do you want to spice up your WordPress navigation menu with some cool custom icons?
0 kommentar(er)
