I found a easy way to generate Access Token:
http://instagram.pixelunion.net/
I found under this Post the URL:
https://stackoverflow.com/questions/483 ... is-invalid
X3 Photo Gallery Support Forums
That's useful. Still kinda sucks that one needs to create an "app" from Instagram > Developer section and then ALSO use a 3rd party service to create an access_token, which Instagram could decide to terminate. Why can't one create an access token from Instagram. Just don't like this if we are to consider creating a built-in Instagram plugin.hardliner wrote: I found a easy way to generate Access Token:
http://instagram.pixelunion.net/
<script src="https://cdn.jsdelivr.net/npm/instafeed.js@1.4.1/instafeed.min.js"></script>
<script>
var feed = new Instafeed({
target: 'instafeed',
get: 'user',
limit:'16',
userId: '4478435963',
accessToken: '4478435963.1677ed0.53de36d999d845f3bec54a4de102ad5e',
});
feed.run();
</script>
<script>
var feed = new Instafeed({
target: 'instafeed',
get: 'user',
limit:'16',
userId: '4478435963',
accessToken: '4478435963.1677ed0.53de36d999d845f3bec54a4de102ad5e',
resolution: 'standard_resolution',
template: '<a rel="mypopup" target="_blank" href="{{link}}" data-popup data-title="{{caption}}"><img src="{{image}}" alt="{{caption}}" /></a>'
});
feed.run();
</script>
Sorry, you need to point HREF to the {{image}} not the {{link}} if you want to open in popupbut the popup to display the images doesn't work. Instagram rejected it.
template: '<a rel="mypopup" target="_blank" href="{{image}}" data-popup data-title="{{caption}}"><img src="{{image}}" alt="{{caption}}" /></a>'
If you set standard_resolution, it will load images at original aspect (non-square). Having said that, I see no reason why they would appear distorted, unless you have some custom CSS that sets width and/or height. Personally, I would implement a block grid layout, but you will still get NON-square images if using standard_resolution. The only reason @Kat's images are all square, is because originals are square also. I already mentioned this plugin has some limitations ... you can choose image size, but the image opened in the popup will will be the same as the image in your layout, eg the resolution you have selected.And also the Resoltion parameter distorts the image.