
Share your latest Instagram pics on your website without using the access token with this responsive and customizable Instagram Photo Gallery plugin.
Let's create an HTML block (preferably a bottom block) and add this:
<div id="instagram-feed" class="instagram_feed"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/jobdiogenes/jquery.instagramFeed/jquery.instagramFeed.min.js"></script>
<script>
(function($){
$(window).on("load", function(){
$.instagramFeed({
"username": "instagram",
"container": "#instagram-feed",
"display_profile": true,
"display_biography": true,
"display_gallery": true,
"callback": null,
"styling": true,
"items": 8,
"items_per_row": 4,
"margin": 1
});
});
})(jQuery);
</script>
Replace "Instagram" with user name.
"username": "instagram",
To display the profile or not, simple use true or false.
"display_profile": true,
To display the biography or not, use true or false.
"display_biography": true,
The total of images, change to whatever number you desire.
"items": 8,
Items per row, change accordingly.
"items_per_row": 4,
Reference:
GitHub - jsanahuja/jquery.instagramFeed: Instagram Feed without access token. Not using the Instagram API