Premium WordPress Instagram Feed Plugin: AccessPress Instagram Feed Pro – Documentation

Documentation of Accesspress Instagram Feed Pro

Installation

  1. Unzip accesspress-instagram-feed-pro.zip
  2. Upload all the files to the /wp-content/plugins/accesspress-instagram-feed-pro
  3. Activate the plugin through the ‘Plugins’ menu in WordPress.
  4. For customizing the plugin’s settings, click on AP Instagram Feed Pro menu in WordPress of left admin menu.

activation

 

Instagram Feeds

In this section you can view the list of the Instagram feeds that you have created to display the instagram feeds.
For each created instagram feeds you can do Edit/copy/delete of that feed. You can view the shortcode and template code here to use in the blog posts/pages or in the template files.

Add New Feed

Before adding new feeds you need to setup the instagram account settings first in the Instagram settings.
After that you can add new instagram feeds in this section. When you create a new instagram feeds it will appear in the instagram feeds section.
For adding new instagram feeds there is Display settings and layout settings tabs for the easy management of the feeds.

backend-add-feeds-display-settings

backend-add-feeds-layout-settings

In display settings you can configure following attributes.

  • Feed name – Name of the feed that you want to give.
  • Feed type – Here you can select the Feed type. You can choose to show your own instagram feeds, your likes, recent media, popular items instagram, feeds by tag, Feeds by username.
  • Image size – Instagram provides three size of images and you can choose the image size you would like to use for each feed.
  • Show instagram link – Option to enable/disable instagram link.
  • Show user image – Option to enable/disable the user’s image.
  • Show username – Option to disable/enable the username.
  • Show image like count – Option to enable/disable the image like count.
  • Show image comment count – Option to enable/disable the image comment count.
  • Counter display format – Here you can choose the counter number display formats.
  • Enable lightbox – Option to enable/disable lightbox. There are 5 lightboxes to choose from.
  • No of images to show – In this settings you can specify the number of images to load at a time.
  • Theme accent color – You can choose the accent color here.
  • Hover image text color – You can choose the hover color here.

In layout settings you can configure following attributes

  • Grid layoutGrid layout settings options
      • No of columns – You can select the number of columns you want to display for grid layout.
      • Hover animation effect – You can choose the options for the hover animation effects here.
      • Loading effects – You can choose the options for the loading effects of a feed.
      • Show load more button – Option to enable or disable the load more button.

    If load more button is enabled you can customize the options for the load more buttons. Load more button attributes are as follows.

    • Load more button position – You can specify the position of the load more button. Left, middle or right.
    • Load more button text – You can customize the text of load more button from here.
    • Load more button text color – You can select the load more button text color here.
    • Load more button background color – You can select the load more button background color here.
    • load more button border color – You can select the load more button border color here.
    • load more button hover text color – You can select the load more button hover text color here.
    • load more button hover background color – You can select the load more button hover background color here.
    • load more button hover border color – You can select the load more button hover border color here.
    • Load more button loader icon – You can select the load more button loder icon here.
  • Masonary layoutMasonary layout settings options
      • No of columns – You can select the number of columns you want to display for this layout.
      • Hover animation effect – You can choose the options for the hover animation effects here.
      • Background color – You can select the background color for the layout here.
      • Border color – You can select the border color for the layout here.
      • Border width – You can select the border width here.
      • Loading effects – You can choose the options for the loading effects of a feed.
      • Show load more button – Option to enable or disable the load more button.

    If load more button is enabled you can customize the options for the load more buttons. Load more button attributes are as follows.

    • Load more button position – You can specify the position of the load more button. Left, middle or right.
    • Load more button text – You can customize the text of load more button from here.
    • Load more button text color – You can select the load more button text color here.
    • Load more button background color – You can select the load more button background color here.
    • load more button border color – You can select the load more button border color here.
    • load more button hover text color – You can select the load more button hover text color here.
    • load more button hover background color – You can select the load more button hover background color here.
    • load more button hover border color – You can select the load more button hover border color here.
    • Load more button loader icon – You can select the load more button loder icon here.
  • Instagram layoutInstagram layout settings options
      • Loading effects : You can choose the options for the loading effects of a feed.
      • Show time ago : Options to enable/disable to show time ago.
      • Show comments : Options to enable/disable to show comments
      • Show image caption: Option to enable/disable to show image caption.
      • Show load more button : Option to enable or disable the load more button.

    If load more button is enabled you can customize the options for the load more buttons. Load more button attributes are as follows.

    • Load more button position : You can specify the position of the load more button. Left, middle or right.
    • Load more button text : You can customize the text of load more button from here.
    • Load more button text color : You can select the load more button text color here.
    • Load more button background color : You can select the load more button background color here.
    • load more button border color : You can select the load more button border color here.
    • load more button hover text color : You can select the load more button hover text color here.
    • load more button hover background color : You can select the load more button hover background color here.
    • load more button hover border color : You can select the load more button hover border color here.
    • Load more button loader icon : You can select the load more button loder icon here.
  • Round Image layoutRound image layout settings options
      • No of columns : You can select the no of columns here.
      • Hover animation effects : You can select the hover animation effects here.
      • Round image hover border width : You can set the hover border width here.
      • Round image hover border color : You can set the hover border color here.
      • Loading effects : You can select the loading effects here.
      • Show load more button : Option to enable or disable the load more button.

    If load more button is enabled you can customize the options for the load more buttons. Load more button attributes are as follows.

    • Load more button position : You can specify the position of the load more button. Left, middle or right.
    • Load more button text : You can customize the text of load more button from here.
    • Load more button text color : You can select the load more button text color here.
    • Load more button background color : You can select the load more button background color here.
    • load more button border color : You can select the load more button border color here.
    • load more button hover text color : You can select the load more button hover text color here.
    • load more button hover background color : You can select the load more button hover background color here.
    • load more button hover border color : You can select the load more button hover border color here.
    • Load more button loader icon : You can select the load more button loder icon here.
  • Grid Rotator layoutGrid Rotator layout settings options
    • No of columns: Option to select the number of columns
    • No of rows: Option to select the number of rows.
  • Owl Slider layoutOwl slider layout settings options
    • Next/Previous icon color : You can select the next/previous icon color here.
  • Nivo Slider layoutNivo slider layout settings options
    • Show image caption : You can enable/disable the image caption.
    • Image caption background color: You can select the image caption background color.
    • Next previous icon color: You can select the next previous color here.
  • Jcarousel Slider layoutJcarousel Slider layout settings optionsCurrently there is no more settings options available.
  • slider Pro Slider layoutSlider pro slider layout settings options
    • Show time ago : Option to show/hide the time ago.
    • Show image caption: Option to show/hide image caption.
    • Slider navigation color: Option to select slider navigation color.
  • Thumbnail Scroller Slider layoutThumbnail scroller slider layout settings optionsCurrently there is no more settings options available.

Instagram Settings

In this tab you can setup the Instagram feed details that is required to display the instagram feeds.

backend-instagram-settings
Instagram username( username of your profile )
Instagram user id (Your instagram user id)
Instagram Access Token (Your instagram access token)
You can get your instagram user id and instagram access token from here

Shortcode

Once you create a feed, you will find a shortcode at the instagram feeds listing page which you can paste to any post or page content editor and the feed will show up in the same section of the content where you have kept the shortcode.

backend-instagram-feeds