{"id":64926,"date":"2011-11-25T08:45:47","date_gmt":"2011-11-25T13:45:47","guid":{"rendered":"http:\/\/wpmu.org\/?p=64926"},"modified":"2011-11-25T12:22:40","modified_gmt":"2011-11-25T17:22:40","slug":"quick-easy-flickr-integration-wordpress-blog","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/quick-easy-flickr-integration-wordpress-blog\/","title":{"rendered":"Quick & Easy Flickr Integration For Your WordPress Blog"},"content":{"rendered":"
\"WordPress
Feel the love.<\/figcaption><\/figure>\n

If you love Flickr<\/a> and WordPress, I’m sure you would love to know how you can display your Flickr photos in your blog posts<\/strong>. Whilst there a few plugins available, the best I have found in terms of quick and easy implementation is Flickr Gallery<\/a>.<\/p>\n

Using just a simple piece of shortcode, you can link directly to your entire gallery<\/strong>:<\/p>\n

\"FlickrOr you can pull a single image from Flickr<\/strong>\u00a0simply by referring to its unique ID:<\/p>\n

\"FlickrYou can also display photos filtered by a specific tag, or tags<\/strong>:<\/p>\n

\"FlickrThere are a few other features, none of which are overwhelming<\/strong> if you want to just stick to basics.<\/p>\n

Implementation<\/h2>\n

Certain WordPress plugins (naming no names) have a habit of being far too complicated to implement and use, but that is thankfully not the case with Flickr Gallery<\/a><\/strong>.<\/p>\n

First of all, download and install the plugin. Then head to the settings screen where you will be prompted for an API key:<\/p>\n

\"FlickrGo ahead and click on the “API Key” link. This will direct you to the Flickr App Garden<\/a>, where you can apply for an API key.<\/p>\n

\"Flickr <\/p>\n

Put a name and short description in (it’s not important), check the boxes, and hit “Submit”. You should then be presented with your API key and “secret”:<\/p>\n

\"Flickr<\/p>\n

That’s the API sorted! Input the API key and your User ID in the Flickr Gallery settings screen.<\/p>\n

\"FlickrIf you don’t know your User ID, you can use the drop down box to select from your User Name, Email Address, or Flickr photopage URL (e.g.\u00a0http:\/\/www.flickr.com\/photos\/tomewer<\/a>).<\/p>\n

That is literally all you need to do to get up and running!<\/strong><\/p>\n

Shortcodes<\/h2>\n

Now you just need to insert the relevant piece of shortcode where you want your photo(s) to be displayed. Here are the best choices:<\/strong><\/p>\n

[flickr-gallery]<\/code> – as you might expect, this displays a gallery of your Flickr images<\/strong>. You can set the number of images to be displayed, and the tabs to be shown, in the settings screen.<\/p>\n

[flickr]6394973101[\/flickr]<\/code> – this displays a single image<\/strong>. The numbers represents the unique ID of whichever image you want to show.<\/p>\n

[flickr-gallery mode=\"tag\" tags=\"yourtag\" tag_mode=\"all\"]<\/code>\u00a0– this shows all images with the named tag<\/strong>. You can include multiple tags with comma\u00a0separation\u00a0(e.g. ‘tags=”tag1, tag2″‘)<\/p>\n

The full list of shortcodes can be found here<\/a>.<\/strong><\/p>\n

Creative Commons images courtesy of Clay Cauley<\/a>, Everaldo Coelho<\/a>\u00a0and mysitemyway<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Want to show your Flickr photos on your blog with no hassle? Here’s the solution.<\/p>\n","protected":false},"author":84405,"featured_media":64943,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[4],"tags":[860],"tutorials_categories":[],"class_list":["post-64926","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins","tag-flickr"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/64926","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/84405"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=64926"}],"version-history":[{"count":1,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/64926\/revisions"}],"predecessor-version":[{"id":217686,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/64926\/revisions\/217686"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/64943"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=64926"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=64926"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=64926"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=64926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}