Part 4. How to add Social Media portlet to Uni Plone Theme

In this tutorial you will learn how to create portlets with Social Media icons, that were styled for Uni theme, but do not come immediately with the it.

Uni Plone Theme can be customized with the portlet for social media links (1, 2, 3). You will not see those portlets right after theme activation, but you can add them yourself and choose their view following the instructions below.

Social icons portlet Uni Plone theme

Adding social media portlet is simple. Add “Static text portlet” anywhere on your website (we recommend adding it to the site root). Insert title if you want portlet to have a name (1), or leave header field empty (3). Add the following code to the HTML in the TinyMCE:

<ul class="social_icons"> 
<li><a class="facebook" href="#"></a></li>
<li><a class="google" href="#"></a></li>
<li><a class="in" href="#"></a></li>
<li><a class="youtube" href="#"></a></li>
<li><a class="twitter" href="#"></a></li>
<li><a class="rss" href="#"></a></li>
</ul>

You can add all 6 links (1, 3) or insert less icons if you do not have accounts on all of the proposed social media platforms.

Add social icons portlet Uni Plone theme

Save the content and you will have nice portlet with icons and links for social media.

Social media portlet Uni Plone theme

Connect with our experts Let's talk