Dike – Instagram

This shortcode will feed your Instagram images and display it on your site

From the Dike elements

Configuration:

General tab:

  1. Layout: Choose your shortcode layout style
  2. Image Source: Choose the image source, from local or from Instagram
  3. Image Resolution: Set image resolution
  4. ID Instagram: Your Instagram ID
  5. Instagram Access Token: Your Instagram Access Token

If you do not know how to get your Instagram ID and Instagram Access Token. Get Token Instagram Here!

6. Items Instagram: Number of images will be fed and displayed

7. Extra class name If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your CSS file.

Carousel settings:

  1. Number of rows will be displayed
  2. Fade: Use fade effect or not
  3. Center Mode: Your active slide will be centered
  4. Vertical Mode: Slide direction will be vertical direction
  5. AutoPlay: Auto slide to next slide item
  6. Navigation: Show/hide Next & Previous buttons
  7. Navigation style: Set style for Next & Previous buttons
  8. Dots: Show/hide pagination dots
  9. Loop: If yes, then your slide will loop infinitely
  10. Slide Speed: Slide speed in milliseconds
  11. Margin: Space between items in pixels
  12. The items on…: Responsive breakpoints for some specific screen resolution

Design option tab:

This tab contains some advanced configs for custom layout, such as padding, margin, typography, custom CSS… Changing values on this tab is not recommended unless  you know exactly how its work.

Was this helpful to you?