Sora – Social Media Icons

Last modified: January 25, 2022

Social media – Top Left Navigation Bar

  1. Go to Appearance > Customize > Widgets or directly from Appearance > Widgets, find “Social Media Top Menu” section.
  2. Click +Add a Widget.
  3. Find +Custom HTML widget and add it to that section.
  4. Copy and Paste all this code below, you may remove the icons you don’t want. Don’t forget to change the URL inside href=”http://URL” with your social media URL.
<div id="socmedicons">
<a href="http://www.facebook.com/" target="_blank" rel="noopener noreferrer"><i class="fab fa-facebook"></i></a> 
<a href="http://www.twitter.com/" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i></a> 
<a href="http://www.pinterest.com"><i class="fab fa-pinterest"></i></a> 
<a href="http://www.instagram.com/" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i></a> 
<a href="http://www.youtube.com" target="_blank" rel="noopener noreferrer"><i class="fab fa-youtube-square"></i></a>
<a href="http://www.bloglovin.com" target="_blank" rel="noopener noreferrer"><i class="fas fa-heart"></i></a>
</div>

Social media – Sidebar or Footer Area

  1. Go to Appearance > Customize > Widgets or directly from Appearance > Widgets, find “Primary Sidebar” section if you want to put it on the sidebar, or “Footer” if you want to put it on the footer area.
  2. Click +Add a Widget.
  3. Find +Custom HTML widget and add it to that section.
  4. Go to Appearance > Customize > Widgets or directly from Appearance > Widgets, find “Social Media Top Menu” section.
  5. Click +Add a Widget.
  6. Find +Custom HTML widget and add it to that section
  7. Copy and Paste all this code below, you may remove the icons you don’t want. Don’t forget to change the URL inside href=”http://URL” with your social media URL.
<div id="socmedicons">
<a href="http://www.facebook.com/" target="_blank" rel="noopener noreferrer"><i class="fab fa-facebook"></i></a> 
<a href="http://www.twitter.com/" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i></a> 
<a href="http://www.pinterest.com"><i class="fab fa-pinterest"></i></a> 
<a href="http://www.instagram.com/" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i></a> 
<a href="http://www.youtube.com" target="_blank" rel="noopener noreferrer"><i class="fab fa-youtube-square"></i></a>
<a href="http://www.bloglovin.com" target="_blank" rel="noopener noreferrer"><i class="fas fa-heart"></i></a>
</div>
Views: 123