“Facebook Feed : Post, Photo and Video for WPBakery Page Builder” Documentation by “Hitesh Khunt” v1.0

“Facebook Feed : Post, Photo and Video for WPBakery Page Builder”

Created: 07/03/2019
By: Hitesh Khunt
Email: [email protected]

Thank you for purchasing my wordpress plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Introduction
Main Features
Installation guide
Getting started
Facebook Stream Setting
Sources and Credits

A) Introduction - top

Facebook Social Stream for WordPress give you an incredible flexibility to insert whatever you want in posts and pages body

Everyone can use , because it’s fully automatic, and it’s compatible with all recent versions of wordpress!

B) Main Features - top

Responsive Layout option.
Facebook of an Page feed
8 Style Available
Facebook Masonry/Fitrow Layout
Facebook Carousel
Image Feed
Video Feed
5 to 1 Columns Support
Custom backgrond Color and hover background color
Loadmore Pagination
Support Multi Language

C) Installation guide - top

This part of the documentation is going to cover, in a step by step instruction the installation of WP Plugins on your WordPress blog in general.

Step 1. The most important task is to make certain you have an upto date backup of your blog! This is always a good thing, not necessarily so important for our plugin but in general.
Step 2. Log into your WordPress Admin area.
Step 3. Look down the left hand column for "Plugins" and then click on the word "Plugins".
Step 4. Just to the right of the title “(Manage) Plugins” in the image above, you can see a button marked "Add New", click this button.

Plugin Upload

Step 5. The image above shows the option to upload the plugin from your own PC, this is the vc-fb-stream.zip inside the zip you had previously downloaded from CodeCanyon. Install the zip and click on "Activate Plugin".

Plugin activation

Installibg by FTP

First, you need a tool for uploading plugin files to your site, you can use filemanager from cPanel or any FTP clients. Some good FTP clients :

Download vc-fb-stream.zip from CodeCanyon
Extract the vc-fb-stream directory to your computer
Upload the vc-fb-stream directory to the /wp-content/plugins/ directory
Activate the plugin in the Plugin dashboard

Also WordPress codex contains instructions on how to do this here.

D) Getting started with Visual Composer - top

If you click "Add Element" in Visual Composer a jQuery popup box will appear.
Click on "Facebook Feed" which is a dedicated tab for our plugin. A list of all the elements that our plugin provides will appear.
Select the element that you want to use.

E) Facebook Stream Setting - top

Facebook Social Stream Grid Creater

Facebook Settings

Setting Title	Description	Default	Possible Values
Page Username	Enter Facebook Page or Username. Example : https://www.facebook.com/VinDiesel/ only add VinDiesel in field.
Count per page limit	Set Limit for feed par page.	5

General Settings

Setting Title	Description	Default	Possible Values
For Facebook Grid
Feed type	Select Feed type.	Post Type
Post Feed	show post feed.	checked	Yes(checked)
Only Video	show Only Video.	unchecked	Yes(checked)
Only Images	show Only Images.	unchecked	Yes(checked)
Skin type for Post	Choose skin type for Social feed layout.
Desktop Columns Count	Choose Desktop(PC Mode) Columns Count	4 Columns
Skin type for Video	Choose skin type for Social feed layout.
Desktop Columns Count	Choose Desktop(PC Mode) Columns Count	4 Columns
Tablet Columns Count	Choose Tablet Columns Count	3 Columns
Mobile Columns Count	Choose Mobile Columns Count	1 Columns
Post load Effect	Select post load effect.	None
Extra class name	If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.		Add any class name for custom css
Show more	add Show more feed button.	unchecked	Yes(checked)
Show more text	add Show more button text.Default:Show More	None
For Facebook Carousel
Skin type	Choose skin type for Carousel.
Desktop Items Display	The maximum amount of items displayed at a time with the widest browser width > 1000	2
Tablet Items Display	The maximum amount of items displayed at a time with the widest browser width > 600	2
Mobile Items Display	The maximum amount of items displayed at a time with the widest browser width > 0	1
Speed	Slide Animation Speed.	300
AutoPlay	Set Slider Autoplay.	unchecked	Yes(checked)
AutoPlay Time	Set Autoplay slider speed.	5000 milisecond
Pause on Hover	Pause Autoplay on Hover	unchecked	Yes(checked)
Auto Height	Check to resize height automatically on slide change.	unchecked	Yes(checked)
Infinite	Infinite loop sliding	unchecked	Yes(checked)
Draggable	Enable mouse draggable.	unchecked	Yes(checked)
Show navigation	Display "next" and "prev" buttons.	unchecked	Yes(checked)
No of Rows	Setting this to more than 1 initiatizes grid mode.	2
General Option
Description Length	set Description length.default:150 If you set 0 no display Discription in fronted site.	150
Popup Content Style	Display Popup Content Style.	Image/Video
Margin between Two Box?	Margin between Two Box?.	unchecked	Yes(checked)
Hide Date	Hide Date.	unchecked	Yes(checked)
Hide Goto Facebook icon Link	Hide Goto Facebook icon Link.	unchecked	Yes(checked)
Hide Like,Share and Comment	If you check not display Like,Share and Comment in feed.	unchecked	Yes(checked)
Square Image	set Square Image.	unchecked	Yes(checked)
Layout Type	Choose Layout type for grid layout..	masonry
Facebook Font Size	set Description Facebook Font Size.default:14	14
Fix Image Height	set Image Height. Default = auto.	unchecked	Yes(checked)
Set Image Height : Desktop \| Tablet \| Mobile	set Image Height. default:0, 0 = auto	0
Image Vertical align center	set Image Vertical align.	unchecked	Yes(checked)
Hide Social Share	Set Slider Share Icon.	unchecked	Yes(checked)
Cache Time	Set Cache Time for Reducing the number of API calls.	360

Color / Font Settings

Setting Title	Description	Possible Values
Post Background Color	set each post background color.	any color select on color picker
Post hover Background Color	set each post hover background color.	any color select on color picker
User and Video Title Color	Set Username Color	any color select on color picker
FB Description Color	set FB Description Color.	any color select on color picker
FB link Color	set FB link color.	any color select on color picker
Like,Share and Comment Color	set Like,Share and Comment color.	any color select on color picker
Date Color	Set Date Color	any color select on color picker
Hover Overlay Color	Set Hover Overlay Color.	any color select on color picker
Navigation and Pagination Color	Set Navigation and Pagination Color	any color select on color picker
Load more Loader and Text Color	set Load More Loader and Text color.	any color select on color picker

F) Sources and Credits - top

I've used the following css files as listed.

Once again, thank you so much for purchasing this wordpress plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. No guarantees, but I'll do my best to assist. If you have a more general question relating to the plugin on codecanyon, you might consider visiting the forums and asking your question in the "support" section.

Hitesh Khunt

Go To Table of Contents