{"id":6005,"date":"2014-01-17T05:03:40","date_gmt":"2014-01-16T18:03:40","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=6005"},"modified":"2022-11-24T12:43:37","modified_gmt":"2022-11-24T02:43:37","slug":"flickr-and-wordpress-integration-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/flickr-and-wordpress-integration-primer-tutorial\/","title":{"rendered":"Flickr and WordPress Integration Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/FlickrFeed\/WordpressBlogConnection\/\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"Flickr and WordPress Integration Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/FlickrFeed\/WordpressBlogConnection\/Flickr_Wordpress.jpg\" title=\"Flickr and WordPress Integration Primer Tutorial\"  \/><\/a><p class=\"wp-caption-text\">Flickr and WordPress Integration Primer Tutorial<\/p><\/div>\n<p>Photo sharing on the web is very popular, and <a target=_blank title='Flickr Photo Sharing' href='http:\/\/www.flickr.com\/'>Flickr<\/a> is a very popular photo sharing website.  Today we build on <a title='JSON and jQuery Javascript Flickr Feed Tutorial' href='#jjfft'>JSON and jQuery Javascript Flickr Feed Tutorial<\/a> as shown below, and show a Flickr piece of Sharing functionality that allows you to log into Flickr and post a photograph to a WordPress blog as a new posting (cute, huh).<\/p>\n<p><strong>Below are some good background reading for the concepts of this tutorial and to do with using Flickr Photo Sharing, all via Wikipedia:<\/strong><\/p>\n<ul>\n<li><a target=_blank title='XML-RPC' href='http:\/\/en.wikipedia.org\/wiki\/XML-RPC'>XML-RPC<\/a><\/li>\n<li><a target=_blank title='JSON' href='http:\/\/en.wikipedia.org\/wiki\/JSON'>JSON<\/a><\/li>\n<li><a target=_blank title='XML' href='http:\/\/en.wikipedia.org\/wiki\/XML'>XML<\/a><\/li>\n<li><a target=_blank title='RSS Feed' href='http:\/\/en.wikipedia.org\/wiki\/RSS'>RSS Feed<\/a><\/li>\n<li><a target=_blank title='jQuery' href='http:\/\/en.wikipedia.org\/wiki\/JQuery'>jQuery<\/a><\/li>\n<li><a target=_blank title='JavaScript' href='http:\/\/en.wikipedia.org\/wiki\/Javascript'>JavaScript<\/a><\/li>\n<li><a target=_blank title='Flickr image hosting' href='http:\/\/en.wikipedia.org\/wiki\/Flickr'>Flickr image hosting<\/a><\/li>\n<\/ul>\n<p>Link to <a target=_blank title='click picture' href='http:\/\/www.rjmprogramming.com.au\/FlickrFeed\/WordpressBlogConnection\/'>tutorial<\/a> here (where, along the way you&#8217;ll see lots of Flickr Sharing functionalities and great software integration options described &#8230; <a target=_blank title='Flickr Photo Sharing' href='http:\/\/www.flickr.com\/services\/'>start here<\/a>), the work of which resulted in &#8230;<\/p>\n<p><iframe src='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=5978#main' width=650 height=700><\/iframe><\/p>\n<hr \/>\n<p id='jjfft'>Previous <a target=_blank title='JSON and jQuery Javascript Flickr Feed Tutorial' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=1477'>JSON and jQuery Javascript Flickr Feed Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Javascript\/jQuery\/FlickrFeed\/\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"JSON and jQuery Javascript Flickr Feed Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Javascript\/jQuery\/FlickrFeed\/Flickr_Ideas-0of.jpg\" title=\"JSON and jQuery Javascript Flickr Feed Tutorial\"  \/><\/a><p class=\"wp-caption-text\">JSON and jQuery Javascript Flickr Feed Tutorial<\/p><\/div>\n<p>Web browser users really like to make use of data feeds and one of the protocol formats they are often using when accessing RSS feeds is JSON (and XML), as outlined below in a Wikipedia entry.   In this tutorial we see JavaScript jQuery library functionality accessing the Flickr image hosting share area used by this domain here at rjmprogramming.com.au and then go on to show you some steps in making a Web Application that could access this Flickr image hosting photo data.<\/p>\n<blockquote>\n<p>JSON (pron.: \/\u02c8d\u0292e\u026as\u0252n\/ JAY-sawn, pron.: \/\u02c8d\u0292e\u026as\u0259n\/ JAY-sun), or JavaScript Object Notation, is a text-based open standard designed for human-readable data interchange. It is derived from the JavaScript scripting language for representing simple data structures and associative arrays, called objects. Despite its relationship to JavaScript, it is language-independent, with parsers available for many languages.<\/p>\n<p>The JSON format was originally specified by Douglas Crockford, and is described in RFC 4627. The official Internet media type for JSON is application\/json. The JSON filename extension is .json.<\/p>\n<p>The JSON format is often used for serializing and transmitting structured data over a network connection. It is used primarily to transmit data between a server and web application, serving as an alternative to XML.<\/p>\n<\/blockquote>\n<p>Click <a target=_blank title='click picture' href='http:\/\/www.rjmprogramming.com.au\/Javascript\/jQuery\/FlickrFeed\/'>on picture above<\/a> to see the Flickr Feed tutorial using jQuery and JSON.<\/p>\n<p>Link to Flickr Feed live run <a target=_blank title='Flickr Feed' href='http:\/\/www.rjmprogramming.com.au\/FlickrFeed\/'> for rjmprogramming.com.au Flickr photo set (latest 20)<\/a>.<\/p>\n<p><strong>Below are some good background reading for the concepts of this tutorial all via Wikipedia:<\/strong><\/p>\n<ul>\n<li><a target=_blank title='JSON' href='http:\/\/en.wikipedia.org\/wiki\/JSON'>JSON<\/a><\/li>\n<li><a target=_blank title='XML' href='http:\/\/en.wikipedia.org\/wiki\/XML'>XML<\/a><\/li>\n<li><a target=_blank title='RSS Feed' href='http:\/\/en.wikipedia.org\/wiki\/RSS'>RSS Feed<\/a><\/li>\n<li><a target=_blank title='jQuery' href='http:\/\/en.wikipedia.org\/wiki\/JQuery'>jQuery<\/a><\/li>\n<li><a target=_blank title='JavaScript' href='http:\/\/en.wikipedia.org\/wiki\/Javascript'>JavaScript<\/a><\/li>\n<li><a target=_blank title='Flickr image hosting' href='http:\/\/en.wikipedia.org\/wiki\/Flickr'>Flickr image hosting<\/a><\/li>\n<\/ul>\n<p>Link to Flickr image hosting for rjmprogramming.com.au called <a target=_blank title='rmetimages at Flickr' href='http:\/\/www.flickr.com\/photos\/rjmprogramming\/'>rmetimages<\/a>.<\/p>\n<p>Download programming source code and rename to <a target=_blank title='rmetimages Flickr feed (latest 20)' href='http:\/\/www.rjmprogramming.com.au\/FlickrFeed\/FlickrFeed_jQuery_Json.html_GETME'>FlickrFeed_jQuery_Json.html<\/a>.<\/p>\n<p><strong><em>Did you know &#8230;<\/em><\/strong><br \/>\nJavaScript makes a great easy-access Calculator?<\/p>\n<p>Try typing the lines below into the address bar of your favourite browser:<\/p>\n<p>Javascript: eval(512 \/ 380);<br \/>\nJavascript: eval(512 * 380);<br \/>\nJavascript: eval(512 &#8211; 380);<br \/>\nJavascript: eval(512 + 380);<br \/>\nJavascript: eval(512 % 380);<\/p>\n<p>These days we spend so much time on the Internet it is a much quicker way to get to a calculator!\n<\/p>\n<p>You may want to try the new Android App called <a target=_blank title='Flickr Latest 20' href='https:\/\/play.google.com\/store\/apps\/details?id=com.rjmprogramming.flickrlatest20#?t=W251bGwsMSwyLDIxMiwiY29tLnJqbXByb2dyYW1taW5nLmZsaWNrcmxhdGVzdDIwIl0.'>Flickr Latest 20<\/a>.<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d1477' onclick='var dv=document.getElementById(\"d1477\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?s=Flickr\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d1477' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr \/>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d6005' onclick='var dv=document.getElementById(\"d6005\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?s=Flickr\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d6005' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Photo sharing on the web is very popular, and Flickr is a very popular photo sharing website. Today we build on JSON and jQuery Javascript Flickr Feed Tutorial as shown below, and show a Flickr piece of Sharing functionality that &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/flickr-and-wordpress-integration-primer-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,30,33,37],"tags":[151,252,445,614,931,972,1137,1166,1319],"class_list":["post-6005","post","type-post","status-publish","format-standard","hentry","category-elearning","category-photography","category-software","category-tutorials","tag-blog","tag-connection","tag-flickr","tag-integration","tag-photography","tag-posting","tag-sharing","tag-software-2","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/6005"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=6005"}],"version-history":[{"count":1,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/6005\/revisions"}],"predecessor-version":[{"id":57611,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/6005\/revisions\/57611"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=6005"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=6005"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=6005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}