WordPress Social Board

Congratulations and thank you for choosing WordPress Social Board!

WordPress Social Board is the best choice for those who are looking for an easy way to share their social networking updates on their website.

This plugin gives you a combined social media stream for all of your social network updates, and can display them in 6 different formats: Wall, Timeline, Rotating Feed, Sticky Rotating Feed, Ajax Tabbed Feed & Sticky Ajax Tabbed Feed. It supports 17 and growing social networks and includes about 30 feed options.

Your visitors will be able to share your posts on Facebook, Twitter, Google or Linkedin from your website. They will also have the option to reply, retweet or favorite the Twitter posts on your board. They can even filter your social board by social network.

You can also change the style of your board using the theme manager and/or custom CSS stylesheets, and make it unique to your website.

Social Board

WordPress Social Board Plugin
Created By: Axent Media
Created On: 30 January 2015
Last Update: 15 August 2017
Version: 3.4.0

If you have any questions or suggestions concerning to WordPress Social Board plugin, please contact us via our page on CodeCanyon or via our website.

Note: We provide free installation and configuration for clients. After purchase, simply contact our support desk and provide us your website information to get this service for free.

Plugin Showcase

Wall

Carousel

Normal Feed

Sticky Feed

Timeline

Ajax Tabbed Feed

Sticky Ajax Tabbed Feed (bottom aligned)

Sticky Ajax Tabbed Feed (right aligned)

Installation

This is by far the easiest way of installing a WordPress plugin.

1. Go to your WordPress admin panel. Click on Plugin » Add New.

2. Then click on the Upload Plugin button.

You will see a screen like the one above.

3. Click on the Browse button and select the plugin file (zip files only) from your hard drive and upload it.

You will be taken to “activate a plugin” page just like this one:

4. Click on Activate Plugin link to complete the plugin installation. You can also activate the plugin by clicking on Activate link in the plugins page.

Now you have installed the WordPress Social Board plugin. You would have to read the quick start guide, create your Social Board, add your Social Board on your website and configure the settings to fit your needs.

Installing On WordPress Multisite (WPMU)

The plugin also works with WordPress Multisite.

  1. Go to your WordPress Network Admin panel and install the plugin on the network sites. http://yourwebsite.tld/wp-admin/network/plugin-install.php?tab=upload
  2. After installation, you will be taken to the “activate a plugin” page. Click on Network Activate link to complete the plugin installation.

Upgrading the plugin

Before version 3.1:

If you currently have Social Board plugin version 3.1 and older installed on your website and you want to upgrade the plugin to a new version, follow these steps:

  • Go to WP Admin » Plugins, Deactivate and Delete your last "WordPress Social Board" installation.
  • Install the new plugin using the "wordpress-social-board-x.x.zip" new file.
  • After installation, go to the Social Board » Board Settings page and just click the "Save Changes" button once.
Version 3.2 and up:

To receive the product automatic updates you need to register your plugin. Click here to find out more.

  • After registering the plugin, browse to the Plugins » Installed Plugins page.
  • Find the WordPress Social Board and click check for updates under our plugin.

  • You will get a message saying: "A new version of this plugin is available."
  • Scroll down to the plugin again and click update now under it.

Note: You will not lose any data or configurations during the upgrading process.

Requirements

  • The plugin requires the PHP version 5.4.x or higher.
  • The plugin requires the WordPress version 3.8 or higher.
  • This script requires both PHP's multibyte string extension AND iconv extension.
  • PHP's XML extension is required (enabled by default).
  • PHP's cURL extension is recommended (required for Twitter feeds)

Quick Start Guide

After installation, you would have to create your Social Board. Here we will explain you that how to create different form of feeds on your website.

Create a Wall

In this topic we create a Facebook wall on our website.

  1. Go to WordPress admin panel
  2. Go to Social Board » Add New Board and fill out the form as follows.

For more information about creating/editing a Social Board click here.

  1. Go to Social Board » Manage Boards.
  2. Copy the Wall Shortcode that is marked with a red circle.

  1. Go to WordPress admin panel » Pages » Add New Page
  2. Paste the shortcode into your created page content as follows. You can also put the shortcode in a post instead.

  1. Your social wall is ready now. Go to your created page by clicking on the “View Page” button.

Create a Timeline

In this topic we create a Facebook timeline on our website.

  1. Follow the same steps 1 - 3 that you did for the Wall.
  2. Copy the Timeline Shortcode that is marked with a red circle instead.

  1. Go to WordPress admin panel » Pages » Add New Page
  2. Paste the shortcode into your created page content as follows. You can also put the shortcode in a post instead.

  1. Your social Timeline is ready now. Go to your created page by clicking on the “View Page” button.

Create a Rotating Feed

In this topic we create a Facebook + Twitter rotating feed on our website.

  1. Go to WordPress admin panel
  2. Go to Social Board » Add New Board and fill out the form as follows.

  1. Switch to Twitter tab.

  1. In this step, you need to set the Twitter API Credentials in the Social Board » Board Settings page. Read this topic for more details.
  2. Go to Social Board » Manage Boards.
  3. Copy the Wall Shortcode that is marked with a red circle.

  1. Go to WordPress admin panel » Posts » Add New Post
  2. Paste the shortcode into your created post content and set the width/height of the feed as follows. You can also put the shortcode in a page instead.

  1. Your social Rotating Feed is ready now. Go to your created page by clicking on the “View Page” button.

Create a Sticky Rotating Feed

In this topic we create a Facebook + Twitter sticky rotating feed on our website.

  1. Follow the same steps 1 - 3 that you did for the Normal Rotating Feed in the last topic and create a social board.
  2. Go to Appearance » Widgets in the WordPress admin.
  3. Find the widget with the title “Social Board” and simply drag & drop it into your desired widget enabled area.

  1. Fill out the widget form as follows and save.
  2. Your social sticky Rotating Feed is ready now. Visit your website.

Create an Ajax Tabbed Feed

In this topic we create a Facebook + Twitter Ajax Tabbed feed on our website.

  1. Follow the same steps 1 - 3 that you did for the Sticky Rotating Feed in last topic.
  2. Fill out the widget form as follows and save.
  3. Your social Ajax Tabbed Feed is ready now. Visit your website.

Manage Social Boards

To access the Social Boards management page, go to WordPress admin panel » Social Board » Manage Boards

This section lists all of your previously added Social Boards.

Edit a Social Board

To edit a Social Board, move your mouse pointer on the name of the Board and click on the "Edit" link to display the Board configurations in a new page. Make your desired changes and click the "Update" button to save the new configurations.

Delete a Social Board

To delete a Social Board, move your mouse pointer on the name of the Board and click on the "Trash" link. This will move the Board to the Trash folder but, if you are going to remove it permanently from the WordPress system, just go to the Trash tab and delete it permanently.

Creating a New Social Board

To add a new Social Board, go to WordPress admin panel » Social Board » Add New Board

Here we will explain various parts of Add/Edit Social Board form and all the relevant social network tabs.

Social Board Title

Enter a name that describes your Social Board. This name is for your reference only.

Social Networks

This section allow you to set up the networks that you want to include in your Social Board. To add a social network to your Social Board, go to its tab and fill out its configuration form.

Common Configurations

Board Output

Select the content blocks that you want to be included in each item on the Social Board. Each social network may have different type of content blocks available.

Feed Data

Some social networks have multiple type of data available for each feed. Select the type of data you would like to be included in your Social Board output.

Social Network Feed Configurations

To add a specific social network feed to your Social Board, you need to declare it using an option (ID, username, search term, etc) depending on type of the network. Some social networks have multiple type of feeds available. You are required to use at least one of the options available for the social network feed to make it available in your Social Board output.

Below is a summary of the options available for each network:

Facebook

Facebook requires authentication to provide the feed's data. Click here for more details.

Facebook provides 2 different feed options:

1. Facebook Page Feed

The feed of posts (including status updates), photos and links on this page.

Specific sets of posts

You can set here to get sets of posts published by this page, or by others, or by both on this page.

2. Facebook Group Feed

The feed of posts (including status updates), photos and links on this group.

To Get Your Facebook Page/Group ID:

Method 1:
You can find it in your Facebook page/group setting.

Method 2:
Obtain it from this website (Page or Group ID both). Or, from this website (Page ID only).

Method 3:
Type in the following URL in your web browser: https://graph.facebook.com/username
Replace “username” with the name of your Facebook page profile. It should churn out a result including your page ID.

3. Facebook Album/Page Photos

Shows all photos this page is tagged in. Enter the album ID or the page ID.

To find a Facebook album ID:

Browse to your Facebook photos page and click on Albums - e.g. https://www.facebook.com/envatomarket/photos_stream?tab=photos_albums
Select an album - e.g. https://www.facebook.com/media/set/?set=a.676459932448951.1073741828.624290390999239&type=3
The album ID is the first set of numbers - in the example above, the album ID would be - 676459932448951

4. Facebook Page Videos

Shows all videos this page is tagged in. Enter the page ID.

Date Time Range:

Get posts in a certain date/time from Facebook feed.

Twitter

Twitter requires authentication to provide the feed's data. Click here for more details.

Twitter provides 3 different feed options:

1. Twitter Username

Enter a Twitter username without “@”.

Browse to your Twitter page - e.g. https://twitter.com/axentmedia
The Twitter username is the last word in the URL - in the example above, that would be - axentmedia

2. Twitter List

To use a Twitter list use one of the following methods:

Method 1:
Enter the list ID - e.g. 123456

Method 2:
Browse to the Twitter list - e.g. https://twitter.com/mashable/lists/social-media
Enter the owner screen name, then “/” followed by the list slug - using the example above, that would be - e.g. mashable/social-media

3. Search Term/Hashtag

To search enter the search terms/hashtag - e.g. socialmedia

ID Range:

Get posts in a certain ID range from Twitter feed.
Since ID: Returns results with an ID greater than (that is, more recent than) the specified ID.
Max ID: Returns results with an ID less than (that is, older than) or equal to the specified ID.

How to find a specific tweet ID?

  1. Go to the Twitter home page at http://www.twitter.com/. If you are already logged in, you will be redirected to your Twitter page. Otherwise, login to your twitter account, which will also take you to your Twitter page.
  2. In the list of all tweets, find the specific tweet for which you wish to grab the ID.

  1. There is a date/time stamp underneath each tweet as pictured above. Click that date/time stamp.
  2. This will take you to the page for the single tweet. The URL displayed at the top of your browser will look something like this:
    https://twitter.com/DesignerDepot/status/605472728351707136
  3. The tweet ID is the last set of numbers in the URL - in the example above, that would be - 605472728351707136

Google+

Google+ requires an API Key to display feed data. Click here for more details.

Google+ provides 1 feed option:

Google Profile ID

Enter your Google+ profile ID.

To find your Google+ profile ID:

Browse to your Google+ page - e.g. https://plus.google.com/112592709425670873637
Your Google+ profile ID is the last set of numbers in the URL - in the example above, that would be - 112592709425670873637

Tumblr

Tumblr requires an API Key to display feed data. Click here for more details.

Tumblr provides 1 feed option:

Tumblr Username

To get a Tumblr username, browse to your Tumblr blog page - e.g. http://ghostphotographs.tumblr.com/
The Tumblr Username is the first word in the URL - in the example above, that would be - ghostphotographs

Delicious

Delicious provides 1 feed option:

Delicious username

Add your Delicious username to get your bookmarks - e.g. username

Pinterest

Pinterest provides 2 different feed options:

1. Pinterest username

To get a Pinterest username, browse to your Pinterest page - e.g. https://www.pinterest.com/2013TopPins/
The Pinterest Username is the last word in the URL - in the example above, that would be - 2013TopPins

2. Pinterest board

To show a Pinterest board enter the username, then "/" followed by the board name.
Browse to a Pinterest board - e.g. http://www.pinterest.com/2013TopPins/techology-trends/
In the example above, you would select - 2013TopPins/techology-trends

Flickr

Flickr requires an API Key to display feed data. Click here for more details.

Flickr provides 2 different feed options:

1. Flickr User ID

To get your Flickr User ID:

2. Flickr Group ID

To get a Flickr group ID:

Instagram

Instagram requires your API Access Token to provide the feed's data. Click here for more details.

Instagram provides 3 different feed options:

1. Instagram Username

To get your Instagram username, browse to your Instagram profile page - e.g: http://instagram.com/katyperry
Your Instagram Username is the last word in the URL - in the example above, that would be - katyperry

2. Instagram search tag

To search by tag enter the tag name - e.g. wordpress

3. Instagram location ID

To show the latest posts by a location, enter the location ID.

4. Instagram geographical location

To search by geographical location start with the latitude, longitude and distance in meters (up to a maximum of 5000) all separated by a "," - e.g. 48.858844,2.294351,2000

How to find latitude and longitude coordinates of a location?
  1. Browse to this URL: http://www.gps-coordinates.net/
  2. Enter your location in the "Address" field.
  3. Click on "Get GPS Coordinates" button.
  4. You will get the Latitude and Longitude of the entered location on the map.

Youtube

Youtube requires an API Key to display feed data. If you have previously generated and added an API Key for Google+ you wil not need to do it again for YouTube as they are both using the same key. Click here for more details.

Youtube provides 2 different feed options:

1. Youtube username

To get a Youtube username, browse to the desired Youtube profile page - e.g: https://www.youtube.com/user/envatopsd
The Youtube username is the last word in the URL - in the example above, that would be - envatopsd

2. Youtube playlist ID

To get a Youtube playlist ID, on the desired Youtube profile page click on the Playlists tab, select and browse to a playlist - e.g: https://www.youtube.com/watch?v=z4icxr8B7ik&list=PLsBcifUwsKVXunQPoySupBM6QCcWliTKi
The playlist ID is the last set of characters in the URL - in the example above, that would be - PLsBcifUwsKVXunQPoySupBM6QCcWliTKi

3. Youtube search term

To search enter the search terms - e.g. WordPress

Vimeo

Vimeo provides 1 feed option:

Vimeo username

To get a Vimeo username, browse to the Vimeo profile - e.g: http://vimeo.com/bvanpeski
Your Vimeo username is the last name in the Vimeo profile URL - in the example above, that would be - bvanpeski

Stumbleupon

Stumbleupon provides 1 feed option:

Stumbleupon username

To get a Stumbleupon username, browse to the Stumbleupon profile - e.g: http://www.stumbleupon.com/stumbler/mashable
The Stumbleupon username is the last set of characters in the URL - in the example above, that would be - mashable

Deviantart

Deviantart provides 1 feed option:

Deviantart username

Enter a Deviantart username - e.g. abcd

RSS Feed

RSS Feeds have 1 feed option:

RSS feed URL

Enter the RSS feed URL - e.g. http://feeds.bbci.co.uk/news/world/europe/rss.xml

Text Info:

Select Snippet for displaying a summary of the post or select Full Text to include any links or images in the feed - if available.

SoundCloud

SoundCloud requires an API Client ID to provide the feed's data. Click here for more details.

SoundCloud provides 1 feed option:

SoundCloud User Tracks

The list of tracks of the user. Enter the SoundCloud Username - e.g. mayerhawthorne

To find your SoundCloud Username:

Browse to your SoundCloud page - e.g. https://soundcloud.com/axentmedia
Your SoundCloud Username is the last set of characters in the URL - in the example above, that would be - axentmedia

VK

VK provides 2 different feed options:

1. VK Wall Domain

Returns a list of posts on a user wall or community wall.
Enter the user or community short address - e.g. wphelpme or, ID of the user or community that owns the wall - e.g. id999999999.

2. VK Wall Owner ID

Returns a list of posts on a user wall or community wall.
Enter the ID of the user or community that owns the wall. By default, current user ID - e.g. 99999999. Use a negative value - to designate a community ID - e.g. -99999999.

LinkedIn

LinkedIn requires an API Key to display feed data. Click here for more details.

LinkedIn provides 1 feed option:

LinkedIn Company Page ID

Returns a list of the company updates.
Enter the LinkedIn Company Page ID - e.g. 10354180.

Vine

Vine provides 1 feed option:

Vine User Timeline

Returns a list of user timeline updates.
Enter the Vine username or ID - e.g. 974522892907909120.

Note: Save the Social Board configurations by clicking the "Update" or "Publish" button when it was done.

Manipulation

Sometimes you may wanted to pin/stick an item on top of your created Social Board or remove an item from the Social Board. To do this:

  1. Go to WordPress admin panel » Social Board » Manage Boards
  2. Click on the name of the board you are going to do some manipulation.
  3. Scroll to the Manipulation section at the right panel of the form.
  4. Do your required changes.
  5. Click the update button on the top of the right panel.

How to find the board items' links?

Each item on the board has a date/time in its footer area that is linked to the original post. You can copy that link to use here.

Translation

To translate Social Board to your local language:

  1. Download and install Poedit translations editor. Poedit is an open source program for Windows, Mac OS X and UNIX/Linux which provides an easy-to-use GUI for editing PO and generating MO files.
  2. Open the social-board.pot that is located in the Assets folder in your downloaded CodeCanyon zip package file, in Poedit.
  3. Click on the "Create new translation" button.

  1. Select your desired local language that you want to create a translation for.
  2. Do, your required changes on translation items.

  1. From the File menu, select "Save as".
  2. In the "Save as" window, select a name for your translation with this rule "social-board-<WP Locale>.po" - eg. social-board-nl_NL.po, and save the file somwhere into your computer.
  3. From the File menu, select "Complile to MO...".
  4. Upload the generated .po and .mo files from your computer into <your-wordpress-site.com>/wp-content/plugins/social-board/language/ (Social Board language folder in your WordPress plugin directory) on your website using an FTP client.

Find more info at Translate WordPress.

Social Board Settings

To access the Social Board Settings page, go to WordPress admin panel » Social Board » Board Settings

In this section you will be able to configure the settings for your Social Boards. The setting page is split into 2 section tabs:

Tab 1 - Display Settings

All changes in this section will only effect the board default displaying settings. You can use inline parameters in shortcodes to override these default options for an individual Social Board.

General Setting

These options apply to all display modes.

Board Theme

Select a theme to style your Social Board.

Results Limit

Limiting the maximum number of results to display on the board.

Words Limit

Limiting the description words count to display for each item on the board - Leave empty for no limit.

Comment Words Limit

Limiting the comment words count to display for each item - Leave empty for no limit.

Title Limit

Limit of the title words count to display for each item on the board - Leave empty for no limit.

User info position & detail

This will define, how to display the user info for each item on the Social Board.

Lightbox content

This will define, how to display the Social Board item information in lightbox window.

Item image style

This will define, how to display the image for each item on the Social Board.

Read more

If checked, the (…) character at the bottom of each feed item will be linked to the rest of the content.

Ordering

Select whether to order the results depending on date of each item or randomly.

Filter

If checked, a navigation bar of all active network icons will appear at the bottom of the rotating feed or above the social network wall. These icons will allow the user to filter the social board items.

Load more

If checked, a load more bar will appear at the bottom of the social network wall and loads more social items if clicked.

Links

If checked, all links will open in a new window else they will be open in the parent window.

Cache Time

The time delay for caching of Social Boards (in minutes) - reduces up download time. 0 Zero value means no caching.

NOTE: Make sure the `cache` folder inside the plugin folder is writable by the server (depending on your web hosting server, permissions set to 755, 775, or 777).

Debug Log

If checked, all plugin errors will be logged in a file named "sb.log" in plugin folder. You can find all the problems that may occurs during the feed crawling process.
NOTE: Make sure the `sb.log` file inside the plugin folder is existed and writable by the server (depending on your web hosting server, permissions set to 644, 655, or 666).

Feed Display Setting

These options only apply to the rotating feed display mode.

Animation Speed

Defines the animation speed (in ms) of the rows moving up or down.

Animation Duration

Defines the times (in ms) before the rows automatically move.

Animation Direction

Sets the direction of rotating feed movement to either "up" or "down".

Controls

If checked, a feed control bar will appear at the bottom of the rotating feed allowing user to stop/start the rotating feed or go to next/previous item.

Auto Start

Enable/disable auto start on load

Pause On Mouse Hover

Enable/disable pause when mouse hovers the rotating feed element

Block Width

Width of feed block (px) - Leave empty for no width.

Wall Display Setting

These options only apply to the wall display mode.

Animated

This will enable/disable moving items with animation.

Rotate Delay

The time delay for showing items. It will increase by each block item.

Search Filtering

If checked, a search box will appear above the social network wall allowing the user to filter the social board items using a search phrase.

Filter Direction

Let layout to start render from left to right or, right to left.

Reset Default

If you press this button, a confirmation message will appear and then if you press it again, it resets all the options to the default settings.

Tab 2 - API Credentials

Some networks require authentication to provide feed data.

Twitter API Credentials

Required For All Twitter Feeds.

To create a Twitter API credentials:
  • Browse to: https://apps.twitter.com/ and sign in with your Twitter Account.
  • You will be redirected to your Twitter Application Management area. Then click on "Create New App" button.

  • Fill out the Name, Description & Website fields.
  • Read the "Developer Agreement" and check the "Yes I agree" box.
  • Click "Create Your Twitter Application" button.

After creating the Application, the Application Details page opens.

  • Go to "Keys and Access Tokens" tab.
  • Click on the "Generate Consumer Key and Secret" button.
  • Click on the "Generate My Access Token and Token Secret" button.

Copy the API Key, API Secret, Access Token and Access Token Secret values and paste into the "Twitter API Credentials" form in "Social Board Settings" page and the plugin should now have access to your Twitter feed data.



Facebook API Credentials

In this quick guide we are going to show you how to create an App in Facebook and get the App Token. This is required for all Facebook feeds.

  1. Login to your Facebook account.
  2. After login, go to this link: https://developers.facebook.com/apps/ and then click on, Add a New App button.

  1. If you have not registered to become a developer, you should do that now by pressing the “Register Now” button on the page. It's a quick and easy process to get signed up.
  2. If you are registered as a developer, the “Create a New App ID” popup will be open.
  3. Enter a custom name in the “Display Name” input, enter your email address as “Contact Email”, choose any option for “Category” and then click Create App ID button.

  1. Your App is created now. You will now get redirected to the app page automatically if not, you can browse to your app page by choosing the menu item “My Apps” from top of the page. Your page should now look something similar to the following image.
  2. Click on Tools & Support from the top navigation bar.

  1. Click on the Access Token Tool on this page or manually browse to: https://developers.facebook.com/tools/accesstoken/ page.
  2. On the new page that opens, copy your App Token and paste into its respective field in your Social Board Settings page.



Google API Credentials

To create and obtain your own Google API Key:

  • Browse to your: Google Developers Console and sign-in with your Google account.
  • A default project called "API Project" is created for you when you first login to the Developers Console. You can use that project, or create a new one by clicking the "Create Project" button at the top of the window.
  • Select one of the projects in the list - e.g. "API Project"

  • If you select the previously created "API Project" for the first time, a popup opens asking you to set a Project ID. Click OK and continue.
  • Click the blue bars button and select API Manager from the left sidebar.

  • Under Google APIs, search and click on "Google+ API".
  • Click the "Enable API" button on top of the "Google+ API" page to turn it on.

  • Click back, search and click on "YouTube Data API v3".
  • Click the "Enable API" button on top of the "YouTube Data API v3" page to turn it on.

  • Click back and you will have "Google+ API" and "YouTube Data API v3" under API Library tab.

  • Click Credentials on the left sidebar, under Public API access, click "Create new key" button.
  • Copy your API KEY and paste into your Social Board configuration form.

Instagram API Credentials

To create an Instagram API Access Token, use one of the following methods:

Method 1 (Using our inbuilt App):

  1. From WordPress admin panel, go to Social Board » Board Settings.
  2. On the Board Settings page, switch to API Credentials tab and scroll to the Instagram API Credentials section.
  3. Click on Login and get my Access Token button.

  1. Authorize our Instagram App and you will be redirected back to this page again with Access Token field filled with your token.
  2. Scroll down to the page footer and click Save Changes.

Method 2 (Using our online App):

  1. Browse to this URL: http://axentmedia.com/instagram-access-token/
  2. Click on green "Generate Access Token" button.
  3. You will need to login to your Instagram account.

  1. Then, you will be redirected back to the http://axentmedia.com/instagram-access-token/ page displaying your Access Token.
  2. Copy your Access Token and paste into the "Access Token" field in Instagram section in your Social Board - API Credentials page.

Method 3 (Using your App):

  1. Browse to https://www.instagram.com/developer/ and login to your account if required.
  2. Click on Manage Clients, and finally click on Register a New Client.
  3. Fill out the required fields for registering a new Client ID.

  1. Set the OAuth redirect_uri field to "http://localhost" (without quotes).
    The reason you should use localhost is for security. In computer networking localhost is the web address of the computer you are using. So when Instagram redirects to your redirect_uri, all of your sensitive information is passed from Instagram's servers directly to your computer.
  2. Go to Security tab and uncheck the "Disable implicit OAuth" box or else this method will not work.

  1. Once all of the fields are filled out click Register.
  2. You have already created an Instagram client. To generate an Instagram Access Token, do the following:
  3. From WordPress admin panel, go to Social Board » Board Settings.
  4. On the Board Settings page, switch to API Credentials tab and scroll to the Instagram API Credentials section.
  5. Replace Client ID with your Client ID you grabbed from your Instagram Manage Clients page and click on Login and get my Access Token button.

  1. Authorize our Instagram App and you will be redirected back to API Credentials page again with Access Token field filled with your token.
  2. Scroll down to the page footer and click Save Changes.

Tumblr API Credentials

To create and obtain your Tumblr API Key:
  • Browse to this page: https://www.tumblr.com/oauth/register. You will be redirected to "Login" page if you are not login to your account.
  • Fill out the form as highlighted below and click on Register button to complete.

  • In the next page, you will be provided with an Oauth Consumer Key and Secret Key. Copy the "Oauth Consumer Key" string and paste into "Tumblr API Key" text box in the Tumblr section of API Credentials tab in Board Settings page.

Flickr API Credentials

To create and obtain your Flickr API Key:

  • In the next page, you will be provided with an API Key and Secret Key. Copy the "Key" string and paste into "Flickr API Key" text box in the Flickr section of API Credentials tab in Board Settings page.

SoundCloud API Credentials

To create and obtain your SoundCloud Client ID:
  • Browse to this page: http://soundcloud.com/you/apps/new. You will be redirected to "Sign in" page if you are not login to your account.
  • Enter a name for your app - e.g. "Social Board" and click Register.
  • In the next page, copy the "Client ID" string and paste into "SoundCloud Client ID" text box in the SoundCloud section of Board Settings page.

LinkedIn API Credentials

To create and obtain your LinkedIn Access Token:
  1. Browse to https://www.linkedin.com/developer/apps and log in, if necessary.
  2. Click on Create Application on top right of the page.
  3. Enter all required fields, you can use dummy info except Website URL, enter the URL of the website where you want to use the plugin.
  4. Press Submit.
  5. Browse to LinkedIn API console on top of the page.
  6. Choose OAuth2 in Authentication dropdown.

  1. You will be redirected to sign in screen. Sign in with LinkedIn.
  2. Now choose first method in list of API methods (if list is not visible click gray area on the right edge of screen)
  3. Click Send button on the right.

  1. Now you can see a URL in Request section.
  2. Copy the token string from URL starting after = and ending before &format=json (don't include & in token).

  1. Paste token into "Access Token" text box in the LinkedIn section of Board Settings - API Credentials page.

Vimeo API Credentials

To create and obtain your Vimeo Access Token:
  • Browse to this page: https://developer.vimeo.com/apps/new. You will be redirected to "Sign in" page if you are not login to your account.
  • Fill out the form as highlighted below and click on "Create app" button to complete.

  • In the next page, scroll to the end of the page where you can find the "Generate Token" button.
  • Click on the "Generate Token" button and copy the "Your new Access token" string and paste into "Vimeo Access Token" text box in API Credentials section.

Displaying Social Boards

You can add your Social Board on your website in 3 ways:

1. Add your Social Board to a post or page

Add or edit the post or page that you want your Social Board display on. Then, copy and paste the shortcode below into your post or page content.

[social_board id="<Board ID>" type="<Board Type>"]

2. Add your Social Board to a WordPress theme file

To add this Social Board to one of your theme PHP files, use the PHP snippet below.

<?php if (function_exists('social_board')) echo social_board( array( 'id' => <Board ID>, 'type' => '<Board Type>' ) ); ?>

Tips:

Replace <Board ID> with the ID of your board.

Depending on the type of board you desired, the <Board Type> could be one of the following:

feed - Rotating Feed displaying mode
wall - Wall displaying mode
timeline - Timeline displaying mode

You can also find the Shortcodes for your Social Boards in Social Boards management area.

3. Add your Social Board as a widget

To add the Social Board as a widget into a widget enabled area:

  • Go to: Appearance → Widgets in the WordPress navigation.
  • Find the widget with the title "Social Board" and simply drag it to your widget enabled area.

Title

Select a title for your widget. This will be set as your feed block title if "Display Header" is checked.

Social Board

Select the Social Board that you are going to add on your website, from the dropdown menu.

Board Theme

Select a theme to style your Social Board.

Width

Width of widget (px) - Leave empty for no width.

Height

Height of widget (px) - Leave empty for no height.

Override Default Settings

You can override the board default settings for this widget here by passing the parameters separated by & - e.g. order=random&cache=0 - Leave empty to use board default settings.

To create a Feed Widget

  • Drag the "Social Board" widget into one of your widget enabled areas.
  • Select one of the Social Boards from the dropdown box.
To create a Normal Feed
  • From "Display Position" select "Normal Widget", the form will change.
To create a Sticky Feed
  • From "Display Position" select "Sticky Widget", the form will change.
  • Make sure the "Ajax Tabbed" option is not checked.
  • Select the location where you want to display your widget on the website from the Location dropdown box.
To create a Sticky Ajax Tabbed Feed
  • From "Display Position" select "Sticky Widget", the form will change.
  • Check "Ajax Tabbed" to enable Ajax Tabbed option.
  • Select the location where you want to display your widget on the website from the Location dropdown box.
  • Set the height of your widget in the Height field.
  • Set the other options according to your need and click Save.

Shortcode Customization

Your Social Board by default, will use the settings that is set in "Board Settings" page.
To override these default options, you can pass the relevant inline parameters in shortcodes as follows:

General Setting Parameters

These parameters can be used for all type of display modes.

Parameter Description Possible Values Example
theme Social Board layout theme sb-modern-light, sb-metro-dark, sb-modern2-light, sb-default-light, sb-flat-light, sb-modern-dark theme="sb-modern-light"
results Maximum number of results to display on the social board. results="50"
words Limiting the description words count for items. words="40"
slicepoint Limiting the description words count for slides. slicepoint="300"
commentwords Limiting the comment words count for items. commentwords="20"
titles Limit of the title words count to display for each item. titles="15"
userinfo This will define, how to display the user info for each item. top, bottom userinfo="top"
readmore Link long blocks of text. 1, 0 readmore="0"
order Ordering date, random order="random"
filters Filter networks navigation bar will appear at the top of the social board. 1, 0 filters="0"
loadmore Load more bar will appear at the bottom of the social board. 1, 0 loadmore="1"
lightboxtype Lightbox content media, slideshow lightboxtype="media"
layout_image How to display the image for each item on the Social Board. 1, 0 layout_image="imgexpand"
links Open links in a new window. 1, 0 links="1"
nofollow All links will have the status of nofollow. 1, 0 nofollow="1"
https All links and images will be getting over https. https="0"
live false false, true Stream Auto Update
If enabled, the social board will get updated automatically without the need to refresh the page - If enabled, the "Cache Time" value will be ignored and considered as 0.
live_interval 1 Auto update interval
The time delay for updating the Social Boards (in minutes). Considering that there are some limits on social networks about the number of requests sent to their API, the minimum allowed value is 1.
cache The time delay for caching of Social Boards (in minutes). cache="360"
network Social Network IDs Look at the following second example.
output The content blocks you want to be included in each item on the Social Board. title, thumb, text, comments, likes, user, share, info title,thumb,text,comments,user,share

Example Shortcode:
The following shortcode, creates a social network wall in Flat style, displaying the last 30 items of your feeds randomly.

[social_board id="123" type="wall" theme="sb-flat-light" results="30" order="random"]

Example Shortcode:
The following shortcode, creates a social network wall, displaying the latest items from Facebook, Twitter and Instagram network using the defined inline configs.

[social_board type="wall" results="50" network="section_facebook{/}facebook_id_1{:}80655071208{,}182472465104731{;}facebook_pagefeed{:}posts{;}facebook_image_width{:}300{;}facebook_iframe{:}1{|}section_twitter{/}twitter_id_1{:}mashable{,}envato{;}twitter_images{:}small{;}twitter_iframe{:}1{|}section_instagram{/}instagram_id_1{:}theblondeabroad{,}lululemon{;}instagram_id_2{:}paris{,}olympics{,}london{;}instagram_images{:}low_resolution{;}instagram_iframe{:}1"]

Another Example:

[social_board type="wall" results="30" network="section_twitter{/}twitter_id_3{:}hashtag1{,}hashtag2{;}twitter_images{:}small{;}twitter_iframe{:}1{|}section_instagram{/}instagram_id_2{:}hashtag1{,}hashtag2{;}instagram_images{:}low_resolution{;}instagram_iframe{:}1{|}section_youtube{/}youtube_id_3{:}hashtag1{;}youtube_iframe{:}1"]

Rotating Feed Display Parameters

These parameters can be used only for rotating feed display mode.

Parameter Description Possible Values Example
rotate_speed Animation Speed rotate_speed="100"
duration Animation Duration duration="4000"
direction Animation Direction up, down direction="down"
controls Stop/start rotating 1, 0
autostart Auto Start rotating 1, 0
pauseonhover Pause On Mouse Hover 1, 0
width Width of rotating feed block - Leave empty for no width. width="250"
label This text diplays on rotating feed block header label="Social Media Updates"
height Height of rotating feed block - Leave empty for no height. height="400"
showheader If true, a feed header showing title will appear at the top of the feed block. 1, 0
autoclose This will enable/disable slide auto-close feature. 1, 0
slide This will enable/disable slide in/out feature. 1, 0
location Where to be displayed on the website. sb-bottom_left, sb-bottom_right, sb-left, sb-right location="sb-bottom_left"
tabable This will enable/disable using of social network tabs instead of filter networks feature. Each tab loads in Ajax mode. 1, 0
carousel This will enable/disable carousel mode. 1, 0
position How the widget display on the website. normal, sticky

Example Shortcode:
The following shortcode, creates a social network feed in Default style, moving from up to down that do not automatically start rotating on load.

[social_board id="123" type="feed" theme="sb-default-light" autostart="false" direction="down"]

Example Shortcode:
The following shortcode, creates a sticky social network rotating feed in Modern style, located in bottom right of the page.

[social_board id="123" type="feed" theme="sb-modern-light" height="300" position="sticky" location="sb-bottom_right" label="My Board" slide="1"]

Wall Display Parameters

These parameters can be used only for Wall display mode.

Parameter Description Possible Values Example
transition Duration of the transition when items change position or appearance - in milliseconds. transition="400"
stagger Staggers item transitions, so items transition incrementally after one another - in milliseconds. stagger=""
filter_search If true, a search box will appear above the social network wall allowing the user to filter the social board items using a search phrase. true, '' filter_search="true"
originLeft Filters Left To Right Direction true, false originLeft="true"
wall_width Width of wall block (px) - Leave empty for full width. wall_width="800"
wall_height Height of wall block (px) - Leave empty for infinite height. wall_height="800"
fixWidth If "false" is set, the "Item Width" value will be applied to each wall item - "breakpoints" will be ignored.

If "true" is set, the "breakpoints" sets will be applied to wall items based on browser width.

If "block" is set, the "breakpoints" sets will be applied to wall items based on wall container block width.
false, true, block fixWidth="false"
breakpoints Defines the number of items (columns) shwoing on each row for different viewport sizes - Requires "fixWidth" to be false or block. breakpoints="5,4,4,3,2,2,1"
itemwidth Width of wall item (px). itemwidth="230"
gutterX The horizontal space between item elements - in pixels. This may changes automatically when "fixWidth" is not true. 10 gutterX="10"
gutterY The vertical space between row elements - in pixels. This may changes automatically when "fixWidth" is not true. 10 gutterY="10"

Example Shortcode:
The following shortcode, creates a social network wall in Modern style, rendering from right to left without animation.

[social_board id="123" type="wall" theme="sb-modern-light" animate="false" filter_direction="true"]

Carousel Display Parameters

These parameters can be used only for carousel display mode.

Parameter Description Possible Values Example
cs_speed Animation Speed cs_speed="400"
autoWidth "Slide Width" value will be applied to each slide - Number of items will be ignored. true, false autoWidth="false"
cs_item Number of items shwoing in each slide for different viewport sizes - Requires Auto Width to be OFF. cs_item="4,3,2,2,1"
cs_width Slide Width cs_width="250"
cs_rtl Animation Direction true, false cs_rtl="false"
cs_controls Prev/next buttons 1, 0 cs_controls="1"
cs_auto Auto Start 1, 0 cs_auto="0"
cs_loop Loop slide 1, 0 cs_loop="1"
slideMove Number of slides to be moved at a time slideMove="1"
cs_pager Enable/disable pager option 1, 0 cs_pager="0"
slideMargin Spacing between each slide slideMargin="10"

Example Shortcode:
The following shortcode, creates a carousel social stream in Modern style including 3 items and with a pager.

[social_board id="123" type="feed" carousel="on" theme="sb-modern-light" cs_pager="true" cs_item="3"]

Timeline Display Parameters

These parameters can be used only for Timeline display mode.

Parameter Description Possible Values Example
onecolumn To display timeline in one column or based on browser screen width true, false onecolumn="false"

Manage Themes

To access the Themes management page, go to WordPress admin panel » Social Board » Manage Themes

This section lists all of your previously added Themes.

Edit a Theme

To edit a Theme, move your mouse pointer on the name of the Theme and click on the "Edit" link to display the Theme configurations in a new page. Make your desired changes and click the "Update" button to save the new configurations.

Delete a Theme

To delete a Theme, move your mouse pointer on the name of the Theme and click on the "Trash" link. This will move the Theme to the Trash folder but, if you are going to remove it permanently from the WordPress system, just go to the Trash tab and delete it permanently.

Creating a new Theme

To create a Theme, click Add New Theme button in the Themes management page.

General Theme Setting

CSS Class Name

Select a name for the theme CSS class selector (without dot).
You will also use this name in your shortcodes to point to your desired theme - e.g. [social_board id="123" type="wall" theme="sb-modern-light"]

Board Layout

The board layout is the main displaying structure of the output feed items. We have created 3 different layouts for this plugin. You can create your own layout and put in the /layout/ folder to use here.

To create your own custom layout:

  • Edit this file: <your-wordpress-site.com>/wp-content/plugins/social-board/public/css/styles.css in your WordPress directory using an FTP client and add your own css at the end of the file.
  • Browse to this directory: wp-content/plugins/social-board/layout and create a new .php file with your own layout name - e.g. mylayout.php
  • Your new layout will be available in add/edit Theme page.
Font Size

In order to set a font size (in px) for the Social Board. This is the base font size for all type of boards.

Social Networks Color

Here you can change the background colors used for each social network. To change one of the network colors, click on the relevant colored box and a colorpicker should be appeared. Then select the new color and click elsewhere on the screen to close the colorpicker widget. The colored box should now be updated with the new color. These colors apply to network icons, block footers or anywhere defined in layout files.

Social Networks Icons

Here you can change the icon used for each social network. To change one of the network icons, enter the direct URL of the icon file or click on the relevant "Select Image" button and an "Upload Image" window should now appear. Some layouts do not use image icons.

Post Type Icons

Here you can change the icon used for each post type. To change one of the type icons, enter the direct URL of the icon file or click on the relevant "Select Image" button and an "Upload Image" window should now appear.

Custom CSS

Custom CSS for styling the Social Board can be entered into this text field. Any CSS rules included in this text area will automatically be inserted into the page.
As an example you can write your CSS code something like this:
.sboard.<class-name> .sb-item { font-family: Arial, sans-serif; }
Replace <class-name> with the "CSS Class Name" in the current theme.

Dedicated Theme Settings

Each type of board has it's dedicated options in a separate tab.

Body Background Color

This color applies to your Social Board background. Select the new background color of the and click elsewhere on the screen to close the colorpicker widget.

Body Border Color

Select the new border color of the Social Board and then click elsewhere on the screen to close the colorpicker widget.

Body Border Size

In order to set a border size (in px) for the Social Board.

Body Background Image

In order to set a background image for the Social Board.

Font Color

Select the new font color for the feed item and then click elsewhere on the screen to close the colorpicker widget.

Item Background Color

Select the new background color for the feed item and then click elsewhere on the screen to close the colorpicker widget.

Item Border Color

Select the new border color for the feed item and then click elsewhere on the screen to close the colorpicker widget.

Item Border Size

In order to set a border size (in px) for the feed item.

Licensing

To receive the product automatic updates you need to register your plugin.
  • From WordPress admin panel, go to Social Board » Board Settings.
  • On the Board Settings page, switch to Licensing tab.
  • Enter your CodeCanyon purchase key in the License text box and Save Changes.

Where Is My Purchase Code?

  • Log into your Envato Market account.
  • Hover the mouse over your username at the top of the screen and click.
  • 1. Click ‘Downloads’ from the user menu items according to the picture.
  • 2. Click the ‘Download’ green button and 3. click ‘License certificate & purchase code’ (available as PDF or text file) from the drop down list.

  • Below is an example of a PDF License certificate and purchase code.

FAQ

Can I use the plugin in WordPress Multisite (WPMU) mode?

Yes, this plugin works with WordPress Multisite.
But, if you have encountered any problem after installation:

  1. Please note, you need to install the plugin in network admin section e.g. http://yourwebsite.com/wp-admin/network/plugin-install.php?tab=upload
  2. Try, activating the plugin separately in each website not in the network admin.

There is no feed to show or you are not connected to the world wide web!

This message is usually caused for one of the following reasons:

  1. You have not declared any social network ID in your Social Board. Read about Social Board configuration.
  2. API Credentials for Twitter is not truly set or is not valid. Read this topic for details about Twitter API Credentials configuration.
  3. Google+ API Key is not valid. Read this topic to find that how to set Google+ API Key.
  4. Your server has not access to the internet.

After fixing the problem, try cleaning the cache from Social Board » Board Settings.

The shortcode appears as a simple text on the website instead of Social Board

If you see the shortcode text appears in your website instead of the Social Board, it is caused for one of the following reasons:

  1. WordPress Social Board plugin is not installed on your website or is inactive.
  2. The place where you paste the shortcode is not setup to process shortcodes.

The social items appear on the website but, all the other functionalities are not working

You are using the [social_board] shortcode somewhere that acts with the shortcode as a string not a shortcode so it doesn't work correctly.

Possible solution for this problem is to use echo="true" attribute in the shortcode to work. Look at the following example:

[social_board id="12345" type="wall" echo="true"]

The Social Board is working but, some networks do not appear in the board

  1. Network account is new and there isn't anything found in its feed or there is no public activity to show on the public feed.
  2. Something is incorrectly cached. Try cleaning the cache from Social Board » Board Settings.

Facebook feed is not showing

There could be one the following reasons that your Facebook feed may not work:

  1. Your Facebook page ID or Album ID is incorrect. Read this topic on how to find your Facebook IDs.
  2. You are using a Facebook profile ID instead of a page ID.
  3. Your Facebook settings restrict the user that may view your page. You have to remove any age/profanity restrictions from your Facebook page.

Twitter feed is not showing

  1. Make sure that you have set up your Twitter API Credentials correctly. Read this topic for details about Twitter API Credentials configuration.
  2. If your Twitter API credentials is valid, this may be due to the Twitter API limits that is 180 calls per 15 minutes.

Tweets older than a week for a hashtag or search term does not display on my social board

Unfortunately, this is Twitter API limitations for hashtags or any search that is made via its API platform and we can't change this rule. The Search API is not complete index of all Tweets, but instead an index of recent Tweets.
Please check Twitter Search API Documentation for your reference.

Google+ feed is not showing

There could be one the following reasons that your Google+ feed may not work:

  1. Your Google page/profile ID or Username is incorrect. Read this topic on how to find your Google+ ID.
  2. Make sure that you have set up your Google+ API Key and it is valid. Read this topic to find that how to set Google+ API Key.
  3. Your Google settings restrict the user that may view your page. You have to remove any Target Audience restrictions from your Google+ page/profile.
    Please, note that Google does not provide any items that is published on your page before you remove the age restriction.

Instagram feed is not showing

  1. Instagram Username is incorrect.
  2. Make sure that you have set up your API Access Token and it is valid. Read this topic to find that how to set Instagram API Access Token.

Why do I need to create API credentials?

Without creating apps and adding API tokens and keys, your website will not be able to connect to the Social Networking servers. The token authentication makes a secure channel via Social Network server and your website to get the permission to access your social profile and fetch your social feed.

How many sites can I use WordPress Social Board on?

You need to purchase one license for each site you want to use WordPress Social Board on.
1 site = 1 license, 2 sites = 2 licenses, 3 sites = 3 licenses and so on.
It doesn’t matter if they are all in use by the same company, on the same server, by the same developer, etc. The license terms are single use – one license per site.

Is there a developer/multi-use license for this pruduct?

Currently, the only option is to purchase an individual Regular License for each site on which WordPress Social Board will be used.
The CodeCanyon standard (Regular/Extended) licenses both are only for individual (single) usage. The only difference is about to charge or not to charge the end customer.
We can not also provide you with a developer/multi-use license directly as we have an exclusivity agreement with CodeCanyon that means, we can only distribute our products through them.
At this time, for every WordPress site that you have WordPress Social Board activated on, you need to purchase an individual Regular or Extended License. 1 site = 1 license, 2 sites = 2 licenses, 3 sites = 3 licenses, etc.

For more information please read this article: http://codecanyon.net/licenses/faq

YouTube videos are displaying on Social Board but, can not be played!

The problem is because of that your videos are not opening through https links.

  1. From your wp-admin, go to Social Board > Board Settings.
  2. In General Settings section, check/enable the “Load images over https” and Save Changes.

Credits

Design & Development:

WordPress Social Board Plugin - Created By Axent Media - CodeCanyon license.

Third Parties

Server-Side Scripting
Admin Page Framework - Created by Michael Uno - Released under the MIT license.
OAuth library - by Andy Smith - MIT license.
OAuth for Twitter's REST API - Created by Abraham Williams.
SimpleCache - Created by Gilbert Pellegrom - MIT license.

Client-Side Scripting
jQuery - Released under the terms of the MIT license.
Isotope - Copyright 2016 Metafizzy - Commercial license included.
Timeline Drop - by kickdrop.me.
JQuery Advanced News Ticker - Created by Valentin Ledrapier - GNU GENERAL PUBLIC LICENSE.
Font Awesome - by @davegandy - Licensed under MIT.
Colorbox - by Jack Moore - Licensed under MIT.
Light Slider - by Sachin N - Licensed MIT.
Lazy Load - by Mika Tuupola - MIT license.
Special scroll events for jQuery - by James Padolsey.
jQuery Expander - by Karl Swedberg - Licensed MIT.

Changelog

Version 3.4.0 - 15.08.2017
  • SoundCloud API updated.
  • SoundCloud tracks' artworks iamge size fixed.
  • Facebook image resize got temporarily disabled.
  • Option to re-layout wall based on page scroll or images load.
  • VK API updated and access token setup is required.
  • Wall twitching problem on IE and some other browsers has been fixed.
  • Facebook multi-share images problem fixed.
  • Fixing the problem that was stopping displaying ads when adding the Social Board through Visual Composer.
  • The problem of opening videos in system inbuilt player instead of lightbox on IE and Safari has been fixed.
  • Custom filtering tabs feature added.
  • Moving the custom layouts folder to the out of the plugin directory to avoid deleting the layout files after plugin updates.
  • Fixing a problem with showing the links in tweets body.
  • Problem of not displaying more RSS feed items on load more has been fixed.
  • Board Output setting added to shortcode parameters.
  • Added the feature to disable specific filtering buttons.
Version 3.3.5 - 25.04.2017
  • Facebook image resize on demand problem has been fixed.
  • Problem with session handling when, stream auto update is enabled has been fixed.
  • Problem with pinned items when, stream auto update is enabled has been fixed.
  • Carousel display problem with text only posts has been fixed.
  • A responsive problem in lightbox slideshow has been fixed.
  • Unchecking Title in Board Output block had not any effect on stream output.
  • Wall sort by date problem on "Stream Auto Update" has been fixed.
  • Changing carousel shortcode from `type="feed" carousel="on"` to `type="carousel"`.
  • Feature to set custom defined height and width for wall layout.
  • Feature to set wall items responsive breakpoints based on container width.
  • RSS extra new lines problem has been fixed.
Version 3.3.1 - 17.11.2016
  • Facebook enable lightbox view for direct GIF animation links.
  • Twitter item text display in lightbox view has been fixed.
  • Facebook notice errors while WP_DEBUG was on, is resolved.
  • Displaying original retweet post instead of the RT text.
  • Framework upgraded to the latest release.
Version 3.3.0 - 31.10.2016
  • Ads management feature added.
  • Infinite scroll feature added to the the loading more functionality.
  • Plugin update checker problem fixed.
Version 3.2.7 - 19.10.2016
  • Search placeholder added to translation.
  • Notice errors while no twitter search terms result exist resolved.
  • Changing from compatibility to extended mode for Twitter API latest updates.
  • Facebook Graph API v2.7 updated.
Version 3.2.6 - 02.09.2016
  • Gutter X size issue fixed, when set to less than 10 it was displaying post in full width.
  • Limiting access to plugin settings only for users with manage_options capability.
  • New W3 Markup Validation passed for output HTML contents.
  • Twitter unknown video lightbox problem fixed.
  • Twitter videos problem when using hashtags with search API fixed.
  • Pinterest feed problem fixed.
  • Problem with decimal separator in different locale settings has been fixed.
Version 3.2.5 - 25.05.2016
  • An issue with reading RSS media content tag fixed.
  • Images lazy load problem with jQuery 1.12.x fixed.
  • Problem with loading images on first page load has been fixed.
  • Problem with hidding images on auto stream update has been fixed.
  • CSS & JS files combined for each display mode.
  • The feature to define the number of columns shwoing on each row for different viewport sizes on wall layout.
  • Duplicate Instagram items problem on load more fixed.
  • Video lightbox support added for Twitter.
Version 3.2 - 20.04.2016
  • Fixed the video auto-resize problem with responsive lightbox window.
  • Instagram feed, user search problem fixed.
  • Plugin licensing and one year automatic update added.
  • W3 Markup Validation passed for board HTML content.
  • Board Output setting moved to Social Board management page.
  • Added an option to define the height of Rotating Feed block.
  • Visual Composer integration problem fixed.
  • Flickr profile image problem fixed.
  • Problem with reading incorrect RSS media enclosure tag fixed.
  • Fixed an error that was thrown when an RSS feed thumbnail was not exit.
  • Problem with pinned & remove items fixed.
  • Images lazy load feature added.
  • Duplicate items problem from tag feeds fixed.
Version 3.1 - 10.02.2016
  • A new theme/layout named Metro is added.
  • Tumblr lightbox video support added.
  • Vine item output upgraded.
  • Added an option to define, how to display the image for each item.
  • Added an option to allow loading images over https.
  • Vimeo upgraded to the latest API with paging.
  • Some CSS styling fixes.
  • Filtering the board items using a search phrase.
Version 3.0 - 22.12.2015
  • RSS feed first image added to the item as thumbnail.
  • Scroll bars removed from lightbox window.
  • Twitter OAuth library confliction fixed.
  • Integrated with Cornerstone and Visual Composer.
  • The gap that appearing at the board footer on wall filtering fixed.
  • Feature to display Social Board items as lightbox slideshow.
  • Loading icon added on images.
  • Pinterest board problem fixed.
  • CSS files compressed.
  • LinkedIn and Vine networks added.
Version 2.5 - 28.10.2015
  • Profile thumbnail linked to profile page in Modern2 layout.
  • The exclusion of retweets problem in Twitter lists and search feeds fixed.
  • Duplicate items problem fixed in Load More action.
  • Social API connection timeout increased to solve the problem on low process servers.
  • Opening all images in a lightbox window.
  • Profile thumbnail added in Modern layout.
Version 2.4 - 12.10.2015
  • Facebook tiny images' problem fixed.
  • Facebook the latest updates, Profile Unavailable problem fixed.
  • Debug log problem fixed.
  • The problem of Opening video in a lightbox window for sticky Ajax Tabbed widget fixed.
Version 2.3 - 17.09.2015
  • Some fixes in styles.
  • Network attribute added in shortcode.
  • Item Width mobile viewport problem fixed.
  • Flickr upgraded to the latest API.
  • Load more items added for Flickr.
  • Added video opening in iframe for Instagram, YouTube, Vimeo and Google+.
  • Video icon overlay added on board video items.
  • Fix the conflicting problem with some plugins that modify the global $post variable in the admin area.
  • Tumblr upgraded to the latest API v2.
  • Date/time problem in timeline layout fixed.
  • The ability to define the number of items shwoing in each slide for different screen widths on Carousel layout.
Version 2.2 - 04.08.2015
  • Stream auto update feature added.
  • Facebook API version 2.4 upgrades, some problems fixed.
  • YouTube videos feed by channel ID added.
  • VK network user or community wall feed by owner ID added.
  • Carousel feed theme display options wasn't working.
  • The ability to remove the block radius border.
  • Social Board post type related pages removed.
Version 2.1 - 18.06.2015
  • Added translation for over 10 languages as po/mo files.
  • Some fixes in layouts and styling.
  • YouTube API limit problem fixed.
  • Load more items problem in timeline layout fixed.
  • Problem in Twitter ID Range fixed.
  • Translation for load more added.
  • VK network user or community wall feed added.
  • Filter networks ordering added.
Version 2.0 - 06.06.2015
  • Load more items added for Facebook, Twitter, Google+, Tumblr, Instagram and YouTube.
  • Added the option to select the board link colors in theme management.
  • Added an option to adjust the spacing between the columns in wall.
  • Added an option that, let blocks to adjust and re-size to fill the gap in wall.
  • A new theme/layout named Modern 2 is added with an option to display profile avatar.
  • YouTube upgraded to v3 added.
  • Carousel displaying mode added.
  • Ability to get posts in a certain datetime in Facebook.
  • Ability to get tweets generated in a given date in Twitter.
  • ATOM RSS feed support added.
  • Option to display timeline in one column or based on browser screen width.
Version 1.5 - 20.04.2015
  • Fixed a problem in crawl per request.
  • YouTube item description weird characters fixed.
  • Instagram items friendly date displaying problem fixed.
  • The documentation moved out of the plugin folder and hosted online.
  • Facebook API version 2.3 upgrades, implemented.
  • Adding an option to get specific sets of posts for Facebook page feed. Posts published by this page, or by others, or by both on this page.
Version 1.4 - 13.04.2015
  • Changes in styling to fix conflicting with different themes
  • Add an option to set the number of crawls per request
  • Fix the auto line break adding by WordPress
  • Fix a problem in Facebook hashtag search
Version 1.3 - 19.03.2015
  • SoundCloud User Tracks feed added.
  • Add support for Facebook Search Term/Hashtag.
  • Facebook "per page limit" problem fixed.
  • Items' footer dates linked to the original post.
Version 1.2 - 09.03.2015
  • Facebook API Credentials configuration added.
  • Instagram API Access Token and Google+ API Key configurations moved to setting page.
  • Add support for Facebook videos.
  • Add support for multibyte character set languages.
  • Image size selection added for Instagram.
  • Ability to pin a post on top of the social board.
  • Ability to remove a post from the social board
  • Add an option to limit the comments' words count.
Version 1.1 - 03.03.2015
  • Added translation support.
  • Added an option to change the status of links to follow or nofollow.
Version 1.0 - 30.01.2015
  • First release.