After downloading the theme package un-zip it. Inside the package you will find the following files:
- Izy Dashboard ( izy-dashboard.zip )
- Pro Social Bar (with Navigation) ( pro-social-bar.zip )
- Documentation (documentation.zip)
- Licensing ( Licenses files )
How to install the plugin ?
- Login to your wordpress admin panel
- Then go to Plugins which is at the left side of admin dashboard
- Click on "Add New" and then "Upload Plugin"
- Browse the recently unzipped folder, find "izydashboard.zip".
- Then press “Install now”.
- Repeat the same process but in step 4, choose another file "ProSocialBar.zip"
You must have "redux Framework" installed with your wordpress to complete the process.After the plugin has been successfully installed, click on activate for installed plugins.
After activating the plugin, new section with name “Izyoption” appears at the left sidebar of admin dashboard.
And you are ready to use the highly customizable, easy to use “Pro social Bar (with navigation)”
If you have not installed "Redux Framework",
Go to plugins > Add New > search "Redux Framework". Then click on "Install Now".
( No need to activate this plugin, just install it. )
Redux is a simple, truly extensible and fully responsive options framework for WordPress themes and plugins.
Read more here : https://wordpress.org/plugins/redux-framework/
For more details on installing plugin, visit : Wordpress Plugin Installation.
This section deals with the general setting of this plugin including position of bar, logo size of icon & bar, setting custom messages.
1. Disable Social Sharing Bar
This is a one click show/hide Pro Social Bar. If you click on “YES”, the social bar will be hidden from all page ( except short codes if have been used in posts).
2. Show Social Sharing Bar only in Post page
3. Show Navigation & Social Sharing Bar
3.1 ALWAYS FIXED
3.2 ON SCROLL
When this option is selected, more option will appear as below.
3.2.1 Show Top bar On :
This option works only when the Pro Social Bar is set to appear at the top. General > Position of Bar > Top
3.2.2 Transition Effect
“Normal” – Pro social Bar appears without any effect,
“Slide down” – Pro Social Bar appears moving from top &
“Fade in” – Pro Social Bar appears as a fade in effect
3.2.3 Duration of Transition
3.3 ON TOP OF PAGE
As shown in the example, the social bar is above the menu, and header which is fixed on the top of page – non floatable.
4. POSITION of BAR
5. Keep Topmost
6. Background Full Width
7. Your logo
8. Size of Icons, Buttons & Logo
9. Position of Icon & Navigation
Social Icons on Right
Navigation Buttons on right
Both (Social Icon & Navigations on right)
10. Max-Width of Top Bar
12. Message at the top part of Social bar
13. Message at the middle part of Social bar
14. Message at the bottom part of Social bar
(B) SOCIAL ICONS
1. Hide Social Icons
2. Hide Social Sharing Count
3. Disable Icon Hover Effect
4. Icon border
You can give thickness to the border of Social icon. Thickness increases with the increase in numerical value.
Next to border thickness, you can choose type of border - solid, dashed, dotted & none.
Next to type of border, you can choose color of border which can be selected from color picker.
5. Border Corner Radius
6. Enable icon Background
7. Choose Your Icon Style
8. Social Network
9. Your own custom social networks icon
(C) NAVIGATION BUTTONS
1. Hide all Navigation buttons
2. Hide Random Button Only
3. Choose Your Button Style
4. Use Your Own Custom Navigation Buttons
*These are just demo buttons which may be or not available along with the package.
(D) STYLING OPTIONS
1. CSS3 Shadow
If you choose to show the shadow, two more option will appear.
- You can give any color as a shadow to the bar through color picker.
- Intensity of Shadow :
You can also set the transparency of the shadow. Higher the percent, higher will be the intensity.
2. Border Line Properties
Size of border can be set in numerical value.
Next to Size of border is "type" and the type of border available are solid, dashed, dotted and can be chosen 'none' if border is not required.
Next to type of border is color of border which is easy to use as its a color picker.
3. Text Properties
You can determine the property of texts thats used in the social bar Message box.
One can set the font of text used in message box. Choose the font that you want to use through drop down menu.
* Fonts chosen should be supported by browser otherwise default font of browser will be used.
Font weight & style :
One can also set the style and give weight to the font. The option is available in drop down menu next to "Font Family".
Text Align :
Texts used in social bar can be aligned in various ways as given in drop down menu. i.e. inherit, center, left, right, justify, initial
Font Size :
Adjusting the font size is easy by entering the desired numerical value in the given box.
Font Color :
You can also give some twist to your text by choosing the color through the color picker.
4. Background Properties
*Choosing the transparency value will only change the transparency of background, not the social icons, navigation buttons and custom messages.
Not only background color, you can upload and set the desired picture as social bar background. If you have the exact size of picture that fits the screen that’s good and stays at the centre but you can use "repeat" option if the picture is smaller in size and display the desired bar width.
5. Background Transparency
1. Hide this bar from
- category archive page
- tag archive page.
Checking the option will hide and unchecking this option will "display" the bar.
2. Custom CSS
We recommend to play with custom CSS only if you know what you are doing exactly.
3. Adsense Code
4. Show Adsense Only
If you like any theme listed there, just click "Activate" to use that theme.
1. Import Options
- Import from file
If you have saved the settings earlier, click on “Import from File” and text box opens then copy and paste saved settings and then click on “Import”.
- Import from URL
As well as you can also import the settings from URL.
For example, if you have made some settings and you like that setting, you can either save that setting or click on “Copy link” which is available in “Export Option”. You can save that link (without saving the file) and use it later or can send it to other users to use it in their Pro Social Bar.
WARNING! This will overwrite all existing option values, please proceed with caution!
2. Export Options
You made some settings and you liked it but you want to use it later, you will have 3 options what to do with that settings.
Click on “copy” and settings will be copied in clipboard. Then you can save it in any file.
- Copy Link
You can copy the link and save it. Using this option, you don’t have to save the whole settings. You can only save the link and use it yourself later or you can forward it to someone who use Pro Social Bar.
Social Sharing Stats
For Social Sharing Stats please see Pro Social Analysis documentation.