I am passionate about art, music, photography, and I guess all things creative (including making your website)

custom flickr feed

December 26th, 2008. Written by Josh

I had a few friends ask me how I integrated my flickr feed into the sidebar.  The method I use is actually extremely easy and allows for a custom feed…

1.  Download the flickrRSS plugin.

2.  Drop the plugin in wp-content/plugins

3.  Log into your Wordpress and enable the plugin

4.  Visit the Settings section, select flickrRSS and configure your plugin as follows:
Use idGettr to get your id, copy+paste it into the field
Display: user, 6 items, square
the rest you can leave blank for now

5.  Once the plugin has been enable you need to manually edit your theme through Wordpress.  Under the appearance tab, select editor, the location may be different depending on the vers

ion of Wordpress you are using.  I recommend upgrading to 2.7, the editor link will be on the left sidebar.

6.     Once you select ‘Editor’ make sure that you are modifying the correct theme.  On the top right there is a drop down that lets you select the theme to edit, ensure that you have your current theme selected.

7.  Select Stylesheet(style.css).  Navigate all the way to the bottom of the file and add the following lines:
/***** flickrRSS *****/
#flickr ul, #flickr ul li { padding: 0; margin: 0; border: 0; }
#flickr a img { border: 1px #ccc solid; padding: 3px; margin: 5px 3px 0px;}
#flickr a:hover img { border: 1px #999 solid; }

8.  Select Sidebar(sidebar.php). Enter the followi

ng code where you want your feed to appear:
<div id=”flickr”>
<h2>flickr</h2>
<ul><?php get_flickrrss(); ?></ul>

Feel free to modify and play with the CSS until you get the results youre looking for.

flickr

No Responses to "custom flickr feed"

Leave a Reply