![]() ![]() Step 3.Īdd this CSS in your Child themes Style.css file or in you Customizer additional CSS option. Replace this part with the one you want to useįor example, replace dashicons-facebook-alt with dashicons-heart and the heart icon will be displayed. We can find an icon’s class by clicking on it Third and the most important one is the class=”dashicons dashicons-facebook-alt”Įach font in the Dashicons has a specific class that is used to display the icon. To add more icons, you will need to customize three parts in it.Īria-label is text that describes the link In this code, we display the Facebook and Twitter icons only. You can manage widgets under Dashboard > Appearance > Widgets. This will free up the browser from requesting additional files.Īdd the Custom HTML widget in the sidebar or footer. This happens via the dynamicsidebar() function. That’s because there is not yet any markup that tells the theme to output whatever you add to it. While you can already see the widget area in the dashboard, currently putting any blocks or widgets in there will have no effect. We will use these icons instead of external icons. Outputting Widget Areas in Your WordPress Theme. They appear in the left sidebar of every WordPress site admin backend. Dashicons is the official WordPress icon font. You’ll also get any new Font Awesome icons automatically every time you update the plugin. This allows you to use icon fonts in your pages and posts without modifying your theme files. This method is ideal for more advanced users, since it requires editing the functions.php file. If you’re someone who takes page speed seriously, you will love this. Adding Icon Fonts Using a WordPress Plugin (Easy) The easiest way to add icon fonts to WordPress is by using the Font Awesome plugin. Or you can use Dashicons, the default icon package of WordPress. There are a ton of posts that show how to add icons using font awesome, but I will show you a much simpler way without having to add any external icons. Want to add social media icons to your WordPress site without a plugin? ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |