How to Add Social Media Icons Using a WordPress Plugin Using the social icons block also lets you set the social links to open in a new tab. You can add the social icons block anywhere on your website, such as on the sidebar, header, or in the content body. Repeat steps 4 and 5 to add new icons for other social platforms. Copy and paste your social media page URL to the field and press Enter. Click the social icon to open the URL field.Search for the social platform you want to add, and it will add the correct icon automatically. Click the plus icon to add a social icon.Search for the social icons block and select it. Click the Add block icon in the footer area to open the block inserter.Click the arrow at the top-center of the editor to open the template details drop-down menu.Here is how to add social media icons in the WordPress footer using the Gutenberg editor and social icons block. WordPress has a social icons block that lets you add social media icons to WordPress with just a few clicks, especially if you’re using a WordPress block theme. How to Add Social Media Icons Using the Social Icons Block Important! Don’t use icons that belong to copyright holders, as you may violate the law. If you use the alternative methods, you may have to reconfigure the social icons after switching themes. Test them to see if they direct to the correct social media pages.Īnother benefit of using the social icons widget is that it will remain on your site when switching to a different theme. You should see the social icons in the widget area. To add more social accounts, enter to the code snippet after the last tag. Be sure to place the correct URL for each social media button in the code snippet. You should see the File URL field and Copy URL to clipboard to fetch the URL easily. To find it, go to Media -> Library and open the icon. Replace in the code snippet with the image URL. Replace with the link to your social media profile. To add Instagram, Facebook, and YouTube social icons, copy and paste the following HTML code:.Add the Custom HTML block by clicking the Add block ( +) button where you want to place them.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |