Instagram Feed add to your WordPress site

Now we can learn how to add easily instagram news feed. There has a lot of plugin for this, but we will use Instagram Slider and Carousel Plus Widget.

Why use Instagram?

What is this trendy thing called Instagram that all the cool kids seem to be into? It’s been around for a few years, quietly picking up traction mostly thanks to everybody’s new obsession with mobile photography. Instagram is a social networking app made for sharing photos and videos from a smartphone.

Instagram is the free and most modern mobile touch slider view with hardware accelerated transitions and amazing native behavior. It is intended to be used in Desktop and mobile websites.

How to Use?

Instagram Slider and Carousel Plus Widget contain 2 shortcode

Instagram Grid

[iscwp-grid]

Instagram Slider

[iscwp-slider]

You can also use in template code.

<?php echo do_shortcode('[iscwp-grid username="instagram"]'); ?> 
<?php echo do_shortcode('[iscwp-slider username="instagram"]'); ?> 

Following are Grid Parameters:

[iscwp-grid]

  • USERNAME:
    [iscwp-grid username="instagram"]
    Instagram username of which you want to show pictures.
  • GRID:
    [iscwp-grid grid="4"]
    The number of columns that you wanna show. value is any numeric value between 1 to 12. By Default value is 2.
  • INSTAGRAM LINK TEXT:
    [iscwp-grid instagram_link_text="View on Instagram"]
    value is any string.
  • LIMIT:
    [iscwp-grid limit="20"]
    The number of pictures you want to show. By Default is 20.
  • POPUP GALLERY:
    [iscwp-grid popup_gallery="true"]
    Open the Instagram pictures as a gallery or not. values are “true” OR “false”.By Default is true.
  • IMAGE CAPTION:
    [iscwp-grid show_caption="true"]
    Show the picture’s caption.values are “true” or “false”. By Default is true.
  • POPUP:
    [iscwp-grid popup="true"]
    Show the popup for the picture detail.values are “true” or “false”. By Default is true.
  • LIKES COUNT:
    [iscwp-grid show_likes_count="true"]
    Show the likes count of picture.values are “true” or “false”. By Default is true.
  • COMMENTS COUNT:
    [iscwp-grid show_comments_count="true"]
    Show the comments count of picture.values are “true” or “false”. By Default is true.
  • SLIDE HEIGHT:
    [iscwp-grid gallery_height="400"]
    Control height of the image. You can enter any numeric number. You can set “auto” for auto height.
  • IMAGE FIT:
    [iscwp-grid image_fit="true"]
    Fit the image in the wrap. Values are “true or false”.
  • OFFSET:
    [iscwp-grid offset="5"]
    This will hide the first five posts. E.g I have set offset 5, now when it will display post in my page first it will hide first five posts then will display from post number 6. Note: This will not work with pagination and limit parameter.

Following are Slider Parameters:

[iscwp-slider]

  • USERNAME:
    [iscwp-slider username="instagram"]
    Instagram username of which you want to show pictures.
  • INSTAGRAM LINK TEXT:
    [iscwp-slider instagram_link_text="View on Instagram"]
    Value is any string.
  • LIMIT:
    [iscwp-slider limit="20"]
    The number of pictures you want to show. By Default is 20.
  • POPUP GALLERY:
    [iscwp-slider popup_gallery="true"]
    Open the Instagram pictures as a gallery or not. values are “true” OR “false”.By Default is true.
  • IMAGE CAPTION:
    [iscwp-slider show_caption="true"]
    Show the picture’s caption.values are “true” or “false”. By Default is true.
  • POPUP:
    [iscwp-slider popup="true"]
    Show the popup for the picture detail.values are “true” or “false”. By Default is true.
  • LIKES COUNT:
    [iscwp-slider show_likes_count="true"]
    Show the likes count of picture.values are “true” or “false”. By Default is true.
  • COMMENTS COUNT:
    [iscwp-slider show_comments_count="true"]
    Show the comments count of picture.values are “true” or “false”. By Default is true.
  • SLIDE TO SHOW:
    [iscwp-slider slidestoshow="3"]
    The number of slides you want to show in the slider. By default is 3.
  • SLIDE TO SCROLL:
    [iscwp-slider slidestoscroll="1"]
    The number of pictures you want to scroll at a time. By Default is number 1.
  • LOOP:
    [iscwp-slider loop="true"]
    Show continuous slider.values are “true” or “false”. By Default is true.
  • ARROWS:
    [iscwp-slider arrows="true"]
    show slider arrows.values are “true” or “false”. By Default is true.
  • DOTS:
    [iscwp-slider dots="true"]
    Show slider dots.values are “true” or “false”. By Default is true.
  • AUTOPLAY:
    [iscwp-slider autoplay="true"]
    Autoplay slider.values are “true” or “false”. By Default is true.
  • AUTOPLAY INTERVAL:
    [iscwp-slider autoplay_interval="3000"]
    Time duration to scroll slide.value is an integer number. By Default is 3000.
  • SLIDE SPEED:
    [iscwp-slider speed="300"]
    Speed of slide when scrolling.value is an integer number. By Default is 300.
  • SLIDE HEIGHT:
    [iscwp-slider gallery_height="400"]
    Control height of the image. You can enter any numeric number. You can set “auto” for auto height.
  • IMAGE FIT:
    [iscwp-slider image_fit="true"]
    Fit the image in the wrap. Values are “true or false”.
  • OFFSET:
    [iscwp-slider offset="5"]
    This will hide the first five posts. E.g I have set offset 5, now when it will display post in my page first it will hide first five posts then will display from post number 6. Note: This will not work with pagination and limit parameter.

Widgets

This plugin contains one Widget. Widget Options are added a grid, limit, Instagram view text, popup, like count, comment count Just got to Appearance -> Widget and select “WPOS – Instagram Grid”

How to Use Shortcode?

For information visit Code Reference

View Demo

View DEMO | PRO DEMO and Features for additional information.