This tutorial is going to show you how to manage RD Facebook Feed plugin in your Multipurpose Website Template.
This plugin has ultimate styling options and provides the Facebook graph API integration so that you can showcase your Facebook feed directly on the website.
- First, connect to your FTP or open the File Manager at your hosting cPanel.
- Locate the file that contains the Facebook feed. In our case it’s the rd-facebook-feed.html file, let’s open it for editing.
- Next, scroll down to find a line with the
data-fb-idattribute. It will appear similar to the following:
- Set here your own values for the
data-fb-id(your Facebook user ID) and
data-fb-access(Access Token) attributes. In order to get this data, you need to create an app on the Facebook developers page. This is enough to make the feed show your own posts, but keep the default template’s design for it. In case you’d like to change the design, see the next steps.
- If you’re fine with the current date format, the
data-fb-date-formatattribute can remain unchanged. However, you may modify it up to your needs by swapping places for a day (%d), month (%B) and a year (%Y) in order to get the desired date format.
- You may also specify the type of the feed using the
data-fb-page-typeattribute. So, if you’re sharing news from a public Facebook page, set it to
'page'. Otherwise, if you’re an administrator of some group, use the
'group'value. For example:
- When you have the feed activated, you may scroll a bit down to add or change a markup of the feed items. The code of the single item looks as follows
- The only requirement here is to keep the
data-fb-postattribute, the rest of the HTML structure can be changed up to your needs. There are additional attributes, such as
data-from-name(inserts the username of the entry author),
data-created_time(inserts the date of the entry creation),
data-message(inserts the entry content),
data-picture(shows an image),
data-link(defines if the link has to be applied, the link itself is set at the
data-description(inserts the description of the shared post),
data-comments-count(shows number of comments),
data-likes-count(shows number of likes).
- Please, refer to the official documentation of the RD Facebook Feed plugin to learn more on its advanced setup. You will find a lot of tips here!