- Log in to your Flickr account and tag all the photos you want to display on a particular page of your wordpress site. If your tag is more than one word make sure you place double quotes around the tag e.g "South Africa"
- Back on your wordpress site put into your post, page or sidebar, the following shortcode but between square brackets: [ and ]
[code]slickr-flickr tag="South Africa"[/code]
Demo of a slideshow with my photos from Flickr tagged with “Portes de Soleil”
One Horse Open Sleigh
On foot or on ski Through Avoriaz
Sun and Ski at La Chapel d'Abondance
Watch Out for Hurtling Horse
Not Thinking Of England in March
Gallery with my photos from Flickr tagged with Slickr Flickr with Lightbox display at the medium size
The Flickr show is included within a post or a widget using the slickr-flickr short code
For example to show my pictures from Flickr that have been tagged with “bahamas” I would use :
The Slickr Flickr Attributes (Parameters) are as follows:
- id – the Flickr ID of the user – you can get this from http://idgettr.com/
- group – set to ‘y’ if the Flickr Id belongs to a group rather than a user (default is n)
- use_key- set to ‘y’ to force the use of the API key (default is n)
- api key – your Flickr API key – this allows you to fetch up to 50 rather than just 20 photos – but only when searching tagged photos, groups or favorites not for sets or friends
- search – photos (default), groups, favorites, friends or sets
- tag – identifies what photos to display – (but is ignored where the search is for friends, groups or favorites)
- tagmode – set to ‘any’ for fetching photos with different tags – default is ‘all’
- set – number of the photoset – used when search=sets
- items – maximum number photos to display in the gallery or slideshow (default is 20)
- type – gallery, galleria or slideshow (default is gallery)
- captions – whether captions are on or off (default is on)
- delay – delay in seconds between each image in the slide show (default is 5)
- transition – slide transition time in seconds (only available in Slickr Flickr Pro edition)
- start – number of the starting slide in the slideshow or ‘random’ for a random start (default is 1) – only applies to the slideshow
- autoplay – on or off (default is on) – only applies to the galleria right now
- pause – on or off – default is off
- orientation – landscape or portrait (default is landscape)
- size – small, medium, m640, large or original (default is “medium” but only use “original” or “medium” for galleries and only use “large” if you actually have large photos on Flickr – over 1024 width typically) -(For the Galleria only you need to set the size of the galleria explicitly when using “original” size photos – e.g galleria_options=”height:600;width:800″
- width – width of slideshow (only available in Slickr Flickr Pro edition)
- height – height of slideshow (only available in Slickr Flickr Pro edition)
- thumbnail_size – square (75x75px), thumbnail (100x75px), small (240x180px) – default is square (only applies to gallery)
- thumbnail_scale – percentage scaling factor – default is 100 – recommend the range is between 50 and 100 to maintain image quality and performance (only applies to gallery)
- thumbnail captions – on or off – default is off – adds the photo title as a caption beneath each thumbnail – typically use this when you use larger thumbnails (only applies to gallery)
- photos_per_row – narrow the gallery to limit the number of photos per row – values would typically be in the range from 2 to 6
- align – align the slideshow or gallery in the center, to the left or to the right (default is left) – For the Galleria this parameter is ignored as the galleria_options are used to control formatting
- border – show a border around the slideshow images – on or off (default off)
- descriptions – on or off (default off) – show the photo description underneath the caption
- flickr_link – on or off (default off) – make the caption a link back to the photo on Flickr
- flickr_link_title – text of link to photo on Flickr
- flickr_link_target – set to “_blank” to show photo on Flickr in a new tab/window
- link – send the user to another URL when they click on the slideshow
- attribution – line that can be used to credit the photographer above the slideshow or gallery
- sort – date, title, or description
- direction – ascending or descending – used when sorting photos
You can set the parameters on each individual slideshow or set default values using the Admin Settings.
The following are example uses of the different parameters.
Please note that I have added removed the “[” and the “]” around the “slickr-flickr command” otherwise the plugin runs and shows the slideshow and not the code. When you put the code in the your blog posts make sure you include the square brackets.
Gallery of up to 5 of my France photos with popup display at medium size (either width or height around 500px)
[text]slickr-flickr tag="france" items="5" type="gallery"[/text]
Gallery of my France photos with popup display at original size.
[code]slickr-flickr tag="france" type="gallery" size="original"[/code]
Slideshow of up to 12 my France photos with a delay of 3 seconds between slides displayed at medium size (width around 500px) and without captions
[code]slickr-flickr tag="france" items="12" type="slideshow" captions="off" delay="3"[/code]
Slideshow of up to 6 my doggy photos starting randomly which are in portrait format (their width is less than their height) where their size is around 180px by 240px. I would typically use this format for displaying photos in a text widget in a sidebar.
[code]slickr-flickr tag="dogs" items="6" type="slideshow" orientation="portrait" size="small" start="random"[/code]
Slideshow of up to 12 photos tagged with Barcelona by Klaus Dolle.
[code]slickr-flickr tag="barcelona" items="12" type="slideshow" id="67057161@N00"[/code]
Slickr Flickr has the following restrictions:
- Flickr serves photos at standard sizes: square, thumbnail, small, medium, medium 640, large and original. Typically you will use “small” for slideshows in sidebar widgets, “medium” or “m640” for slideshows in the main content area and either “medium”, “m640” or “original” for galleries. Slickr Flickr has the limitation of only handling photos at these sizes. However, you can use CSS to resize the photos. The Small Slideshow Tutorial shows how to handle a narrow sidebar.
- There is a limit of 20 photos per gallery or slideshow if you just specify your Flickr ID, and a limit of 50 per page when you specify your Flickr API key, and the number is unlimited with Slickr Flickr Pro as it makes multiple requests to Flickr in the background to fetch as many photos as you want to display in your slideshow or gallery.