SocialPort is a social-media Wordpress plugin that lets readers easy access to social-media bookmarking sites. It's just like bookmarking buttons — but what makes it stand out is that it adds a fixed port containing all the links. No matter how lengthy your page is, SocialPort sticks to the page. To make it unobtrusive, I have added an option for the readers to hide the port. This happens to be my first ever WP plugin! So, it's probably simpler in the way it works.

Installation

The ZIP file contains social-port directory. Extract the directory and upload the entire directory to your plugins directory in wordpress installation. (The plugins directory is inside wp-content/ directory) Now, in your WordPress Dashboard, go to Plugins. You'd find Social Port appearing among the list of plugins. Just activate it clicking the link.

Admin Section

Once Social-port is installed, you can access the admin section inside your plugins menu in WordPress Dashboard.
The admin section comes with a host of options to control how Social Port acts
1. SocialPort comes in three vibrant colors. You can choose from Orange, Black and Blue.
2. You can decide on what text you'd like to show beside the buttons.
3. You can link the RSS button to your Feedburner feed address. You can leave it blank if you want to link to the default feed address.
4. The toggler can be positioned either at Bottom Right or at Bottom Left.
5. You can let readers open a new tab/window if they click the links. Leave it unchecked to open links in the same window/tab.

Removing Links

Social Port comes with links to 7 popular social-sharing sites. If you want to remove buttons of any of them, you can do so by changing the socialport.tpl file. You can find it inside the tpls directory.
The buttons are stacked this way:
<!--Twitter Button Start-->
<div class='social-port-button twitter'>
	<a href="http://twitter.com/home/?status=[+title+]+[+permalink+]" title='Share this on Twitter' [+target_window+]>Share on Twitter</a>
</div>
<!-- Twitter Button End -->


<!-- Stumbleupon Button Start -->
<div class='social-port-button stumbleupon'>
	<a href='http://stumbleupon.com/submit?url=[+permalink+]&title=[+title+]' title='Share this on StumbleUpon' [+target_window+]>Share on Stumbleupon</a>
</div>
<!-- Stumbleupon Button End -->

<!-- Facebook Button Start -->
<div class='social-port-button facebook'>
	<a href='http://facebook.com/share.php?u=[+permalink+]' title='Share with your friends on Facebook' [+target_window+]>Share on Facebook</a>
</div>
<!-- Facebook Button End -->

<!-- Digg Button Start -->
<div class='social-port-button digg'>
	<a href='http://digg.com/submit?phase=2&url=[+permalink+]&title=[+title+]' title='Share this on Digg' [+target_window+]>Share on Digg</a>
</div>
<!-- Digg Button End -->

<!-- Delicious Button Start -->
<div class='social-port-button delicious'>
	<a href='http://del.icio.us/post?url=[+permalink+]&title=[+title+]' title='Save this on Delicious' [+target_window+]>Share on Delicious</a>
</div>
<!-- Delicious Button End -->

<!-- Reddit Button Start -->
<div class='social-port-button reddit'>
	<a href='http://www.reddit.com/submit?url=[+permalink+]' title='Share this on Reddit' [+target_window+]>Share on Reddit</a>
</div>
<!-- Reddit Button End -->

<!-- LinkedIn Button Start -->
<div class='social-port-button linkedin'>
	<a href='http://www.linkedin.com/shareArticle?mini=true&url=[+permalink+]&title=[+title+]' title='Share this on Linkedin' [+target_window+]>Share on LinkedIn</a>
</div>
<!-- LinkedIn Button End -->

<!-- Feed Button Start -->
<div class='social-port-button feed'>
	<a href='[+feed_url+]' title='Grab the feed'>Grab the feed</a>
</div>
<!-- Feed Button End -->
So, for instance, if you'd like to remove the StumbleUpon button, you can remove the following lines:
<!-- Stumbleupon Button Start -->
<div class='social-port-button stumbleupon'>
	<a href='http://stumbleupon.com/submit?url=[+permalink+]&title=[+title+]' title='Share this on StumbleUpon' [+target_window+]>Share on Stumbleupon</a>
</div>
<!-- Stumbleupon Button End -->

Sources, Credits and Support

The icons are from here. Please use the comment section for issues related to this plugin. While I cannot guarantee full support, I would try my best to help you. Cheers!
blog comments powered by Disqus