Social Stream Designer WordPress Plugin Documentation

1. Installation Via WordPress Admin area

1. Step 1. Log into your WordPress admin area.
2. Step 2. Click on the left side plugin menu.
3. Step 3. Now at the top you can see the Add New button, click the button.
4. Step 4. Again at the top you can see/view Upload Plugin button, click the button.
5. Step 5. Now upload the plugin zip file (social-stream-designer.zip) that you have downloaded from your members area at Solwin Infotech website. After upload, install the zip and click on "Activate Plugin".

2. Installation Via FTP

1. Step 1. Download Social Stream Designer plugin zip file (social-stream-designer.zip) from your members area at Solwin Infotech website.
2. Step 2. Extract Zip file. It will create "Social Stream Designer" folder with all plugin files & folder inside it. (Remember the extracted folder path).
3. Step 3. Using your FTP program, upload the non-zipped plugin folder into the "/wp-content/plugins/" folder on your server.
4. Step 4. Go to Dashboard » Plugins » Installed Plugins and find Social Stream Designer from plugin list.
5. Step 5. Click on Activate to activate Social Stream Designer.

It's a simple view of created and share possible options.

1. Social Stream

Select a social platform to stream from the drop-down.

2. Title

Set layout title.

3. Select Page for Stream

Select page for setting social stream.

4. Order By

Set social feed order by Date, Random, Social Media default order.

5. Order

Set feeds short order by Ascending and Descending.

6. Private Stream

Set Stream only for logged in users.

7. Hide Stream on a Desktop

Set hide stream on desktop device.

8. Hide Stream on a Mobile

Set hide stream on mobile device.

9. Display Stream Meta

Display stream meta in each post.

10. Custom CSS

Set Custom css for feeds.

1. Select Layout

Select social stream layout type of given layouts like below.

2. Drag & Drop Builder

Arrange section position using drag and drop.

1. Layout Type

Set stream layout type like Listing, Slider, Timeline.

2. Listing Style

Set listing style like Masonry, Justify.

3. Justify Grid Image Height

Set justify grid image height.

4. Number of Feeds in One Row (Desktop)

Set number of feed in on row for desktop device.

5. Number of Feeds in One Row(Laptop)

Set number of feed in on row for Laptop device.

6. Number of Feeds in One Row(Rotated Tablet)

Set number of feed in on row for Rotated Tablet device.

7. Number of Feeds in One Row(Tablet)

Set number of feed in on row for Tablet device.

8. Number of Feeds in One Row(Rotated Mobile)

Set number of feed in on row for Rotated Mobile device.

9. Number of Feeds in One Row(Mobile)

Set number of feed in on row for Rotated Mobile device.

10. Display Share Icon

Set share icon on the layout.

11. Display Filter

Click yes to set social stream filters for all feed based on selected social button.

12. Display Search

Set Search on the layout.

13. Slider Direction

Set slider direction like Horizontal, Vertical.

14. Display Slider Navigation

Click yes to set slider navigation.

15. Display Slider Play/Pause Button

Click yes to set slider play/pause button.

16. Slider Autoplay

Click yes to set the auto play slider.

17. Display Slider intervals

Set slider autoplay time interval.

18. Theme Color

Set theme color.

19. Background color

Set background color.

20. Padding

Set padding for layout.

21. Stream Heading

Set stream title. This will display on frontend.

22. Heading color

Set stream heading title font color.

23. Stream Sub-Heading

Set stream Sub-title. This will display on frontend.

24. Sub-Heading color

Set stream sub-heading title font color.

25. Heading Alignment

Set stream heading alignment like left, right and center.

26. Heading Background color

Set stream heading background color.

1. Card Border

Set Border type, size and color for social cards.

2. Card Border Radius

Set border radius for social cards.

3. Card Background Color

Set card backgound color.

4. Card Box Shadow

Set box shadow for card.

5. Card Extra Class

Set class for custom css.

1. Display Social Icon

Click yes to set social icon.

2. Social Share Type

Select social icon type from drop-down.

• Icon
• Text
• Icon + Text

3. Social Share Icon Style

Set social icon style like default and custom.

4. Select Image Layout

Select social icon layout from list.

5. Display Sticky

Set sticky icon on the layout.

6. Display Sticky On

Set sticky icon place like media or author section.

7. Text Border Radius

Set border radius for text content.

8. Icon Border Radius

Set border radius for icon content.

7. Alignment

Select text alignment for content.

9. Position

Select a social icon position.

10. color

Set share icon/text color.

11. Background color

Set share icon/text background color.

1. Display Title

Click yes to set title.

2. Display Title Link

Click yes to set title link.

3. Title font size

Set title font size.

4. Title Color

Set title font color.

5. Title Hover Color

Set title font hover color.

6. Title Background Color

Set title background color.

7. Title Padding

Set padding for the title.

8. Title Margin

Set margin for title.

9. Title Font Weight

Set font weight for title.

1. Display Content

Click yes to set content.

2. Content Word Limit

Set content word limit.

3. Content Font Size

Set content font size.

4. Content Color

Set color for content.

5. Content Link Color

Set link color for content.

6. Content Background Color

Set background color for content.

7. Content Padding

Set padding for the content.

8. Content Margin

Set margin for content.

1. Display Feeds Without Media

Click to yes to set feeds Without media.

2. Display Default Image

Click to yes to set default image.

3. Upload Default Image

Set Default image on the feed.

4. Margin

Set margin for media

5. Display Gallery Slider Arrows

Set gallery slider arrows for media.

6. Gallery Slider Autoplay

Set gallery slider autoplay.

5. Gallery Slider Speed (ms)

Set gallery slider speed.

1. Display Author Box

Click to set author box.

2. Author Image Border Radius

Set border radius for author box.

3. Author Box margin

Set margin for author box.

4. Author Box Padding

Set the padding in the author box.

5. Author Box Background Color

Set author box background color.

6. Author Title Color

Set title color for author box.

7. Author Hover Color

Set author box hover color.

8. Author Meta Color

Set author box meta color.

9. Display Screen Author Name

Click to set author name in the author box.

10. Display Time

Click to set time for author box.

1. Color

Set color of count bar.

2. Background Color

Set background color of count bar.

3. Hover Color

Set hover color of count bar.

4. Border

Set border size, type and color of count bar.

5. Bar Padding

Set padding for count bar.

6. Bar Margin

Set margin for count bar.

1. Pagination Type

Select pagination type from drop-down.

2. Maximum Posts to Display

Set maximum post limit for pagination.

3. Pagination Layout

Select pagination layout from drop-down.

4. Load More Button Layout

Select load more button layout type.

5. Load More Effect

Select load more content animation effect.

6. No. of Posts To Display Per Page

Set a post limit for the page.

1. Pagination Type

Select pagination type paged from the drop-down.

2. Pagination Layout

Select pagination layout from drop-down.

3. Number Of Posts To Display Per Page

Set the number of pages to display per page.

4. Maximum Posts To Display

Set number of posts display.

1. Pagination Type

Select pagination type load more button from the drop-down.

2. Load More Button Layout

Select load more button from the drop-down.

3. Load More Effect

Select load more effect from drop-down.

4. Number Of Posts To Display Per Page

Set the number of pages to display per page.

5. Maximum Posts To Display

Set number of posts display.

1. Pagination Type

Select pagination type on page scroll from the drop-down.

2. Load More Effect

Select load more effect from the drop-down.

3. Number Of Posts To Display Per Page

Set the number of pages to display per page.

5. Maximum Posts To Display

Set number of posts display.

1. Popup Open on Content Click

Click to see a pop-up on the content area click event.

2. Popup Layout

Select pop-up layout from drop-down.

3. Display Date

Click to enable post date on the pop-up.

List of all create social feeds.

1. Add Feed Name

Set feed name.

2. Select Feed

Select social platform to make feeds.

3. Select Feed Type

Select feed type from the time line.

4. Feed Limit

Set feed limit.

5. Refresh Feeds On

Set feed refresh time interval.

1. Twitter Consumer Key

Enter your twitter consumer key.

2. Twitter Consumer Secret

Enter your twitter consumer secret key.

2. Twitter Access Token

Enter your twitter access token key.

4. Twitter Access Token Secret

Enter your twitter access token key.

5. Twitter Screen Name

Enter your twitter screen key.

1. Facebook Page ID

Enter your Facebook page id.

2. Consumer Secret

Enter your customer secret code.

3. Facebook ID

Enter your Facebook ID.

4. User Access Token

Enter your user access token.

1. YouTube Key

Enter your YouTube key.

1. Vimeo User ID

Enter your Vimeo user ID.

2. Vimeo Client ID

Vimeo user authentication client ID.

3. Vimeo Secrets Key

Enter vimeo secret key.

1. Flickr User ID

Enter your flicker ID.

2. Flickr API Key

Enter your flicker API ID.

3. Flickr API Secret

Enter your flicker API secret.

1. Instagram User ID

Enter your instagram user ID.

2. Instagram Access Token

Enter your instagram access token.

1. Consumer Key

Enter your Tumblr consumer key.

1. Access Token

Enter your dribbble access token.

1. Access Token

Enter your foursquare access token.

1. Your app Client ID

Enter your app client id.

The Social Stream Designer is language compatible, thus can be translated into multiple languages. You can use POEdit plugin for translation.

1. Step 1. Install Poedit tool and open it.
   
2. Step 2. Open .POT file from /wp-content/plugins/social-stream-designer/languages/ that you want to translate.
   
3. Step 3. Now, click on "Save".
4. Step 4. A popup will appear, enter your Language code ( Ex :- "ca_CA" for English (Canada)) in language option.
   
5. Step 5. Then select source path tab and you have to modify this path to the full path of your plugin that you want to translate.
   
6. Step 6. Then press ok button.
   
7. Step 7. Then gives the file name like this social-stream-designer-ca_CA.po for English (Canada) language.
8. Step 8. Then save file in the language folder in plugin that you want to translate and all strings appear in your Poedit editor.
9. Step 9. Select your string that you want to translate and in bottom side there are two options, one is Source Text and another one is Translation.
10. Step 10. Source Text keep as it is and in the Translation section, enter your translated string of selected string that you want to translate and then save it.
11. Step 11. Repeat step 10 untill your all strings to be translate.
12. Step 12. Now you will get two separate files – a .po file and a .mo file.

    Note : When you save the files, you must name them according to your language code. Find a list of language codes at WordPress in your Language. For example, the language code for English (Canada) is ca_CA, so you would save the translated files as ca_CA.po and ca_CA.mo.

13. Step 13. Then go to wp-config.php file then enter the below code.
    define('WPLANG', 'Your language code'); for Ex.(ca_CA for English (Canada)) then save it.
14. Step 14. Select language from admin side, Go to Dashboard » Settings » General in that check Site Language options.
    
    
15. Step 15. Check language prefix in front end, view HTML.
    
    

1. Will Social Stream Designer work with my theme?

Yes, Social Stream Designer will work with any WordPress setup. If you are facing any compatibility issue with the Social Stream Designer plugin, then please contact for plugin support .

We would like to thank you for using our Social Stream Designer plugin! If you have any difficulties with the Social Stream Designer plugin or need any additional service, do not hesitate to contact us.

Just contact us on support.solwininfotech.com

We are very happy to assist you!

I've used the following jQuery Plugins as listed.

• Chosen - Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.
• Font Awesome - The iconic font and CSS toolkit.
• Slick Slider - The last carousel you'll ever need
• Select2 - The jQuery replacement for select boxes
• Wp colorpicker alpha - For better implementation of overwriting the Iris
• justifiedGallery - A JavaScript library that allows you to create an high quality justified gallery of images