Easier said than done! That would involve standardised image names, set sizes and the manual production of corresponding thumbnails…
… but wait, everyone and his dog seems to have an Instagram account theses days and Weavium has just released a flexible new Instagram browser.
Instagram Vista displays either a slider or a grid of Instagram thumbnails which, when clicked open up in a fullscreen lightbox.
Each of the thumbnails has a floating (or inline) caption with the date and number of likes and, when hovered will display either the image comment, or the tags.
When in slider mode, Instagram Vista displays a row of thumbnails (the number of columns is up to you) which can be navigated with arrow buttons or, on touch devices, by swiping. The view can be switched to grid view and back again with the click of a button. Apart from the navigation the stack's header also displays the Instagram avatar and user name.
Setup is simple. You will need your (or your client's) Access Token which Instagram makes difficult to discover. Luckily there's a tool at http://instagram.pixelunion.net/ that makes life easier: Log in to your Instagram account, then go to pixel union and with the click of a button, you'll receive your Access Token. Copy ALL of the 51 characters into Vista's control panel and you're ready to go!
As to be expected from Weavium, All background, control and text colours and all fonts can be customised until you have your very own Instagram Vista.
# Of Images
Use Dummy Content For Editing
Max Width – px
Radius – px
Avatar – px
User Name – px
Controls – Button, Icon – px
Control Radius – px
Control Breakpoint – px
Post Style – Floated, Inline
Initial View – Slider, Grid
Hover Content – Caption, Tags
Columns – Desktop, Tablet, Mobile
Breakpoints – Tablet, Mobile
Gutter – px
Image Radius – px
Detail Padding – Vertical, Horizontal
Detail Heart – px
Colours & Fonts
Instagram Vista, a great way to add Instagram to a RapidWeaver project.
Links to the developers ® All trademarks cited on this page are the property of their respective owners.
Subscribe to Ninja News
or ask a question
Yes, I would like to receive your monthly newsletter.
No thanks, I’m good for now. I have a different issue.
[1-1], thanks for subscribing.
By clicking 'Submit', you are giving your consent to having rjh-webdesign collect your name and email.
These details are used exclusively for the newsletter and will not be passed on to third parties!
As soon as I've added you to the mailing list, you'll receive a mail asking you to confirm your subscription.
If you made a further request, I’ll get back to you – typically within 24 hrs.
[1-1], thanks for contacting me. I’ll review your mail, and get back to you – typically within 24 hrs.
Thanks again for contacting us. Your request was successfully submitted.
Looking for Inspiration?
Looking for Inspiration for a new site, or need a CTA
The Latest & Greatest
Do you have a question regarding RapidWeaver?
Would you like help with your new project?
Would you like us to build your new RapidWeaver website?
265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.
We do not harvest or sell personal information.
© rjh web design 2010—17
Powered by rjh-design
Don’t miss a post!
Sign up for our monthly newsletter.
A monthly digest of all the latest updates from our RapidWeaver blog, keeping you up to date with the hottest new stacks and themes.
By clicking 'Submit', you are agreeing to receive emails from Ninja News
You've reached the bottom of the page, thanks for reading.
If you enjoyed what you read, you can subscribe to the Ninja Newsletter and receive a review summary once a month.
We shall send you a summary of the Ninja News reviews once a month.
We do not send out any other mails and we shall not, under any circumstances, share your email address with third parties.