{"id":103,"date":"2011-05-19T05:48:05","date_gmt":"2011-05-19T05:48:05","guid":{"rendered":"https:\/\/digitalchild.info\/?p=103"},"modified":"2011-05-19T05:48:05","modified_gmt":"2011-05-19T05:48:05","slug":"instagram-for-wordpress","status":"publish","type":"post","link":"https:\/\/randomadult.local\/instagram-for-wordpress\/","title":{"rendered":"Instagram For WordPress"},"content":{"rendered":"<p>As you can see in my sidebar I&#8217;ve got photos from my <a title=\"Instagr.am\" href=\"http:\/\/instagram.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Instagr.am feed<\/a>. Instagram is a cool little app for the iPhone that lets you throw some effects over your photos and share them. You can follow your friends and the likes. I wanted to get this on\u00a0my site and as I&#8217;m using WordPress I thought, surely someone has written a plugin that&#8217;ll suit my needs. I wanted a simple plugin that would give me a widget that I could easily configure in my sidebar.\u00a0So I start searching and came up with the following:<\/p>\n<ul>\n<li><a title=\"Instagram Embed\" href=\"http:\/\/wordpress.org\/extend\/plugins\/instagram-embed\/\" target=\"_blank\" rel=\"noopener noreferrer\">Instagram Embed<\/a><\/li>\n<li><a title=\"Instagram For WordPress\" href=\"http:\/\/wordpress.org\/extend\/plugins\/instagram-for-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Instagram For WordPress<\/a><\/li>\n<li><a title=\"Instapress\" href=\"http:\/\/wordpress.org\/extend\/plugins\/instapress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Instapress<\/a><\/li>\n<\/ul>\n<p>Instagram Embed just allowed me to add images to my posts, not what I was looking for. Instapress does a whole bunch of stuff and I just wanted the last 5 or 10 images and have them cycle through. Instagram for WordPress was the closest. A widget with 20 images, simple setup and nothing really to it. Great, except the transition speeds were way to fast. There is no option in the plugin to change this, so I decided to dig around the source code and find where to change it.<\/p>\n<p>I found that the plugin author <a title=\"Eriks Remess\" href=\"http:\/\/twitter.com\/EriksRemess\" target=\"_blank\" rel=\"noopener noreferrer\">Eriks Remess<\/a> had used the <a title=\"jQuery Plugin: Cycle\" href=\"http:\/\/jquery.malsup.com\/cycle\/\" target=\"_blank\" rel=\"noopener noreferrer\">jQuery plugin Cycle<\/a> to go through the images. The file that defines this is called &#8216;<em>wpinstagram.js<\/em>&#8216;<\/p>\n<figure id=\"attachment_105\" aria-describedby=\"caption-attachment-105\" style=\"width: 261px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-105 \" title=\"File Location\" src=\"http:\/\/randomadult.local\/wp-content\/uploads\/2011\/05\/wpinstagram-1.jpg\" alt=\"\" width=\"261\" height=\"220\" \/><figcaption id=\"caption-attachment-105\" class=\"wp-caption-text\">wpinstagram.js<\/figcaption><\/figure>\n<p>The definition looks something like this (line 2):<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\njQuery(&quot;ul.wpinstagram&quot;).cycle({fx: &quot;fade&quot;});\n<\/pre>\n<p>All you&#8217;ll want to do to change the fade speed is to add the following to the end of the JS definition: <\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\njQuery(&quot;ul.wpinstagram&quot;).cycle({fx: &quot;fade&quot;, speed: \u00a02500});\n<\/pre>\n<p>All the available options for jQuery Cycle can be found over at <a title=\"jQuery Cycle Options\" href=\"http:\/\/jquery.malsup.com\/cycle\/options.html\" target=\"_blank\" rel=\"noopener noreferrer\">their website<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As you can see in my sidebar I&#8217;ve got photos from my Instagr.am feed. Instagram is a cool little app for the iPhone that lets you throw some effects over your photos and share them. You can follow your friends and the likes. I wanted to get this on\u00a0my site &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"ast-button\" href=\"https:\/\/randomadult.local\/instagram-for-wordpress\/\"> <span class=\"screen-reader-text\">Instagram For WordPress<\/span> Read More \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"categories":[5],"tags":[81,95,103,186,224],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.11 (Yoast SEO v20.11) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Instagram For Wordpress - Digitalchild.Info<\/title>\n<meta name=\"description\" content=\"Instagram for wordpress modification to fix transition speeds\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/randomadult.local\/instagram-for-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Instagram For Wordpress\" \/>\n<meta property=\"og:description\" content=\"Instagram for wordpress modification to fix transition speeds\" \/>\n<meta property=\"og:url\" content=\"https:\/\/randomadult.local\/instagram-for-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Random Adult\" \/>\n<meta property=\"article:published_time\" content=\"2011-05-19T05:48:05+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/randomadult.local\/wp-content\/uploads\/2011\/05\/wpinstagram-1.jpg\" \/>\n<meta name=\"author\" content=\"digitalchild\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dcwhatwhat\" \/>\n<meta name=\"twitter:site\" content=\"@dcwhatwhat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"digitalchild\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/randomadult.local\/instagram-for-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/randomadult.local\/instagram-for-wordpress\/\"},\"author\":{\"name\":\"digitalchild\",\"@id\":\"https:\/\/randomadult.local\/#\/schema\/person\/b0b954202434291ace51b4e7a0a81c04\"},\"headline\":\"Instagram For WordPress\",\"datePublished\":\"2011-05-19T05:48:05+00:00\",\"dateModified\":\"2011-05-19T05:48:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/randomadult.local\/instagram-for-wordpress\/\"},\"wordCount\":309,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/randomadult.local\/#organization\"},\"keywords\":[\"hack\",\"instagram\",\"javascript\",\"source code\",\"wordpress\"],\"articleSection\":[\"Geek\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/randomadult.local\/instagram-for-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/randomadult.local\/instagram-for-wordpress\/\",\"url\":\"https:\/\/randomadult.local\/instagram-for-wordpress\/\",\"name\":\"Instagram For Wordpress - Digitalchild.Info\",\"isPartOf\":{\"@id\":\"https:\/\/randomadult.local\/#website\"},\"datePublished\":\"2011-05-19T05:48:05+00:00\",\"dateModified\":\"2011-05-19T05:48:05+00:00\",\"description\":\"Instagram for wordpress modification to fix transition speeds\",\"breadcrumb\":{\"@id\":\"https:\/\/randomadult.local\/instagram-for-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/randomadult.local\/instagram-for-wordpress\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/randomadult.local\/instagram-for-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/randomadult.local\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Instagram For WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/randomadult.local\/#website\",\"url\":\"https:\/\/randomadult.local\/\",\"name\":\"Random Adult\",\"description\":\"Ramblings of a random adult\",\"publisher\":{\"@id\":\"https:\/\/randomadult.local\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/randomadult.local\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/randomadult.local\/#organization\",\"name\":\"Random Adult\",\"url\":\"https:\/\/randomadult.local\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/randomadult.local\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/randomadult.local\/wp-content\/uploads\/2020\/01\/logo.png\",\"contentUrl\":\"https:\/\/randomadult.local\/wp-content\/uploads\/2020\/01\/logo.png\",\"width\":320,\"height\":134,\"caption\":\"Random Adult\"},\"image\":{\"@id\":\"https:\/\/randomadult.local\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/twitter.com\/dcwhatwhat\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/randomadult.local\/#\/schema\/person\/b0b954202434291ace51b4e7a0a81c04\",\"name\":\"digitalchild\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/randomadult.local\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e0331079f6730910bc7760cb8f781237?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e0331079f6730910bc7760cb8f781237?s=96&d=mm&r=g\",\"caption\":\"digitalchild\"},\"url\":\"https:\/\/randomadult.local\/author\/digitalchild\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Instagram For Wordpress - Digitalchild.Info","description":"Instagram for wordpress modification to fix transition speeds","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/randomadult.local\/instagram-for-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Instagram For Wordpress","og_description":"Instagram for wordpress modification to fix transition speeds","og_url":"https:\/\/randomadult.local\/instagram-for-wordpress\/","og_site_name":"Random Adult","article_published_time":"2011-05-19T05:48:05+00:00","og_image":[{"url":"http:\/\/randomadult.local\/wp-content\/uploads\/2011\/05\/wpinstagram-1.jpg"}],"author":"digitalchild","twitter_card":"summary_large_image","twitter_creator":"@dcwhatwhat","twitter_site":"@dcwhatwhat","twitter_misc":{"Written by":"digitalchild","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/randomadult.local\/instagram-for-wordpress\/#article","isPartOf":{"@id":"https:\/\/randomadult.local\/instagram-for-wordpress\/"},"author":{"name":"digitalchild","@id":"https:\/\/randomadult.local\/#\/schema\/person\/b0b954202434291ace51b4e7a0a81c04"},"headline":"Instagram For WordPress","datePublished":"2011-05-19T05:48:05+00:00","dateModified":"2011-05-19T05:48:05+00:00","mainEntityOfPage":{"@id":"https:\/\/randomadult.local\/instagram-for-wordpress\/"},"wordCount":309,"commentCount":0,"publisher":{"@id":"https:\/\/randomadult.local\/#organization"},"keywords":["hack","instagram","javascript","source code","wordpress"],"articleSection":["Geek"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/randomadult.local\/instagram-for-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/randomadult.local\/instagram-for-wordpress\/","url":"https:\/\/randomadult.local\/instagram-for-wordpress\/","name":"Instagram For Wordpress - Digitalchild.Info","isPartOf":{"@id":"https:\/\/randomadult.local\/#website"},"datePublished":"2011-05-19T05:48:05+00:00","dateModified":"2011-05-19T05:48:05+00:00","description":"Instagram for wordpress modification to fix transition speeds","breadcrumb":{"@id":"https:\/\/randomadult.local\/instagram-for-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/randomadult.local\/instagram-for-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/randomadult.local\/instagram-for-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/randomadult.local\/"},{"@type":"ListItem","position":2,"name":"Instagram For WordPress"}]},{"@type":"WebSite","@id":"https:\/\/randomadult.local\/#website","url":"https:\/\/randomadult.local\/","name":"Random Adult","description":"Ramblings of a random adult","publisher":{"@id":"https:\/\/randomadult.local\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/randomadult.local\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/randomadult.local\/#organization","name":"Random Adult","url":"https:\/\/randomadult.local\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/randomadult.local\/#\/schema\/logo\/image\/","url":"https:\/\/randomadult.local\/wp-content\/uploads\/2020\/01\/logo.png","contentUrl":"https:\/\/randomadult.local\/wp-content\/uploads\/2020\/01\/logo.png","width":320,"height":134,"caption":"Random Adult"},"image":{"@id":"https:\/\/randomadult.local\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/twitter.com\/dcwhatwhat"]},{"@type":"Person","@id":"https:\/\/randomadult.local\/#\/schema\/person\/b0b954202434291ace51b4e7a0a81c04","name":"digitalchild","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/randomadult.local\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e0331079f6730910bc7760cb8f781237?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e0331079f6730910bc7760cb8f781237?s=96&d=mm&r=g","caption":"digitalchild"},"url":"https:\/\/randomadult.local\/author\/digitalchild\/"}]}},"_links":{"self":[{"href":"https:\/\/randomadult.local\/wp-json\/wp\/v2\/posts\/103"}],"collection":[{"href":"https:\/\/randomadult.local\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/randomadult.local\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/randomadult.local\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/randomadult.local\/wp-json\/wp\/v2\/comments?post=103"}],"version-history":[{"count":0,"href":"https:\/\/randomadult.local\/wp-json\/wp\/v2\/posts\/103\/revisions"}],"wp:attachment":[{"href":"https:\/\/randomadult.local\/wp-json\/wp\/v2\/media?parent=103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/randomadult.local\/wp-json\/wp\/v2\/categories?post=103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/randomadult.local\/wp-json\/wp\/v2\/tags?post=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}