Introduction

For updates and other information regarding this plugin, please visit http://www.slrlounge.com/side-tab-wordpress-plugin-free-slr-lounge-download

The Sliding Side Tab gives you the option to add up to three tabs afixed to the left side of your Wordpress site that slide out when the user hovers over the tab.

This plugin is fully widgetized so you can add almost anything you want, from recent posts, facebook and other social networking information, plain text, contact forms and more!

Fully control the color of the tabs as well as the labels for the tabs in an easy-to-use backend.

We all know how important the real estate on your screen is. If you add a "Facebook Badge," a user profile, a contact form, or any other item or section to your site, you run the risk of cluttering your page or introducing inconsistent design elements to your page.

The "Side Tab" Wordpress plugin is designed to solve this very problem by inserting up to 3 tabs that are affixed to the left side of your website. These tabs use jQuery to slide open when your user hovers his or her mouse over the tab. You have full control over the content of each tab, as it utilizes Wordpress widgets. You also have full control over the color of the tabs as well as the labels (the text) of the tabs.

The best way to illustrate this is by showing an example. This very page (yes, the one you are currently reading) uses this plugin; and so does our photography blog. Notice how the items inside of the tabs contain information that would either not fit on the page or would not look good on the page as a static item. Having a sliding tab gives you the freedom to insert items that would otherwise not fit on the page either because of their size or because of their inconsistent look.

So you want to use the pluggin? Here are the steps to downloading and installing the Side Tab Wordpress Plugin

Overview of Installation

1) Download Plugin
2) Upload Plugin
3) Activate Plugin
4) Add php code to Footer
5) Edit Plugin Settings (of tabs, text on tabs, color of text)
6) Add Widgets (in Appearance Menu)
7) Enjoy!

Detailed Instructions for Installation

1) Download - the pluggin by clicking here

2) Upload - now that we have the plugin saved on your computer, the next step is to get the plugin into your /wp-content/plugins directory. There are two methods for doing this:

Method a) Dashboard - This is the easier method of the two.

i. In the Wordpress Dashboard (www.yoursite.com/wp-admin) of your site, click on "Plugins" -> "Add New"

Please click the "Add New"


ii. Click the "Upload" button at the top of the page (see image below). Then press the "Choose File" button, find the zipped file on your computer, select the file, and click "Install Now"
upload_choose_install_tagged
Method b) FTP program - If you download Filezilla or any other 3rd party FTP software, you can log into your site and navigate to the /wp-content/plugins directory and drag and drop the unzipped plugin folder into the directory.

3) Activate The Plugin - Press "Activate Plugin"



4) Edit the Footer.php document - Go to the Footer.php file in the Editor (Appearance -> Editor -> Footer.php) and enter the following line of code:

<?php if(function_exists('get_side_tab'))get_side_tab();?>

(code with unnecessary spacing may lead to an error).

select_footer_tagged
insert the code and press "update file"

Using the plugin


5) Edit Side Tab Settings - After activating the Plugin and adding in the footer code, go to your dashboard and look under the "Settings" section where you'll find "Side Tabs." Click "Side Tab" and select your desired color for the tab, the labels (the text on the tabs), and the color of the labels. Add and remove the tabs from this screen as well. You can add up to three tabs.



6) Add Content to the Tabs - Next click on 'Widgets' under 'Appearance' and see the "Side Tab1," "Side Tab2," and "Side Tab3" (NOTE: There will only be Side Tab2 and Side Tab3 on this screen if you chose to use 3 tabs in the previous step). In these tabs, drag in your Recent Posts Widgets, Archives Widgets, and other widgets. If you're trying to add third party information, like Facebook Fan Page information, etc, insert a "text" widget and input the necessary code. Make sure you click Save after you've entered in your desired information.





Example: If you would like to add a "Facebook Badge," Go to http://www.facebook.com/badges/, navigate to the following screen, copy the code, and paste it into a text widget like you see above.