How To Add Our RSS Photo Feed To Your WordPress Blog!

Please note! The following has been tested in WP 3.1 We can not guarantee that this will work in your particular installation nor can we assure you that it won’t clash with other plugins you might be using.

We are now inducing an image in our RSS feed that you can show at your WordPress (self hosted) blog. You can easily add this RSS feed by installing a widget called  “Image Feed Widget” by Yorik van Havre. This is a great way to show new fresh content every day on your blog!

Here are 2 examples of how that could look at your blog:

From: http://lifeasahuman.com/
Scroll down just past the Recent Articles and you will see section called “Latest Posts From Our Photo Site”

 

From: http://www.synaptici.com/
Scroll down just past the video on the right hand side and look for “From Life As A Human Photography”


To add our RSS feed follow these steps:

Adding The Widget:

1 – Install “Image Feed Widget” by Yorik van Havre.

2 – Activate the widget

3 – Go to Widgets and drag the Image Feed Widget where you would like it to be.

4 – Give the Widget a Title like “From Life As A Human Photography” or “Life As A Human Photo Feed”

5- Add this http://photos.lifeasahuman.com/feed/  to the field called “RSS feeds (comma-separated):”

6  – Set the other settings to your liking but make sure that “Use RSS enclosures?” is set to yes.

Styling The Widget:
Do this ONLY if you are familiar with style.css files and BACKUP YOUR style.css file first!

By default the widget will display the thumbnails at 150 x 150 in a vertical row. You can change this if you like by adding the following to your themes STYLE.CSS

To Show A Horizontal Row
Like you saw at the Life As A Human link above, add this at the end of your css file.

.image-feed-list li { display: inline-block;
list-style-type: none;
padding-right: 20px;
}

To Control The Size

Add this line line to your style.css file. In this example we have limited size to 100 X 100.

.image-feed-small a img { max-height: 100px; max-width: 100px; }

Here is anotyer example of how I set up the STYLE.CSS file at  synaptic i

.image-feed-list li { display: inline-block;
list-style-type: none;
padding-right: 20px;
}

.image-feed-small a img { max-height: 140px; max-width: 140px; }


Styling The Link Hover Title (AKA the mouse over)
Do this ONLY if you are familiar with editing PHP files and BACKUP YOUR PHP file first!

By default, the Image Feed Widget shows a mouse over that reads “Postada em” instead of “Posted”

It’s easy to change this.

Go to the /wp-content/plugins/image-feed-widget and edit the image-feed-widget.php file.

Line 56 reads:

title=“<?php echo $item->get_title().’ – Postada em ‘.$item->get_date(‘d M Y, H:i’); ?>”>

Change it to

title=”<?php echo $item->get_title().’ – Posted ‘.$item->get_date(‘d M Y, H:i’); ?>”>

Save and you are done!

If you have questions about this, please leave a comment below and we will do our best to answer as soon as possible.