AX Social Stream is the best WordPress plugin for those who are looking for an easy way to combine all of their social networking activities into one single social stream and display on their website.
With this plugin you can create a stylish fascinating social media feed including multiple social media pages/groups/accounts with multiple feed options, and can display them in 8 different layouts including Wall, Grid, Carousel, Timeline, Rotating Feed, Sticky Rotating Feed, Ajax Tabbed Feed & Sticky Ajax Tabbed Feed. You can add as many as public Facebook pages, Twitter accounts or Instagram accounts managed by you or any other publisher.
It supports 14 and growing social networks and includes about 29 feed options.
Your visitors will be able to share your posts on their social accounts or reply, retweet or favorite the Twitter posts from your Social Stream. They can even filter your Social Stream by social networks or using a search phrase.
You can also change the style of your Social Stream using the theme manager and/or custom CSS stylesheets, and make it unique to your website.
AX Social Stream WordPress Plugin
Created By: Axent Media
Created On: 30 January 2015
Last Update: 24 March 2022
Version: 3.9.9
If you have any questions or suggestions concerning to AX Social Stream WordPress 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.
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 AX Social Stream WordPress plugin. You would have to read the quick start guide, create your Social Stream, add your Social Stream on your website and configure the settings to fit your needs.
The plugin also works with WordPress Multisite.
http://yourwebsite.tld/wp-admin/network/plugin-install.php?tab=upload
Network Activate
link to complete the plugin installation.If you currently have AX Social Stream plugin version 3.1 and older installed on your website and you want to upgrade the plugin to a new version, follow these steps:
WP Admin » Plugins
, Deactivate and Delete your last "AX Social Stream" plugin installation.Social Stream » Stream Settings
page and just click the "Save Changes" button once.To receive the product automatic updates you need to register your plugin. Click here to find out more.
Plugins » Installed Plugins
page.Note: You will not lose any data or configurations during the upgrading process.
After installation, you would have to create your Social Stream. Here we will explain you that how to create different form of feeds on your website.
In this topic we create a Facebook wall on our website.
WordPress admin panel
Social Stream » Add New Stream
and fill out the form as follows.For more information about creating/editing a Social Stream click here.
Social Stream » Manage Streams.
WordPress admin panel » Pages » Add New Page
In this topic we create a Facebook timeline on our website.
WordPress admin panel » Pages » Add New Page
In this topic we create a Facebook carousel on our website.
WordPress admin panel » Pages » Add New Page
In this topic we create a Facebook + Twitter rotating feed on our website.
WordPress admin panel
Social Stream » Add New Stream
and fill out the form as follows.Social Stream » Stream Settings
page. Read this topic for more details.Social Stream » Manage Streams.
WordPress admin panel » Posts » Add New Post
Note: You first need to enable the Rotating Feed from Enabled Layouts section within the Stream Settings page to see the social stream widget in Appearance » Widgets page.
In this topic we create a Facebook + Twitter sticky rotating feed on our website.
Appearance » Widgets
in the WordPress admin.Note: You first need to enable the Rotating Feed from Enabled Layouts section within the Stream Settings page to see the social stream widget in Appearance » Widgets page.
In this topic we create a Facebook + Twitter Ajax Tabbed feed on our website.
To access the Social Streams management page, go to WordPress admin panel » Social Stream » Manage Streams
This section lists all of your previously added Social Streams.
To edit a Social Stream, move your mouse pointer on the name of the Social Stream and click on the "Edit" link to display the Social Stream configurations in a new page. Make your desired changes and click the "Update" button to save the new configurations.
To delete a Social Stream, move your mouse pointer on the name of the Social Stream and click on the "Trash" link. This will move the Social Stream 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.
To add a new Social Stream, go to WordPress admin panel » Social Stream » Add New Stream
Here we will explain various parts of Add/Edit Social Stream form and all the relevant social network tabs.
Enter a name that describes your Social Stream. This name is for your reference only.
This section allow you to set up the networks that you want to include in your Social Stream. To add a social network to your Social Stream, go to its tab and fill out its configuration form.
Select the content blocks that you want to be included in each item on the Social Stream. Each social network may have different type of content blocks available.
Feed DataSome 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 Stream output.
Extra Filtering TabsYou can define custom filtering buttons to filter your wall items using different search terms. Here, you can find a working example of custom filtering wall.
To add a specific social network feed to your Social Stream, 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 Stream output.
Below is a summary of the options available for each network:
Facebook requires authentication to provide the feed's data. Click here for more details.
Facebook provides 3 different feed options:
1. Facebook Page FeedThe feed of posts (including status updates), photos and links on this page. Enter the page Username or ID - e.g. envato
or, 80655071208
.
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 FeedThe feed of posts (including status updates), photos and links on this group.
3. Facebook Album/Page PhotosShows all photos this page is tagged in. Enter the page Username or ID - e.g. 182472465104731
to get all the albums photos or, the page Username or ID then "/" followed by the album ID - e.g. 182472465104731/947092091976094
to get a specific album of a page. Read the documentation on how 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
Shows all videos this page is tagged in. Enter the page Username or ID - e.g. envato
or, 80655071208
. Read the documentation on how to find a Facebook page ID.
Get posts in a certain date/time from Facebook feed.
Twitter requires authentication to provide the feed's data. Click here for more details.
Twitter provides 3 different feed options:
1. Twitter UsernameEnter 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
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
To search enter the search terms/hashtag - e.g. socialmedia
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.
605472728351707136
Tumblr requires an API Key to display feed data. Click here for more details.
Tumblr provides 1 feed option:
Tumblr UsernameTo 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 provides 1 feed option:
Delicious usernameAdd your Delicious username to get your bookmarks - e.g. username
Pinterest provides 2 different feed options:
1. Pinterest usernameTo 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
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 requires an API Key to display feed data. Click here for more details.
Flickr provides 2 different feed options:
1. Flickr User IDTo get your Flickr User ID:
46221135@N04
To get a Flickr group ID:
78842177@N00
Instagram provides 3 different feed options:
1. Instagram User Feed
Without authentication:
Enter the User Numerical ID
, e.g. 4018952
to get the feed from any Instagram account. (only public accounts) -
How to Find an Instagram User ID?
With authentication:
Enter the User ID
, e.g. 17841401237552411
or Username
, e.g. axentmedia
grabbed from Authenticated Accounts section in the plugin settings page to get the feed from Instagram accounts which you already have it connected to the plugin. (public/private)
To search by tag enter the tag name - e.g. wordpress
To show the latest posts by a location, enter the location ID, e.g. 2593354 - How to Find an Instagram Location ID?
Youtube requires an API Key to display feed data. If you have previously generated and added an API Key for Google you will no 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 usernameTo 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
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
To search enter the search terms - e.g. WordPress
Vimeo provides 1 feed option:
Vimeo usernameTo 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
Deviantart provides 1 feed option:
Deviantart usernameEnter a Deviantart username - e.g. abcd
RSS Feeds have 1 feed option:
RSS feed URLEnter the RSS feed URL - e.g. http://feeds.bbci.co.uk/news/world/europe/rss.xml
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 requires an Access Token to provide the feed's data. Click here for more details.
SoundCloud provides 3 feed options:
1. SoundCloud User TracksThe list of tracks of the user. Enter the SoundCloud Username - e.g. matas
Browse to your SoundCloud page - e.g. https://soundcloud.com/matas
Your SoundCloud Username is the last set of characters in the URL - in the example above, that would be - matas
The list of tracks under a playlist. Enter the SoundCloud Username then "/" followed by the Playlist Slug - e.g. matas/matas-live-dj
Browse to the SoundCloud Playlist page - e.g. https://soundcloud.com/matas/sets/matas-live-dj
Your SoundCloud Playlist Slug is the last set of characters in the URL - in the example above, that would be - matas-live-dj
Performs a track search based on a query. Enter a search term - e.g. paris
VK provides 2 different feed options:
1. VK Wall DomainReturns 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
.
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
.
Sometimes you may wanted to pin/stick an item on top of your created Social Stream or remove an item from the Social Stream. To do this:
WordPress admin panel » Social Stream » Manage Streams
Each item on the Social Stream has a date/time in its footer area that is linked to the original post. You can copy that link to use here.
To translate Social Stream to your local language:
social-board.pot
that is located in the Assets
folder in your downloaded CodeCanyon zip package file, in Poedit.social-board-nl_NL.po
, and save the file somwhere into your computer.<your-wordpress-site.com>/wp-content/plugins/ax-social-stream/language/
(Social Stream language folder in your WordPress plugin directory) on your website using an FTP client.Find more info at Translate WordPress.
To access the Social Stream Settings page, go to WordPress admin panel » Social Stream » Stream Settings
In this section you will be able to configure the settings for your Social Streams. The setting page is split into 2 section tabs:
All changes in this section will only effect the Social Stream default displaying settings. You can use inline parameters in shortcodes to override these default options for an individual Social Stream.
These options apply to all display modes.
Stream ThemeSelect a theme to style your Social Stream.
Results LimitLimiting the maximum number of results to display on the Social Stream.
Words LimitLimiting the description words count to display for each item on the Social Stream - Leave empty for no limit.
Comment Words LimitLimiting the comment words count to display for each item - Leave empty for no limit.
Title LimitLimit of the title words count to display for each item on the Social Stream - Leave empty for no limit.
User info position & detailThis will define, how to display the user info for each item on the Social Stream.
Lightbox contentThis will define, how to display the Social Stream item information in lightbox window.
Item image styleThis will define, how to display the image for each item on the Social Stream.
Read moreIf checked, the (…) character at the bottom of each feed item will be linked to the rest of the content.
OrderingSelect whether to order the results depending on date of each item or randomly.
FilterIf 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 Stream items.
Load moreIf checked, a load more bar will appear at the bottom of the social network wall and loads more social items if clicked.
LinksIf checked, all links will open in a new window else they will be open in the parent window.
Cache TimeThe time delay for caching of Social Streams (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 LogIf 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).
These options only apply to the rotating feed display mode.
Animation SpeedDefines the animation speed (in ms) of the rows moving up or down.
Animation DurationDefines the times (in ms) before the rows automatically move.
Animation DirectionSets the direction of rotating feed movement to either "up" or "down".
ControlsIf 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 StartEnable/disable auto start on load
Pause On Mouse HoverEnable/disable pause when mouse hovers the rotating feed element
Block WidthWidth of feed block (px) - Leave empty for no width.
These options only apply to the wall display mode.
AnimatedThis will enable/disable moving items with animation.
Rotate DelayThe time delay for showing items. It will increase by each block item.
Search FilteringIf checked, a search box will appear above the social network wall allowing the user to filter the Social Stream items using a search phrase.
Filter DirectionLet layout to start render from left to right or, right to left.
Reset DefaultIf 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.
Some networks require authentication to provide feed data.
Note: Before doing API credentials setup, please make sure you have already set your license key within the plugin. Check this section for more information.
For the plugin to be able to retrieve your feed data from Facebook, you need to connect your Facebook accounts/pages to the plugin.
You will be able to get the feed from any Facebook accounts/pages you have listed under Authenticated Accounts section within the plugin.
To connect a Facebook account to the plugin, use one of the following methods:
Note: Please consider, you can only get the feed of Facebook Pages you have under management within the Facebook account you are authenticating our Facebook app with or, your Facebook account has a role in that Facebook Page. Check this article on how to manage roles for your Facebook Page.
In cases you want to get feed from your customers Facebook Pages, you can do any of these:
- You ask your customer to give you a role like Moderator in the Page(s) you want to get feed from and you do the connection process using your own Facebook account.
- Your customer will do the connection process directly using their own Facebook account.
Note: Please consider, you can only get the feed of Facebook Pages you have under management within the Facebook account you are authenticating your Facebook app with or, your Facebook account has a role in that Facebook Page.
Check this article on how to manage roles for your Facebook Page.
Note: Please also make sure your Facebook App is in Development mode.
In cases you want to get feed from your customers Facebook Pages, you can do any of these:
- You create the Facebook App, you ask your customer to give you a role like Moderator in the Page(s) you want to get feed from and finally you do the connection process.
- You create the Facebook App, you add your customer's Facebook account to your App as a Tester or Developer and ask your customer to do the connection process.
- Your customer will create the Facebook App and do the connection process as well.
https://axentmedia.com/facebook-access-token/
Important notice: Due to another sudden change in the Twitter API, updating feeds is limited to 1 - 2 updates per day. Twitter does now have an API that offers a limited number of tweet requests for a $100 monthly fee. While we have resolved the issue, due to instability with Twitter your feeds may not update consistently. We apologize for any inconvenience caused and will update you with further details. You may even be able to add your own App credentials to then restore the unrestricted use of our plugin.
Attention: If you are going to use this method, you need to apply for a Twitter developer account and get approved.
After creating the Application, the Application Details page opens.
Copy the API Key, API Secret, Access Token and Access Token Secret values and paste into the "Twitter API Credentials" form in "Social Stream Settings" page and the plugin should now have access to your Twitter feed data.
For the plugin to be able to retrieve your feed data from Instagram, you need to connect your Instagram account(s) to the plugin.
You will be able to get the feed from any Instagram accounts you have listed under Authenticated Accounts section within the plugin.
To connect an Instagram account to the plugin, use one of the following methods:
Social Stream » Stream Settings
.API Credentials
tab and scroll to the Instagram API Credentials » Instagram Basic (Personal) section.Note: Please consider, you can only get the feed of Instagram accounts you have listed under the Instagram Testers section in your Facebook App and you can connect with them to the App.
In the following tutorial, we will show you how to create your Instagram App via Facebook and add your Instagram accounts into Instagram Testers section.
In cases you want to get feed from your customers Instagram accounts, you can do any of these:
- You create the Facebook App, you add your customer's Instagram account to your App as a Tester and ask your customer to do the connection process.
- Your customer will create the Facebook App and do the connection process as well.
https://axentmedia.com/instagram-access-token/
Note: Please consider, you can only get the feed of Instagram business accounts you have them connected to their corresponding Facebook Pages you have under management within the Facebook account you are authenticating our Facebook app with or, your Facebook account has a role in that corresponding Facebook Page.
Check this article on how to manage roles for your Facebook Page.
Learn more on how to connect your Facebook page to your Instagram business account.
In cases you want to get feed from your customers Instagram business accounts, you can do any of these:
- You ask your customer to give you a role like Moderator in the corresponding Facebook Page(s) you want to get feed from and you do the Instagram business account connection process.
- Your customer will directly do the Instagram business account connection process.
Note: Please consider, you can only get the feed of Instagram business accounts you have them connected to their corresponding Facebook Pages you have under management within the Facebook account you are authenticating your Facebook app with or, your Facebook account has a role in that corresponding Facebook Page.
Check this article on how to manage roles for your Facebook Page.
Learn more on how to connect your Facebook page to your Instagram business account.
In cases you want to get feed from your customers Instagram business accounts, you can do any of these:
- You create the Facebook App, you ask your customer to give you a role like Moderator in the corresponding Facebook Page(s) you want to get feed from and finally you do the connection process.
- You create the Facebook App, you add your customer's Facebook account to your App as a Tester or Developer and ask your customer to do the connection process.
- Your customer will create the Facebook App and do the connection process as well.
https://axentmedia.com/instagram-facebook-access-token/
For the plugin to be able to retrieve your tracks feed data from SoundCloud, you need to connect your SoundCloud account to the plugin.
You will be able to get the tracks feed from any SoundCloud accounts, playlist or using a search term.
You can add your Social Stream on your website in 3 ways:
Add or edit the post or page that you want your Social Stream display on. Then, copy and paste the shortcode below into your post or page content.
[social_board id="<Stream ID>" type="<Stream Type>"]
To add this Social Stream to one of your theme PHP files, use the PHP snippet below.
<?php if (function_exists('social_board')) echo social_board( array( 'id' => <Stream ID>, 'type' => '<Stream Type>' ) ); ?>
Depending on the type of Social Stream you desired, the <Stream 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 Streams in Social Streams management area.
To add the Social Stream as a widget into a widget enabled area:
Appearance → Widgets
in the WordPress navigation.Select a title for your widget. This will be set as your feed block title if "Display Header" is checked.
Social StreamSelect the Social Stream that you are going to add on your website, from the dropdown menu.
Stream ThemeSelect a theme to style your Social Stream.
WidthWidth of widget (px) - Leave empty for no width.
HeightHeight of widget (px) - Leave empty for no height.
Override Default SettingsYou can override the stream default settings for this widget here by passing the parameters separated by & - e.g. order=random&cache=0 - Leave empty to use stream default settings.
Your Social Stream by default, will use the settings that is set in "Stream Settings" page.
To override these default options, you can pass the relevant inline parameters in shortcodes as follows:
These parameters can be used for all type of display modes.
Parameter | Description | Possible Values | Example |
---|---|---|---|
theme | Social Stream 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 Stream. | 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 Stream. | 1, 0 | filters="0" |
loadmore | Load more bar will appear at the bottom of the Social Stream. | 1, 0 | loadmore="1" |
lightboxtype | Lightbox content | media, slideshow | lightboxtype="media" |
layout_image | How to display the image for each item on the Social Stream. | 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 Stream 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 Streams (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 Streams (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 Stream. | 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"]
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 Social Stream" slide="1"]
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 Stream 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"]
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"]
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" |
To access the Themes management page, go to WordPress admin panel » Social Stream » Manage Themes
This section lists all of your previously added Themes.
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.
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.
To create a Theme, click Add New Theme button in the Themes management page.
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"]
The Stream Layout is the main displaying structure of the output feed items. We have created 7 predefined layouts for this plugin. You can create your own custom layout to use here.
Font SizeIn order to set a font size (in px)
for the Social Stream. This is the base font size for all type of Social Streams.
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 IconsHere 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 IconsHere 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 CSSCustom CSS for styling the Social Stream 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.
./wp-content/plugins/ax-social-stream/themes/
directory into the ./wp-content/uploads/ax-social-stream/themes/
directory, rename it to your own layout name - e.g. mylayout.php
and do your required changes for your layout.Add/Edit Theme
page or create your custom stylesheet file and put in ./wp-content/uploads/ax-social-stream/themes/
directory and add its location e.g. mylayout/styles.css
into the Custom CSS field../wp-content/uploads/ax-social-stream/themes/
directory.Each type of Social Stream has it's dedicated options in a separate tab.
Body Background ColorThis color applies to your Social Stream background. Select the new background color of the and click elsewhere on the screen to close the colorpicker widget.
Body Border ColorSelect the new border color of the Social Stream and then click elsewhere on the screen to close the colorpicker widget.
Body Border SizeIn order to set a border size (in px) for the Social Stream.
Body Background ImageIn order to set a background image for the Social Stream.
Font ColorSelect the new font color for the feed item and then click elsewhere on the screen to close the colorpicker widget.
Item Background ColorSelect the new background color for the feed item and then click elsewhere on the screen to close the colorpicker widget.
Item Border ColorSelect the new border color for the feed item and then click elsewhere on the screen to close the colorpicker widget.
Item Border SizeIn order to set a border size (in px) for the feed item.
Social Stream » Stream Settings
.This message is usually caused for one of the following reasons:
After fixing the problem, try cleaning the cache from Social Stream » Stream Settings
.
If you see the shortcode text appears in your website instead of the Social Stream, it is caused for one of the following reasons:
You first need to enable the Rotating Feed from Enabled Layouts section within the Stream Settings page to see the social stream widget in WordPress Dashboard » Appearance » Widgets page.
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.
Social Stream » Stream Settings
.There could be one the following reasons that your Facebook feed may not work:
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.
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.
You need to purchase one license for each site you want to use AX Social Stream 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.
Yes, this plugin works with WordPress Multisite.
But, if you have encountered any problem after installation:
Currently, the only option is to purchase an individual Regular License for each site on which AX Social Stream 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 AX Social Stream 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: https://codecanyon.net/licenses/faq
The problem is because of that your videos are not opening through https links.