Adding social media icons to your website helps visitors connect with you on other platforms and strengthens your online presence. Our themes make this process smooth and flexible by converting the links to your social profiles into stylish, clickable icons. These icons are designed to match your site’s design while improving user interaction and visibility across your social channels.
Whether you want icons in the header, menu, or sidebar, everything can be customized easily – no coding required.
How to Add Social Media Icons
Follow these simple steps to display social icons on your site:
- Go to your WordPress dashboard and navigate to Appearance > Customize > Social Icons > Social Profiles.
- Paste your social media links (e.g., Facebook, Instagram, Twitter) into the respective fields.
- Click Publish to save and display your icons automatically.
Choose Icon Placement
To manage where the icons appear, head to Appearance > Customize > Header & Menu > look for the “Social Icons Location” setting and select where you’d like them shown – such as the primary, left/right or secondary menu. To remove them from the header entirely, choose “None.”
Add Social Icons to the Sidebar or Widgets
If you prefer to display them in the sidebar, follow these steps:
- Go to Appearance > Widgets in your dashboard.
- Select the widget area where you’d like the icons to appear.
- Click the “+” button to add a new block and choose Shortcode.
- Paste this shortcode:
[themeshine-social]
Customize Social Icon Styles and Colors
You can personalize the appearance of your social icons by going to Appearance > Customize > Social Icons > Fonts & Colors. Here you can:
- Choose from three styles: plain, bordered, or filled.
- Select from three shapes: square, rounded, or circle.
- Modify the icon and background colors for each style.