Docs    Facebook    Getting Started

Displaying Facebook Photos using the WordPress Plugin

There are two main ways in which you can use the Custom Facebook Feed WordPress plugin to display photos from your Facebook page; from your Facebook Photos page, or from your Facebook page timeline.

Note: Displaying the Photos feed is not available for Groups. Groups can still display a timeline feed with photos.

Plugin Version 4.0 and above

From your Facebook Photos page

This method will pull the photos directly from your Photos page on Facebook and display them in a grid format similar to how they are displayed on Facebook, and as you can see in this demo, or in the Masonry layout. The photo description will be shown in the pop-up lightbox for the Gallery layout.

photos-page-screenshot

To display a video feed, when creating a new feed select the Photos Feed Type.

Select feed type photos

or editing an existing one under Facebook Feed > All Feeds > select Edit for the feed > Settings > Feed Type > click Change and select Photos.

From the timeline

When selecting the Feed Type, select Timeline. You can control which content to display in the Customize options for the feed later.

Select feed type video

For the created feed, go to Facebook Feed > All Feeds > select Edit for the feed > Settings > Filters >  Select Only specified posts and Photos. You are also able to a combination of photos, albums, and videos.

Customize the Layout of the Photo Feed

To set the layout to be either Masonry or Grid, go to Facebook Feed > All Feeds > select Edit for the feed > Customize > Feed Layout > Select the layout you want to display. Here you can also further customize the number of posts or columns you want to display for different devices.

Please note, if you post multiple photos to Facebook then Facebook adds them to one of your albums (it could be ‘Mobile Uploads’ or ‘Timeline Photos’ depending on how they’re uploaded or which album you select to add them to when uploading). When doing this Facebook doesn’t add each individual photo to your timeline, it creates a single post that says that ‘__ added 10 photos to Timeline Photos’, or something similar. This is what the plugin then displays, as this is the information that’s passed to the plugin from Facebook. The plugin then classes these posts as “album” posts and so you’d need to also select the ‘Albums’ filter to display these.

Below Version 4.0

From your Facebook Photos page

This method will pull the photos directly from your Photos page on Facebook and display them in a grid format similar to how they are displayed on Facebook, and as you can see in this demo. The photo description will be shown in the pop-up lightbox.

photos-page-screenshot

You can display photos from your Photos page in two ways; using the plugin’s Settings pages or using the shortcode options.

Settings pages:

Click on the plugin’s ‘Customize’ page, and in the ‘Post Types’ section uncheck all other post types apart from ‘Photos’. You can then select to show photos from your ‘Photos Page’.

photos-page

Shortcode options:

Just set the post type to be ‘photos’ in your shortcode and then change the photo source to be your Facebook Photos Page, like so:

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons

 

From your Facebook timeline

This method will get a batch of posts from your Facebook timeline and then filter through them and only display the ones which are “photo posts”. They will be displayed in a “post” layout, as you can see in this demo, and will show the post text along with the likes and comments below each post.

timeline-photos-screenshot

You can display photos from your timeline in two ways; using the plugin’s Settings pages or using the shortcode options.

Settings pages:

Click on the plugin’s ‘Customize’ page, and in the ‘Post Types’ section uncheck all other post types apart from ‘Photos’. You can then select to show photos from your ‘Timeline’.

timeline-photos

Shortcode options:

Just set the post type to be ‘photos’ in your shortcode, like so:

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons

The default source of the photos will be from your timeline, but if you’ve changed this in the Post Types section of the settings page shown above then you can set it explicitly in the shortcode, like so:

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons

Please note, if you post multiple photos to Facebook then Facebook adds them to one of your albums (it could be ‘Mobile Uploads’ or ‘Timeline Photos’ depending on how they’re uploaded or which album you select to add them to when uploading). When doing this Facebook doesn’t add each individual photo to your timeline, it creates a single post which says that ‘__ added 10 photos to Timeline Photos’, or something similar. This is what the plugin then displays, as this is the information that’s passed to the plugin from Facebook. The plugin then classes these posts as “album” posts and so you’d need to also select the ‘Albums’ post type to display too, eg: type=”photos, albums”.

support

Couldn’t find your answer in the docs?

Contact Support

Was this article helpful?