WD Instagram Feed – Instagram Gallery - Version 1.3.15

Version Description

Added: Banner to install 10Web manager.

Download this release

Release Info

Developer webdorado
Plugin Icon 128x128 WD Instagram Feed – Instagram Gallery
Version 1.3.15
Comparing to
See all releases

Code changes from version 1.3.14 to 1.3.15

Files changed (14) hide show
  1. admin/controllers/WDIControllerUninstall_wdi.php +1 -0
  2. admin/views/WDIViewFeeds_wdi.php +2 -2
  3. admin/views/WDIViewLicensing_wdi.php +3 -1
  4. admin/views/WDIViewSettings_wdi.php +3 -1
  5. admin/views/WDIViewThemes_wdi.php +12 -8
  6. changelog.txt +3 -0
  7. css/wdi_backend.css +8 -0
  8. css/wdi_backend.min.css +1 -1
  9. framework/WDILibrary.php +141 -6
  10. readme.txt +831 -859
  11. wd-instagram-feed.php +330 -81
  12. wd/.gitignore +0 -2
  13. wd/assets/js/subsribe.js +15 -35
  14. wd/templates/display_overview.php +2 -2
admin/controllers/WDIControllerUninstall_wdi.php CHANGED
@@ -129,6 +129,7 @@ class WDIControllerUninstall_wdi{
129
  delete_option('wdi_subscribe_done');
130
  delete_option('wdi_redirect_to_settings');
131
  delete_option('wdi_do_activation_set_up_redirect');
 
132
  }
133
 
134
  private function is_uninstalled(){
129
  delete_option('wdi_subscribe_done');
130
  delete_option('wdi_redirect_to_settings');
131
  delete_option('wdi_do_activation_set_up_redirect');
132
+ delete_option('tenweb_notice_version');
133
  }
134
 
135
  private function is_uninstalled(){
admin/views/WDIViewFeeds_wdi.php CHANGED
@@ -54,7 +54,7 @@ class WDIViewFeeds_wdi
54
  ?>
55
  <div class="wrap">
56
  <h2 class="wdi_page_title"></h2>
57
- <div class="update-nag wdi_help_bar_wrap">
58
  <span class="wdi_help_bar_text">
59
  <?php _e('This section allows you to create, edit and delete Feeds.', "wd-instagram-feed"); ?>
60
  <a style="color: #5CAEBD; text-decoration: none;border-bottom: 1px dotted;" class="wdi_hb_t_link" target="_blank"
@@ -522,7 +522,7 @@ public function genarateFeedViews()
522
  }
523
 
524
  ?>
525
- <div class="update-nag wdi_help_bar_wrap">
526
  <span class="wdi_help_bar_text">
527
  <?php _e('Here You Can Change Feed Parameters.', "wd-instagram-feed"); ?>
528
  <a style="color: #5CAEBD; text-decoration: none;border-bottom: 1px dotted;" class="wdi_hb_t_link" target="_blank"
54
  ?>
55
  <div class="wrap">
56
  <h2 class="wdi_page_title"></h2>
57
+ <div class="update-nag notice wd-notice wdi_help_bar_wrap">
58
  <span class="wdi_help_bar_text">
59
  <?php _e('This section allows you to create, edit and delete Feeds.', "wd-instagram-feed"); ?>
60
  <a style="color: #5CAEBD; text-decoration: none;border-bottom: 1px dotted;" class="wdi_hb_t_link" target="_blank"
522
  }
523
 
524
  ?>
525
+ <div class="update-nag notice wd-notice wdi_help_bar_wrap">
526
  <span class="wdi_help_bar_text">
527
  <?php _e('Here You Can Change Feed Parameters.', "wd-instagram-feed"); ?>
528
  <a style="color: #5CAEBD; text-decoration: none;border-bottom: 1px dotted;" class="wdi_hb_t_link" target="_blank"
admin/views/WDIViewLicensing_wdi.php CHANGED
@@ -24,7 +24,8 @@ class WDIViewLicensing_wdi {
24
  ////////////////////////////////////////////////////////////////////////////////////////
25
  public function display() {
26
  ?>
27
- <div class="update-nag wdi_help_bar_wrap">
 
28
  <div class="wdi_hb_buy_pro">
29
  <a class="wdi_update_pro_link" target="_blank" href="https://web-dorado.com/files/fromInstagramFeedWD.php">
30
  <?php _e("UPGRADE TO PREMIUM VERSION", "wd-instagram-feed"); ?>
@@ -132,6 +133,7 @@ class WDIViewLicensing_wdi {
132
  <li><?php _e("Install the downloaded commercial version of the plugin.", 'wd-instagram-feed'); ?></li>
133
  </ol>
134
  </div>
 
135
  <?php
136
  }
137
  ////////////////////////////////////////////////////////////////////////////////////////
24
  ////////////////////////////////////////////////////////////////////////////////////////
25
  public function display() {
26
  ?>
27
+ <div class="wrap">
28
+ <div class="update-nag notice wd-notice wdi_help_bar_wrap">
29
  <div class="wdi_hb_buy_pro">
30
  <a class="wdi_update_pro_link" target="_blank" href="https://web-dorado.com/files/fromInstagramFeedWD.php">
31
  <?php _e("UPGRADE TO PREMIUM VERSION", "wd-instagram-feed"); ?>
133
  <li><?php _e("Install the downloaded commercial version of the plugin.", 'wd-instagram-feed'); ?></li>
134
  </ol>
135
  </div>
136
+ </div>
137
  <?php
138
  }
139
  ////////////////////////////////////////////////////////////////////////////////////////
admin/views/WDIViewSettings_wdi.php CHANGED
@@ -44,7 +44,8 @@ private $model;
44
  <?php
45
  }
46
  ?>
47
- <div class="update-nag wdi_help_bar_wrap">
 
48
  <span class="wdi_help_bar_text">
49
  <?php _e('This section allows you to set API parameters.', "wd-instagram-feed"); ?>
50
  <a style="color: #5CAEBD; text-decoration: none;border-bottom: 1px dotted;" class="wdi_hb_t_link" target="_blank"
@@ -151,6 +152,7 @@ private $model;
151
  });
152
  });
153
  </script>
 
154
  <?php
155
  }
156
  }
44
  <?php
45
  }
46
  ?>
47
+ <div class="wrap">
48
+ <div class="update-nag notice wd-notice wdi_help_bar_wrap">
49
  <span class="wdi_help_bar_text">
50
  <?php _e('This section allows you to set API parameters.', "wd-instagram-feed"); ?>
51
  <a style="color: #5CAEBD; text-decoration: none;border-bottom: 1px dotted;" class="wdi_hb_t_link" target="_blank"
152
  });
153
  });
154
  </script>
155
+ </div>
156
  <?php
157
  }
158
  }
admin/views/WDIViewThemes_wdi.php CHANGED
@@ -24,7 +24,8 @@ class WDIViewThemes_wdi {
24
  public function display() {
25
 
26
  ?>
27
- <div class="update-nag wdi_help_bar_wrap">
 
28
  <span class="wdi_help_bar_text">
29
  <?php _e('This section allows you to create, edit and delete Themes.', "wd-instagram-feed"); ?>
30
  <a style="color: #5CAEBD; text-decoration: none;border-bottom: 1px dotted;" class="wdi_hb_t_link" target="_blank"
@@ -43,14 +44,17 @@ class WDIViewThemes_wdi {
43
 
44
 
45
  <div class="wdi_pro_notice"> <?php _e("This is free version, Customizing themes is available only in premium version","wd-instagram-feed"); ?> </div>
46
-
47
 
48
- <?php
 
49
  $this->buildFreeThemeDemo();
50
- }
 
 
 
51
 
52
- public function buildFreeThemeDemo(){
53
- ?>
54
  <div class="wdi_demo_img" demo-tab="general"><img src="<?php echo WDI_URL . '/demo_images/1.png'; ?>" alt=""></div>
55
  <div class="wdi_demo_img" demo-tab="header"><img src="<?php echo WDI_URL . '/demo_images/2.png'; ?>" alt=""></div>
56
  <div class="wdi_demo_img" demo-tab="load_more"><img src="<?php echo WDI_URL . '/demo_images/3.png'; ?>" alt=""></div>
@@ -66,8 +70,8 @@ public function buildFreeThemeDemo(){
66
  <div class="wdi_demo_img" demo-tab="lb_filmstrip"><img src="<?php echo WDI_URL . '/demo_images/l5.png'; ?>" alt=""></div>
67
  <div class="wdi_demo_img" demo-tab="lb_info"><img src="<?php echo WDI_URL . '/demo_images/l6.png'; ?>" alt=""></div>
68
  <div class="wdi_demo_img" demo-tab="lb_comments"><img src="<?php echo WDI_URL . '/demo_images/l7.png'; ?>" alt=""></div>
69
- <?php
70
- }
71
 
72
 
73
 
24
  public function display() {
25
 
26
  ?>
27
+ <div class="wrap">
28
+ <div class="update-nag notice wd-notice wdi_help_bar_wrap">
29
  <span class="wdi_help_bar_text">
30
  <?php _e('This section allows you to create, edit and delete Themes.', "wd-instagram-feed"); ?>
31
  <a style="color: #5CAEBD; text-decoration: none;border-bottom: 1px dotted;" class="wdi_hb_t_link" target="_blank"
44
 
45
 
46
  <div class="wdi_pro_notice"> <?php _e("This is free version, Customizing themes is available only in premium version","wd-instagram-feed"); ?> </div>
 
47
 
48
+
49
+ <?php
50
  $this->buildFreeThemeDemo();
51
+ ?>
52
+ </div>
53
+ <?php
54
+ }
55
 
56
+ public function buildFreeThemeDemo(){
57
+ ?>
58
  <div class="wdi_demo_img" demo-tab="general"><img src="<?php echo WDI_URL . '/demo_images/1.png'; ?>" alt=""></div>
59
  <div class="wdi_demo_img" demo-tab="header"><img src="<?php echo WDI_URL . '/demo_images/2.png'; ?>" alt=""></div>
60
  <div class="wdi_demo_img" demo-tab="load_more"><img src="<?php echo WDI_URL . '/demo_images/3.png'; ?>" alt=""></div>
70
  <div class="wdi_demo_img" demo-tab="lb_filmstrip"><img src="<?php echo WDI_URL . '/demo_images/l5.png'; ?>" alt=""></div>
71
  <div class="wdi_demo_img" demo-tab="lb_info"><img src="<?php echo WDI_URL . '/demo_images/l6.png'; ?>" alt=""></div>
72
  <div class="wdi_demo_img" demo-tab="lb_comments"><img src="<?php echo WDI_URL . '/demo_images/l7.png'; ?>" alt=""></div>
73
+ <?php
74
+ }
75
 
76
 
77
 
changelog.txt CHANGED
@@ -1,3 +1,6 @@
 
 
 
1
  = 1.3.14 =
2
  New: Added contributor role in the option 'Minimal role to add and manage Feeds or Themes'.
3
  Fixed: Conditional filters for hashtags.
1
+ = 1.3.15 =
2
+ Added: Banner to install 10Web manager.
3
+
4
  = 1.3.14 =
5
  New: Added contributor role in the option 'Minimal role to add and manage Feeds or Themes'.
6
  Fixed: Conditional filters for hashtags.
css/wdi_backend.css CHANGED
@@ -1801,3 +1801,11 @@ body.instagram-feed_page_wdi_settings table:nth-of-type(1) tr:nth-of-type(4){
1801
  display: table-row !important;
1802
  }
1803
 
 
 
 
 
 
 
 
 
1801
  display: table-row !important;
1802
  }
1803
 
1804
+ #wpbody-content>div:not(.wrap):not(.wd_topic), .wrap .notice:not(.wd-notice), .notice:not(.wd-notice) {
1805
+ display: none;
1806
+ }
1807
+
1808
+ #wpbody-content .wrap #v2_tenweb_notice_cont {
1809
+ display: flex;
1810
+ }
1811
+
css/wdi_backend.min.css CHANGED
@@ -1 +1 @@
1
- .wdi_clear{clear:both}.wdi_clear_tag:after{content:"";display:table;clear:both}#wdi_unistall{background-color:#d82121;border-color:#d31818;box-shadow:inset 0 1px 0 rgba(230,120,120,0.5),0 1px 0 rgba(0,0,0,.15)}#wdi_unistall:hover{background-color:#da1313}#wdi_unistall_table th{width:45%}.display_type_content{background:#fff;border:1px solid #dedede;margin-bottom:15px}.wdi_tooltip,.wdi_settings_link{display:block;font-size:14px !important;font-weight:bold;line-height:20px;margin-bottom:5px;color:#444;text-decoration:none}p.wdi_about_filed{font-size:13px;font-style:italic}.wdi_tooltip:hover,.wdi_settings_link:hover{color:#23282d;position:relative}.wdi_tooltip:hover:after{content:attr(wdi-tooltip);padding:4px 8px;color:#dbdbe0;position:absolute;left:0;top:100%;white-space:nowrap;z-index:20;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:2px;-moz-box-shadow:0 0 4px #222;-webkit-box-shadow:0 0 4px #222;box-shadow:0 0 4px rgba(0,0,0,0.5);background-color:rgba(0,0,0,0.75);font-size:12px}.wdi_pro_only{font-style:italic;color:#4e4e4e !important;background-color:#ccc !important;text-decoration:none}.wdi_pro_only_op{opacity:.6}.wdi_pro_notice{text-align:right;color:#15699f;font-size:20px !important;padding:10px}.wdi_pro_only_btn{background-color:#c5c0c0 !important;border-top-color:#c5c0c0 !important}.wdi-pro-overlay img{opacity:.7}#wdi_feed_users{width:100%;margin-top:2px}#wdi_feed_tabs .wdi_feed_tabs{border:1px solid #f1f1f1;color:#444;cursor:pointer;font-size:13px;font-weight:bold;padding:12px;background:#fff;text-decoration:none;display:inline-block}#wdi_feed_tabs{margin:16px 0}#wdi_feed_tabs .wdi_feed_tab_active,#wdi_feed_tabs .wdi_feed_tabs:hover{background:none repeat scroll 0 0 #fff;color:#9a2465}#how_to_publish_tab .wdi_howto_container .wdi_howto_content .wdi_howto_wrapper{max-width:270px;margin:0 auto}#how_to_publish_tab .wdi_howto_container .wdi_howto_content .wdi_howto_wrapper img{max-width:100%}#wdi_feed_tabs .wdi_feed_tab_title{margin-top:1px;display:inline-block}.wdi_border_wrapper [scope='row']+td,.wdi_border_wrapper [scope='row']{padding:8px}.display_type_container.wdi_clear_tag{display:table;margin:10px auto}.display_type_container>div{float:left;margin-right:15px}.wdi_user{border:1px solid #b9b9b9;background-color:rgba(0,0,0,.05);margin:0 4px 0 0;border-radius:5px;height:28px;position:relative;display:inline-block}.wdi_user:hover{background-color:rgba(0,0,0,.08)}.wdi_user a{text-decoration:none;color:black;line-height:28px;width:70%;margin-left:12%;margin-right:18%;height:100%;display:table-row;padding-right:3px}.wdi_user .wdi_profile_pic{width:20px;height:20px;top:4px;left:30px;padding:5px;vertical-align:middle;display:table-cell}.wdi_user span{display:table-cell;vertical-align:middle;left:55px;font-weight:bold;font-size:14px}.wdi_user .wdi_remove_user,.wdi_user .wdi_check_thumb_user{position:absolute;right:4px;width:15px;height:15px;top:6.5px;transition:all .1s ease}.wdi_user .wdi_remove_user:hover{cursor:pointer;transform:rotate(180deg)}.wdi_user .wdi_check_thumb_user:hover{cursor:pointer}.wdi_user .wdi_check_thumb_user{left:4px}.wdi_border_wrapper [scope='row']{padding:2px;font-size:13px;min-width:250px}.wdi_border_wrapper [scope='row']+td,.wdi_border_wrapper [scope='row']{padding:2px}.small_input{width:60px;text-align:center}.display_type{text-align:center}.wdi_access_token_missing{font-size:14px;color:#000;clear:both;max-width:720px}.instagram-feed_page_wdi_settings form{width:65%}.instagram-feed_page_wdi_settings table td{padding-left:0;padding-right:0}.instagram-feed_page_wdi_settings table th{padding-left:4px}.instagram-feed_page_wdi_settings table input{float:right}#login_with_instagram{height:43px}#login_with_instagram .wdi_sign_in_button{background-image:url('../images/sign_in_with_instagram.png');background-repeat:no-repeat;background-position:left top;width:234px;height:43px;display:inline-block;float:left}#login_with_instagram .wdi_default_feed_button,#login_with_instagram .wdi_edit_default_feed_button{width:234px;height:43px;background-repeat:no-repeat;background-position:center top;display:inline-block}#login_with_instagram .wdi_default_feed_button{background-image:url('../images/default_feed_button.png');float:left;margin-right:10px}#login_with_instagram .wdi_edit_default_feed_button{background-image:url('../images/edit_feed_button.png');float:left}#wdwt_wrap_wdi_authenticated_users_list{display:inline-block;width:100%}#wdwt_wrap_wdi_authenticated_users_list .wdi_sign_in_button{background-image:url(../images/multiple_accounts.png);background-repeat:no-repeat;background-position:left top;width:228px;height:36px;display:inline-block;float:right;margin-top:2px;padding-bottom:5px}.wdi_element_name_hashtag_top_recent{display:none}.wdi_advanced_option_open tr:nth-child(9),.wdi_advanced_option_open tr:nth-child(10),.wdi_advanced_option_open tr:nth-child(11){display:none}.instagram-feed_page_wdi_settings table #wdwt_wrap_wdi_fb_auth{margin-left:115px}#wdwt_wrap_wdi_fb_auth .block a{background-color:#4267b2;color:#fff}.wdi_advanced_option .optioninput,#wdwt_wrap_wdi_reset_cache .block,#wdwt_wrap_wdi_authenticated_users_list .block{display:inline-block}#wdi_options_page_buttons_wrapper .submit{display:inline;margin-left:15px}#wdi_reset_access_token{margin-top:0;float:left;width:232px;text-align:center}.wdi_advanced_option{width:100%;position:relative;font-weight:600}.wdi_advanced_option{background-color:#fff;cursor:pointer;border:1px solid #e3e3e3;border-radius:10px;border-collapse:separate;border-spacing:0}.wdi_advanced_option .wdi_advanced_option_head{border-bottom:1px solid #e3e3e3}.wdi_advanced_option .wdi_advanced_option_head th{padding-top:10px;padding-bottom:10px}.wdi_advanced_option.wdi_advanced_option_open .wdi_advanced_option_head th{border-bottom:1px solid #e3e3e3;border-bottom-left-radius:10px}.wdi_advanced_option.wdi_advanced_option_open .wdi_advanced_option_head td{border-bottom:1px solid #e3e3e3;border-bottom-right-radius:10px}.instagram-feed_page_wdi_settings table.wdi_advanced_option th{padding-left:12px}.instagram-feed_page_wdi_settings table.wdi_advanced_option td .wdwt_param{margin-left:15px}.instagram-feed_page_wdi_settings #wdwt_wrap_wdi_disable_fa .optioninput{display:inline-block}.wdi_advanced_option .wdi_advanced_option_icon{background-repeat:no-repeat;background-position:left top;width:20px;height:20px;display:inline-block;position:absolute;top:16px;right:10px}.wdi_advanced_option.wdi_advanced_option_close .wdi_advanced_option_icon{background-image:url('../images/arrow_1.png')}.wdi_advanced_option.wdi_advanced_option_open .wdi_advanced_option_icon{background-image:url('../images/arrow_2.png')}.wdi_advanced_option.wdi_advanced_option_close tbody tr:not(.wdi_advanced_option_head){display:none}.instagram-feed_page_wdi_settings form h2{display:none}#wdi_options_page_buttons_wrapper{margin-top:10px;width:700px}.wdi_hide{display:none}.wdi_hidden{display:none !important}.selectoff{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.wdi_filter_radio{margin:5px;display:inline-block}.wdi_filter_radio label{vertical-align:text-bottom}.wdi_filter_input{margin-top:10px}.wdi_filter_input input{height:28px;width:250px;margin-right:0;padding-right:0;line-height:28px}#wdi_filter_type{line-height:28px;margin:0;padding:0;position:relative;right:2px;top:-1px;font-weight:400}.wdi_filter_item{display:inline-block;padding:6px;margin-top:5px;border-radius:5px}.wdi_filter_by_username{background-color:#00a0d2;color:white}.wdi_filter_by_hashtag{background-color:#e08d11;color:white}.wdi_logic{display:inline-block;padding:5px;font-weight:bold}.wdi_filter_by_location{background-color:#509833;color:white}.wdi_filter_by_mention{background-color:#833888;color:white}.wdi_filter_by_description{background-color:#bd242b;color:white}.wdi_filter_by_url{background-color:#004eff;color:white}.wdi_remove_filter{padding-left:5px;color:white;font-size:13px}.wdi_remove_filter:hover{cursor:pointer}.wdi_source_user{display:inline-block;padding:5px}.wdi_source_img{display:inline-block}.wdi_source_img img{width:30px;height:30px;border-radius:15px;display:block}.wdi_source_username{display:inline-block;line-height:25px;font-size:15px !important;height:30px;vertical-align:bottom;padding:0 5px;font-weight:bold}#login_with_instagram>a:focus{-webkit-box-shadow:none;box-shadow:none}.wdi_help_bar_wrap{background-color:#fff;border:0;box-sizing:border-box;clear:both;color:#6e7990;font-size:14px;font-weight:bold;line-height:30px;padding:15px;vertical-align:middle;width:100%;margin:20px 0 0 0}.wdi_help_bar_text{float:left}.wdi_help_bar_text>a{color:#0073aa;text-decoration:none}.wdi_hb_buy_pro{float:right;padding:0}.wdi_hb_buy_pro a,.wdi_hb_buy_pro a:active,.wdi_hb_buy_pro a:visited,.wdi_hb_buy_pro a:hover{display:inline-block;font-weight:bold;font-size:14px;vertical-align:middle;border:0;box-shadow:none !important;text-decoration:none}.wdi_hb_buy_pro .wdi_support_link{color:#72777c !important;padding:0 10px}.wdi_hb_buy_pro .wdi_update_pro_link{background:#45a6b7;font-weight:bold;line-height:30px;padding:0 18px 0 18px;color:#fff !important}.wdi_hb_buy_pro img{border:0;display:inline-block;vertical-align:middle}#bullets_images_type,#bullets_images_color,#bull_style,#rl_butt_type,#rl_butt_color,#rl_butt_style{margin:0 10px 0 0;width:100px}.wds_ctrl_btn_upload{display:block !important;margin:5px 0 !important;text-align:center;vertical-align:middle;width:95%}.wds_reverse{margin:0 5px !important}.wds_free_button,.wds_free_button:hover{background:linear-gradient(to bottom,#e5e5e5,#e5e5e5) repeat scroll 0 0 #f3f3f3 !important;border-color:#bbb !important;color:#888 !important}.wdi_spider_free_version_label,.wdi_spider_free_version_label *{color:#808080 !important}.wdi_spider_free_version{background-color:#dfdfdf;border:1px solid #797979;border-radius:2px;padding:2px;width:210px}.wds_more{font-size:12px}.wrap .button{border-radius:3px !important;text-shadow:none !important}.wdi_spider_message_cont{display:none;width:99%}.wdi_spider_load{display:none}.wdi_spider_load_cont{background-color:rgba(0,0,0,0.2);left:0;height:100%;position:fixed;top:0;width:100%;z-index:99998}.wdi_spider_load_icon{left:0;height:100%;position:fixed;text-align:center;top:0;width:100%;z-index:99999}.wdi_spider_ajax_loading{border:none !important;margin-top:200px;width:50px;-webkit-animation:spin 2.5s infinite linear;-moz-animation:spin 2.5s infinite linear;-o-animation:spin 2.5s infinite linear;animation:spin 2.5s infinite linear}@-moz-keyframes spin{0{-moz-transform:rotate(0)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0{-o-transform:rotate(0)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0{-ms-transform:rotate(0)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0{transform:rotate(0)}100%{transform:rotate(359deg)}}#TB_window,#TB_iframeContent{width:800px !important;height:500px !important}#TB_window{margin-left:-400px !important}.input_th{margin-left:0 !important;width:160px !important;font-family:sans-serif}.input_th2{margin-left:0 !important;width:160px !important;margin-top:5px;height:19px}.edit_input{height:28px !important;padding-bottom:7px !important}.add_tag_th{padding-left:21px;font-size:12px;font-family:sans-serif}.pointer{cursor:pointer}.non_selectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wds_position_table td,.wds_position_table input{border:1px solid #ccc;margin:2px}.wds_position_table .wds_position_td{background-color:#f4f4f4;display:inline-block;line-height:1;padding:0 !important}.wdi_spider_div_options{background:none repeat scroll 0 0 #f4f4f4;border:1px solid #8f8d8d;border-radius:8px 8px 8px 8px;display:none;margin:2px 0 0 190px;padding:13px;min-height:300px;min-width:600px;vertical-align:top}.table_medium_col{text-align:center !important;width:70px}.table_medium_col_uncenter{width:80px}.table_extra_large_col{padding:4px !important;width:150px !important}.first-page,.prev-page,.next-page,.last-page,.table_extra_large_col a,.table_medium_col a,.table_big_col a,.table_small_col a{cursor:pointer}.wdi_spider_word_wrap{word-wrap:normal}.wdi_spider_description{color:#666;font-size:.923em;line-height:1.231em}.handle{background:url("../images/draggable.png") no-repeat transparent;border:0;cursor:move;display:inline-block;height:15px;margin:0 auto;vertical-align:middle;width:15px}.slider-icon{background-image:url("../images/slider-icon.png");background-repeat:no-repeat;border:0;float:left;height:32px;margin:7px 8px 0 0;width:32px}.uninstall-icon{background-image:url("../images/uninstall-icon.png");background-repeat:no-repeat;border:0;float:left;height:32px;margin:7px 8px 0 0;width:32px}.wdi_spider_label{font-weight:bold;width:100px}.wdi_spider_label_top{font-weight:bold;padding-top:3px;vertical-align:top;width:100px}.wdi_spider_fieldset .wdi_spider_label{font-weight:bold;vertical-align:top;width:150px}.wdi_spider_label_options{font-weight:bold;vertical-align:top;width:150px}.wdi_spider_choose_option{display:table;box-shadow:0 0 1px 1px #d2d2d2;margin-bottom:5px;border-radius:2px;padding:2px;box-sizing:border-box;cursor:pointer;width:100%}.wdi_spider_options_cont,.wdi_spider_bull_options_cont,.wdi_spider_pp_options_cont,.wdi_spider_options_color_cont,.wdi_spider_bull_options_color_cont,.wdi_spider_pp_options_color_cont{display:none;width:180px;height:150px;overflow:scroll;overflow-x:hidden;overflow-y:scroll}.wdi_spider_option_cont{display:block;border-bottom:1px solid #d3d3d3;padding:3px 0 3px 0;box-sizing:content-box;width:98%;border-radius:0;cursor:pointer}.wdi_spider_option_cont_title{display:table-cell;vertical-align:middle;padding:0 0 0 4px}.wdi_spider_option_cont_img{display:table-cell;width:23%;height:15px;text-align:right;padding:5px 4px 0 0;box-sizing:border-box;background-color:#eee}.wdi_spider_option_main_title{display:table-cell;width:65%;vertical-align:middle;padding:0 0 0 4px;color:#555}.wdi_spider_sel_option_ic{display:table-cell;width:20%;height:15px;text-align:right;padding:0 6px 0 0;box-sizing:border-box}.wdi_spider_int_input{width:45px}.wdi_spider_char_input{width:115px}.wdi_spider_text_input{width:190px}.wdi_spider_slider_div{display:inline-block;vertical-align:middle;width:140px}.wdi_spider_slider_percentage,.wdi_spider_slider_percentage input,.wdi_spider_slider_percentage input :focus{background:transparent;border:0;color:#00aeef;display:inline;font-weight:bold;text-align:right;vertical-align:middle;width:30px}.updated,.error{margin:5px 0 2px !important}.buttons_div{clear:both;float:right;margin:5px 0}.buttons_div_left{float:left;margin:5px 0}.buttons_div_right{float:right;margin:5px 0}.wdi_spider_delete_img{background-image:url("../images/delete.png");border:0;cursor:pointer;display:inline-block;vertical-align:middle;height:14px;width:14px}.wdi_spider_delete_img_small{background-image:url("../images/delete.png");background-size:10px auto;border:medium none;cursor:pointer;display:inline-block;height:10px;margin-top:2px;vertical-align:middle;width:10px}.wdi_spider_fieldset{background:none repeat scroll 0 0 #f4f4f4;border:1px solid #8f8d8d;border-radius:8px 8px 8px 8px;display:none;float:left;margin:4px;padding:13px;width:97%}.wdi_spider_type_fieldset{background:none repeat scroll 0 0 #f4f4f4;border-radius:8px 8px 8px 8px;display:none;float:left;width:100%}.wdi_spider_child_fieldset{background:none repeat scroll 0 0 #f4f4f4;border:1px solid #8f8d8d;border-radius:8px 8px 8px 8px;float:left;margin:4px;width:30%;padding:13px;display:block}.wdi_spider_table td{padding:0;vertical-align:middle}.wdi_spider_ctrls{padding:4px;text-align:center;width:40px}.theme_type{background-color:#f4f4f4;border:1px solid #8f8d8d;border-radius:8px 8px 8px 8px;cursor:pointer;display:inline-block;font-size:16px;height:24px;padding-top:5px;text-align:center;vertical-align:middle;width:123px;margin:2px 0 2px 0}.ui-slider-handle{cursor:pointer !important}.thumb{border:1px solid #ccc;max-height:120px;max-width:120px}.fileDescription{color:#666;cursor:pointer;font-family:sans-serif;font-size:12px}.filename{font-size:13px}.tag_div{background-clip:padding-box;background-color:#f3f3f3;border:1px solid #aaa;border-radius:3px 3px 3px 3px;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);color:#666;line-height:13px;margin:2px 0;padding:2px 5px 2px 5px;width:132px}.tags_div{overflow-y:auto;height:65px}.tag_name{width:118px}.edit_thumb{cursor:pointer}.wdi_spider_rotate{border-radius:2px;border:1px solid #fff;height:30px}.wdi_spider_search_value{height:2em;margin:0 0 4px}#th_order,.wdi_spider_order{display:none}.wds_add_video,.wds_resize_image,.wds_import,.wds_exports{display:none;padding:10px;height:60px;background-color:#fff;border:1px solid #999;top:50%;position:fixed;left:50%;text-align:left;z-index:100000;border-radius:3px;margin-top:-45px}.wds_add_video,.wds_resize_image{margin-left:-340px}.wds_exports{margin-left:-240px}.wds_import{margin-left:-185px}.wds_add_video input[type="text"],.wds_resize_image input[type="text"]{width:500px}.wds_opacity_video,.wds_opacity_import,.wds_opacity_export{background-color:#000;display:none;opacity:.75;filter:Alpha(opacity=75);position:fixed;top:0;left:0;width:100%;height:100%;z-index:99998}.wds_tabs{clear:both;display:none;position:relative;z-index:1}.wds_tabs a.wds_sub_active,.wds_tabs a.wds_active{background-color:#f5f5f5;border-bottom:1px solid #f5f5f5;color:#333}.wds_tabs a{background-color:#f9f9f9;border:1px solid #dfdfdf;border-top-left-radius:3px;border-top-right-radius:3px;color:#c7c7c7;display:block !important;float:left;font:bold 17px/32px Arial,serif;height:30px;margin:3px 3px 0 0;padding:0 10px;position:relative;text-decoration:none;width:130px}.wbs_subtab a{font:bold 14px/26px Arial,serif;height:26px;padding:0 5px;width:105px}.wds_add_layer{font:normal 20px/28px Arial,serif !important;width:initial !important;padding:0 9px !important}.wds_tab_title{background:none repeat scroll 0 0 transparent !important;border:none !important;cursor:pointer;opacity:.5;filter:Alpha(opacity=50);padding:1px;vertical-align:middle;width:50px}.wds_sub_active .wds_tab_title,.wds_layer_title{background-color:#fff !important;border-color:#dfdfdf !important;border-radius:3px !important;border-style:solid !important;border-width:1px !important;cursor:pointer;opacity:1;filter:Alpha(opacity=100)}.wds_tab_remove{background-image:url("../images/close.png");background-repeat:no-repeat;background-size:100% 100%;display:inline-block;width:9px;height:9px;opacity:.5;filter:Alpha(opacity=50);vertical-align:middle}.wds_layer_remove{background-image:url("../images/close.png");background-repeat:no-repeat;background-size:100% 100%;display:inline-block;width:15px;height:15px;margin:5px;float:right}.wds_layer_dublicate{background-image:url("../images/duplicate.png");background-repeat:no-repeat;background-size:100% 100%;display:inline-block;width:15px;height:15px;margin:5px;float:right}.wds_slide_dublicate{background-image:url("../images/duplicate.png");background-repeat:no-repeat;background-size:100% 100%;display:inline-block;width:12px;height:12px;vertical-align:middle}.wds_layer_depth{float:right;font-size:13px;line-height:15px;margin:1px 5px;text-align:left;width:40px}.wds_layer_label{display:inline-block;font-size:13px;width:80%}.wds_sub_active .wds_tab_remove{cursor:pointer !important;opacity:1;filter:Alpha(opacity=100)}.wds_box.wds_sub_active,.wds_box.wds_active{display:block}.wds_tab_label{display:block;width:inherit}.wds_box{display:none;margin-top:0 !important;position:relative;top:-1px}.wds_box{border:1px solid #dfdfdf;border-radius:3px;box-shadow:0 0 10px #f2f2f2;margin-top:15px;position:relative}.wds_clear{clear:both;float:none !important}.wds_box thead td{border-bottom:0 none !important}.wds_box tbody{background-color:#fff;border-top:0 none;padding-left:10px}.wds_box thead{background:-webkit-linear-gradient(#f5f5f5,#fff);background:-o-linear-gradient(#f5f5f5,#fff);background:-moz-linear-gradient(#f5f5f5,#fff);background:linear-gradient(#f5f5f5,#fff);border-top:0 none;border-bottom:0 none;color:#333;font:bold 12px/29px Arial,serif;height:29px;margin:0;padding:0 10px;text-align:left;text-shadow:0 1px 0 #fff}.wds_box table{border-collapse:collapse;border-spacing:0;width:100%}.wds_nav_tabs{background-color:#f5f5f5;border-right:1px solid #dfdfdf;float:left;height:640px;margin:0;width:150px}.wds_nav_tabs ul{list-style:none outside none;margin:10px 0;padding:0}.wds_nav_tabs .wds_sub_active,.wds_nav_tabs .wds_sub_active a,.wds_nav_tabs .wds_sub_active a:hover,.wds_nav_tabs .wds_active,.wds_nav_tabs .wds_active a,.wds_nav_tabs .wds_active a:hover{background:none repeat scroll 0 0 #fff;color:#333}.wds_nav_tabs .wds_active{border-color:#dfdfdf;border-width:1px 0 1px 1px;border-style:solid;margin:0 -1px 0 -4px;padding:0}.wds_nav_tabs li{border-color:transparent;border-style:solid;border-width:1px 0;list-style-type:none;margin-bottom:0}.wds_nav_tabs a{display:block;line-height:18px;padding:5px 5px 5px 12px;text-decoration:none}.wds_nav_box{background:none repeat scroll 0 0 #fff;display:none;height:610px;overflow:auto;padding:15px}.wds_nav_box.wds_active{display:block}.wds_layer_head{background-color:#f5f5f5;border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;cursor:pointer;padding:5px}.wds_layer_head .handle{cursor:move;display:inline-block;margin:5px}.wds_box td{padding:10px !important}.wds_draggable{box-sizing:border-box;cursor:move}.wds_box .color{width:60px}.wds_active_layer{box-shadow:#2c2424 0 0 5px;border-radius:3px}.wds_draggable a,.wds_draggable a:hover{color:inherit !important;font-size:inherit !important;font-style:inherit !important;font-weight:inherit !important;text-decoration:none}#add_embed_help{height:200px;width:672px;top:40%}#add_embed input[type="text"]{width:500px}.wds_buttons{float:right;font-weight:normal;position:relative}.wds_reset_button{display:none;font-weight:normal;margin:10px 0;position:absolute;right:40px;z-index:1}#wdi_save_feed .two .section_col{width:47%;float:left;margin:0 1.5% 18px}#wdi_save_feed .wdi_element{margin:0 0 18px}#wdi_save_feed .half .wdi_element,#wdi_save_feed .one .wdi_element{width:96%;float:none;margin:0 2% 20px}.wdi_element_name_liked_feed{display:none !important}#wdi_save_feed .wdi_element p{margin:2px 0 0}.wdi_section_name{font-size:19px;margin:0 auto 15px;width:100%;box-sizing:border-box;padding:15px;border-bottom:1px solid #f1f1f1;color:#444;cursor:pointer}.wdi_section{border:1px solid #dedede;margin-bottom:20px;background:#fff}.wdi_section .optioninput *{text-align:left}.wdi_section.half{width:49%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wdi_buttons{text-align:right;margin-top:7px}.wdi_tab .wdi_section.half:last-child{margin-left:2%}#how_to_publish_tab .wdi_howto_container{display:flex;flex-wrap:wrap}#how_to_publish_tab .wdi_howto_content{border:1px #ddd solid;display:flex;flex:1;flex-direction:column;margin:5px;min-width:250px;max-width:calc(25% - 20px);padding:20px 10px;text-align:center}#how_to_publish_tab .wdi_howto_container h2{font-size:23px;font-weight:normal;line-height:29px;margin:0;padding:11px 15px 4px 0}#how_to_publish_tab .wdi_howto_container .wdi_howto_content input{margin:0 auto;text-align:center;width:100%}.wdi_buttons button.button.preview-button{height:28px}@media(max-width:782px){.wdi_buttons button.button.preview-button{height:auto}}@media(min-width:768px){.wdi_border_wrapper .wdi_element_content{width:100%;display:block}.wdi_border_wrapper .wdi_element_title{display:block}.wdi_border_wrapper .wdi_element_content input[type=text]:not(.wp-color-picker){width:calc(100% - 30px);height:28px}.wdi_border_wrapper .wdi_element_content input#wdi_add_user_ajax_input{width:calc(100% - 78px)}.wdi_border_wrapper .wdi_element_content input[type=number]{width:calc(100% - 30px)}.wdi_border_wrapper .wdi_element_content select{width:calc(100% - 30px)}}@media(max-width:768px){#wdi_save_feed .two .section_col{width:96%;float:none;margin:0 2% 18px}.wdi_section.half{width:100%;float:none;margin:0 0 20px 0 !important}}.wdi_section_close::before{content:"\f142";display:inline-block;font:400 20px/1 dashicons;speak:none;float:right;cursor:pointer}.wdi_section_open::before{content:"\f140";display:inline-block;font:400 20px/1 dashicons;speak:none;float:right;cursor:pointer}.wdi-page-header{width:98%;padding:10px}.wdi-page-header .wdi_buttons{float:right}.wdi-page-header .WDI_title_input{padding:3px 8px;font-size:1.7em;line-height:100%;height:1.5em;width:30%;outline:0;margin:0 0 3px;background-color:#fff}.wdi_demo_img{margin-top:20px}#wdi_feed_form .wd-page-title.wd-header{width:100%;padding:10px 0}@media screen and (max-width:782px){#wdi_feed_form p.search-box{margin-bottom:0}#wdi_feed_form p.search-box input[type="search"]{width:100%;height:auto !important}#wdi_feed_form p.search-box input[type="button"]{margin-bottom:10px;padding:6px 14px;line-height:normal;font-size:14px;height:auto}.wdi-page-header .WDI_title_input{width:60%}.wdi-page-header .wdi_buttons{float:none;text-align:center}}.wdi_reset_cache_success{float:right}#wdi_reset_cache{float:right}body.toplevel_page_wdi_settings table:nth-of-type(1) tr:nth-of-type(4),body.toplevel_page_wdi_settings table:nth-of-type(1) tr:nth-of-type(5){display:none}body.instagram-feed_page_wdi_settings table:nth-of-type(1) tr:nth-of-type(3){display:table-row !important}body.instagram-feed_page_wdi_settings table:nth-of-type(1) tr:nth-of-type(4){display:table-row !important}
1
+ .wdi_clear{clear:both}.wdi_clear_tag:after{content:"";display:table;clear:both}#wdi_unistall{background-color:#d82121;border-color:#d31818;box-shadow:inset 0 1px 0 rgba(230,120,120,0.5),0 1px 0 rgba(0,0,0,.15)}#wdi_unistall:hover{background-color:#da1313}#wdi_unistall_table th{width:45%}.display_type_content{background:#fff;border:1px solid #dedede;margin-bottom:15px}.wdi_tooltip,.wdi_settings_link{display:block;font-size:14px !important;font-weight:bold;line-height:20px;margin-bottom:5px;color:#444;text-decoration:none}p.wdi_about_filed{font-size:13px;font-style:italic}.wdi_tooltip:hover,.wdi_settings_link:hover{color:#23282d;position:relative}.wdi_tooltip:hover:after{content:attr(wdi-tooltip);padding:4px 8px;color:#dbdbe0;position:absolute;left:0;top:100%;white-space:nowrap;z-index:20;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:2px;-moz-box-shadow:0 0 4px #222;-webkit-box-shadow:0 0 4px #222;box-shadow:0 0 4px rgba(0,0,0,0.5);background-color:rgba(0,0,0,0.75);font-size:12px}.wdi_pro_only{font-style:italic;color:#4e4e4e !important;background-color:#ccc !important;text-decoration:none}.wdi_pro_only_op{opacity:.6}.wdi_pro_notice{text-align:right;color:#15699f;font-size:20px !important;padding:10px}.wdi_pro_only_btn{background-color:#c5c0c0 !important;border-top-color:#c5c0c0 !important}.wdi-pro-overlay img{opacity:.7}#wdi_feed_users{width:100%;margin-top:2px}#wdi_feed_tabs .wdi_feed_tabs{border:1px solid #f1f1f1;color:#444;cursor:pointer;font-size:13px;font-weight:bold;padding:12px;background:#fff;text-decoration:none;display:inline-block}#wdi_feed_tabs{margin:16px 0}#wdi_feed_tabs .wdi_feed_tab_active,#wdi_feed_tabs .wdi_feed_tabs:hover{background:none repeat scroll 0 0 #fff;color:#9a2465}#how_to_publish_tab .wdi_howto_container .wdi_howto_content .wdi_howto_wrapper{max-width:270px;margin:0 auto}#how_to_publish_tab .wdi_howto_container .wdi_howto_content .wdi_howto_wrapper img{max-width:100%}#wdi_feed_tabs .wdi_feed_tab_title{margin-top:1px;display:inline-block}.wdi_border_wrapper [scope='row']+td,.wdi_border_wrapper [scope='row']{padding:8px}.display_type_container.wdi_clear_tag{display:table;margin:10px auto}.display_type_container>div{float:left;margin-right:15px}.wdi_user{border:1px solid #b9b9b9;background-color:rgba(0,0,0,.05);margin:0 4px 0 0;border-radius:5px;height:28px;position:relative;display:inline-block}.wdi_user:hover{background-color:rgba(0,0,0,.08)}.wdi_user a{text-decoration:none;color:black;line-height:28px;width:70%;margin-left:12%;margin-right:18%;height:100%;display:table-row;padding-right:3px}.wdi_user .wdi_profile_pic{width:20px;height:20px;top:4px;left:30px;padding:5px;vertical-align:middle;display:table-cell}.wdi_user span{display:table-cell;vertical-align:middle;left:55px;font-weight:bold;font-size:14px}.wdi_user .wdi_remove_user,.wdi_user .wdi_check_thumb_user{position:absolute;right:4px;width:15px;height:15px;top:6.5px;transition:all .1s ease}.wdi_user .wdi_remove_user:hover{cursor:pointer;transform:rotate(180deg)}.wdi_user .wdi_check_thumb_user:hover{cursor:pointer}.wdi_user .wdi_check_thumb_user{left:4px}.wdi_border_wrapper [scope='row']{padding:2px;font-size:13px;min-width:250px}.wdi_border_wrapper [scope='row']+td,.wdi_border_wrapper [scope='row']{padding:2px}.small_input{width:60px;text-align:center}.display_type{text-align:center}.wdi_access_token_missing{font-size:14px;color:#000;clear:both;max-width:720px}.instagram-feed_page_wdi_settings form{width:65%}.instagram-feed_page_wdi_settings table td{padding-left:0;padding-right:0}.instagram-feed_page_wdi_settings table th{padding-left:4px}.instagram-feed_page_wdi_settings table input{float:right}#login_with_instagram{height:43px}#login_with_instagram .wdi_sign_in_button{background-image:url('../images/sign_in_with_instagram.png');background-repeat:no-repeat;background-position:left top;width:234px;height:43px;display:inline-block;float:left}#login_with_instagram .wdi_default_feed_button,#login_with_instagram .wdi_edit_default_feed_button{width:234px;height:43px;background-repeat:no-repeat;background-position:center top;display:inline-block}#login_with_instagram .wdi_default_feed_button{background-image:url('../images/default_feed_button.png');float:left;margin-right:10px}#login_with_instagram .wdi_edit_default_feed_button{background-image:url('../images/edit_feed_button.png');float:left}#wdwt_wrap_wdi_authenticated_users_list{display:inline-block;width:100%}#wdwt_wrap_wdi_authenticated_users_list .wdi_sign_in_button{background-image:url(../images/multiple_accounts.png);background-repeat:no-repeat;background-position:left top;width:228px;height:36px;display:inline-block;float:right;margin-top:2px;padding-bottom:5px}.wdi_element_name_hashtag_top_recent{display:none}.wdi_advanced_option_open tr:nth-child(9),.wdi_advanced_option_open tr:nth-child(10),.wdi_advanced_option_open tr:nth-child(11){display:none}.instagram-feed_page_wdi_settings table #wdwt_wrap_wdi_fb_auth{margin-left:115px}#wdwt_wrap_wdi_fb_auth .block a{background-color:#4267b2;color:#fff}.wdi_advanced_option .optioninput,#wdwt_wrap_wdi_reset_cache .block,#wdwt_wrap_wdi_authenticated_users_list .block{display:inline-block}#wdi_options_page_buttons_wrapper .submit{display:inline;margin-left:15px}#wdi_reset_access_token{margin-top:0;float:left;width:232px;text-align:center}.wdi_advanced_option{width:100%;position:relative;font-weight:600}.wdi_advanced_option{background-color:#fff;cursor:pointer;border:1px solid #e3e3e3;border-radius:10px;border-collapse:separate;border-spacing:0}.wdi_advanced_option .wdi_advanced_option_head{border-bottom:1px solid #e3e3e3}.wdi_advanced_option .wdi_advanced_option_head th{padding-top:10px;padding-bottom:10px}.wdi_advanced_option.wdi_advanced_option_open .wdi_advanced_option_head th{border-bottom:1px solid #e3e3e3;border-bottom-left-radius:10px}.wdi_advanced_option.wdi_advanced_option_open .wdi_advanced_option_head td{border-bottom:1px solid #e3e3e3;border-bottom-right-radius:10px}.instagram-feed_page_wdi_settings table.wdi_advanced_option th{padding-left:12px}.instagram-feed_page_wdi_settings table.wdi_advanced_option td .wdwt_param{margin-left:15px}.instagram-feed_page_wdi_settings #wdwt_wrap_wdi_disable_fa .optioninput{display:inline-block}.wdi_advanced_option .wdi_advanced_option_icon{background-repeat:no-repeat;background-position:left top;width:20px;height:20px;display:inline-block;position:absolute;top:16px;right:10px}.wdi_advanced_option.wdi_advanced_option_close .wdi_advanced_option_icon{background-image:url('../images/arrow_1.png')}.wdi_advanced_option.wdi_advanced_option_open .wdi_advanced_option_icon{background-image:url('../images/arrow_2.png')}.wdi_advanced_option.wdi_advanced_option_close tbody tr:not(.wdi_advanced_option_head){display:none}.instagram-feed_page_wdi_settings form h2{display:none}#wdi_options_page_buttons_wrapper{margin-top:10px;width:700px}.wdi_hide{display:none}.wdi_hidden{display:none !important}.selectoff{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.wdi_filter_radio{margin:5px;display:inline-block}.wdi_filter_radio label{vertical-align:text-bottom}.wdi_filter_input{margin-top:10px}.wdi_filter_input input{height:28px;width:250px;margin-right:0;padding-right:0;line-height:28px}#wdi_filter_type{line-height:28px;margin:0;padding:0;position:relative;right:2px;top:-1px;font-weight:400}.wdi_filter_item{display:inline-block;padding:6px;margin-top:5px;border-radius:5px}.wdi_filter_by_username{background-color:#00a0d2;color:white}.wdi_filter_by_hashtag{background-color:#e08d11;color:white}.wdi_logic{display:inline-block;padding:5px;font-weight:bold}.wdi_filter_by_location{background-color:#509833;color:white}.wdi_filter_by_mention{background-color:#833888;color:white}.wdi_filter_by_description{background-color:#bd242b;color:white}.wdi_filter_by_url{background-color:#004eff;color:white}.wdi_remove_filter{padding-left:5px;color:white;font-size:13px}.wdi_remove_filter:hover{cursor:pointer}.wdi_source_user{display:inline-block;padding:5px}.wdi_source_img{display:inline-block}.wdi_source_img img{width:30px;height:30px;border-radius:15px;display:block}.wdi_source_username{display:inline-block;line-height:25px;font-size:15px !important;height:30px;vertical-align:bottom;padding:0 5px;font-weight:bold}#login_with_instagram>a:focus{-webkit-box-shadow:none;box-shadow:none}.wdi_help_bar_wrap{background-color:#fff;border:0;box-sizing:border-box;clear:both;color:#6e7990;font-size:14px;font-weight:bold;line-height:30px;padding:15px;vertical-align:middle;width:100%;margin:20px 0 0 0}.wdi_help_bar_text{float:left}.wdi_help_bar_text>a{color:#0073aa;text-decoration:none}.wdi_hb_buy_pro{float:right;padding:0}.wdi_hb_buy_pro a,.wdi_hb_buy_pro a:active,.wdi_hb_buy_pro a:visited,.wdi_hb_buy_pro a:hover{display:inline-block;font-weight:bold;font-size:14px;vertical-align:middle;border:0;box-shadow:none !important;text-decoration:none}.wdi_hb_buy_pro .wdi_support_link{color:#72777c !important;padding:0 10px}.wdi_hb_buy_pro .wdi_update_pro_link{background:#45a6b7;font-weight:bold;line-height:30px;padding:0 18px 0 18px;color:#fff !important}.wdi_hb_buy_pro img{border:0;display:inline-block;vertical-align:middle}#bullets_images_type,#bullets_images_color,#bull_style,#rl_butt_type,#rl_butt_color,#rl_butt_style{margin:0 10px 0 0;width:100px}.wds_ctrl_btn_upload{display:block !important;margin:5px 0 !important;text-align:center;vertical-align:middle;width:95%}.wds_reverse{margin:0 5px !important}.wds_free_button,.wds_free_button:hover{background:linear-gradient(to bottom,#e5e5e5,#e5e5e5) repeat scroll 0 0 #f3f3f3 !important;border-color:#bbb !important;color:#888 !important}.wdi_spider_free_version_label,.wdi_spider_free_version_label *{color:#808080 !important}.wdi_spider_free_version{background-color:#dfdfdf;border:1px solid #797979;border-radius:2px;padding:2px;width:210px}.wds_more{font-size:12px}.wrap .button{border-radius:3px !important;text-shadow:none !important}.wdi_spider_message_cont{display:none;width:99%}.wdi_spider_load{display:none}.wdi_spider_load_cont{background-color:rgba(0,0,0,0.2);left:0;height:100%;position:fixed;top:0;width:100%;z-index:99998}.wdi_spider_load_icon{left:0;height:100%;position:fixed;text-align:center;top:0;width:100%;z-index:99999}.wdi_spider_ajax_loading{border:none !important;margin-top:200px;width:50px;-webkit-animation:spin 2.5s infinite linear;-moz-animation:spin 2.5s infinite linear;-o-animation:spin 2.5s infinite linear;animation:spin 2.5s infinite linear}@-moz-keyframes spin{0{-moz-transform:rotate(0)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0{-o-transform:rotate(0)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0{-ms-transform:rotate(0)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0{transform:rotate(0)}100%{transform:rotate(359deg)}}#TB_window,#TB_iframeContent{width:800px !important;height:500px !important}#TB_window{margin-left:-400px !important}.input_th{margin-left:0 !important;width:160px !important;font-family:sans-serif}.input_th2{margin-left:0 !important;width:160px !important;margin-top:5px;height:19px}.edit_input{height:28px !important;padding-bottom:7px !important}.add_tag_th{padding-left:21px;font-size:12px;font-family:sans-serif}.pointer{cursor:pointer}.non_selectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wds_position_table td,.wds_position_table input{border:1px solid #ccc;margin:2px}.wds_position_table .wds_position_td{background-color:#f4f4f4;display:inline-block;line-height:1;padding:0 !important}.wdi_spider_div_options{background:none repeat scroll 0 0 #f4f4f4;border:1px solid #8f8d8d;border-radius:8px 8px 8px 8px;display:none;margin:2px 0 0 190px;padding:13px;min-height:300px;min-width:600px;vertical-align:top}.table_medium_col{text-align:center !important;width:70px}.table_medium_col_uncenter{width:80px}.table_extra_large_col{padding:4px !important;width:150px !important}.first-page,.prev-page,.next-page,.last-page,.table_extra_large_col a,.table_medium_col a,.table_big_col a,.table_small_col a{cursor:pointer}.wdi_spider_word_wrap{word-wrap:normal}.wdi_spider_description{color:#666;font-size:.923em;line-height:1.231em}.handle{background:url("../images/draggable.png") no-repeat transparent;border:0;cursor:move;display:inline-block;height:15px;margin:0 auto;vertical-align:middle;width:15px}.slider-icon{background-image:url("../images/slider-icon.png");background-repeat:no-repeat;border:0;float:left;height:32px;margin:7px 8px 0 0;width:32px}.uninstall-icon{background-image:url("../images/uninstall-icon.png");background-repeat:no-repeat;border:0;float:left;height:32px;margin:7px 8px 0 0;width:32px}.wdi_spider_label{font-weight:bold;width:100px}.wdi_spider_label_top{font-weight:bold;padding-top:3px;vertical-align:top;width:100px}.wdi_spider_fieldset .wdi_spider_label{font-weight:bold;vertical-align:top;width:150px}.wdi_spider_label_options{font-weight:bold;vertical-align:top;width:150px}.wdi_spider_choose_option{display:table;box-shadow:0 0 1px 1px #d2d2d2;margin-bottom:5px;border-radius:2px;padding:2px;box-sizing:border-box;cursor:pointer;width:100%}.wdi_spider_options_cont,.wdi_spider_bull_options_cont,.wdi_spider_pp_options_cont,.wdi_spider_options_color_cont,.wdi_spider_bull_options_color_cont,.wdi_spider_pp_options_color_cont{display:none;width:180px;height:150px;overflow:scroll;overflow-x:hidden;overflow-y:scroll}.wdi_spider_option_cont{display:block;border-bottom:1px solid #d3d3d3;padding:3px 0 3px 0;box-sizing:content-box;width:98%;border-radius:0;cursor:pointer}.wdi_spider_option_cont_title{display:table-cell;vertical-align:middle;padding:0 0 0 4px}.wdi_spider_option_cont_img{display:table-cell;width:23%;height:15px;text-align:right;padding:5px 4px 0 0;box-sizing:border-box;background-color:#eee}.wdi_spider_option_main_title{display:table-cell;width:65%;vertical-align:middle;padding:0 0 0 4px;color:#555}.wdi_spider_sel_option_ic{display:table-cell;width:20%;height:15px;text-align:right;padding:0 6px 0 0;box-sizing:border-box}.wdi_spider_int_input{width:45px}.wdi_spider_char_input{width:115px}.wdi_spider_text_input{width:190px}.wdi_spider_slider_div{display:inline-block;vertical-align:middle;width:140px}.wdi_spider_slider_percentage,.wdi_spider_slider_percentage input,.wdi_spider_slider_percentage input :focus{background:transparent;border:0;color:#00aeef;display:inline;font-weight:bold;text-align:right;vertical-align:middle;width:30px}.updated,.error{margin:5px 0 2px !important}.buttons_div{clear:both;float:right;margin:5px 0}.buttons_div_left{float:left;margin:5px 0}.buttons_div_right{float:right;margin:5px 0}.wdi_spider_delete_img{background-image:url("../images/delete.png");border:0;cursor:pointer;display:inline-block;vertical-align:middle;height:14px;width:14px}.wdi_spider_delete_img_small{background-image:url("../images/delete.png");background-size:10px auto;border:medium none;cursor:pointer;display:inline-block;height:10px;margin-top:2px;vertical-align:middle;width:10px}.wdi_spider_fieldset{background:none repeat scroll 0 0 #f4f4f4;border:1px solid #8f8d8d;border-radius:8px 8px 8px 8px;display:none;float:left;margin:4px;padding:13px;width:97%}.wdi_spider_type_fieldset{background:none repeat scroll 0 0 #f4f4f4;border-radius:8px 8px 8px 8px;display:none;float:left;width:100%}.wdi_spider_child_fieldset{background:none repeat scroll 0 0 #f4f4f4;border:1px solid #8f8d8d;border-radius:8px 8px 8px 8px;float:left;margin:4px;width:30%;padding:13px;display:block}.wdi_spider_table td{padding:0;vertical-align:middle}.wdi_spider_ctrls{padding:4px;text-align:center;width:40px}.theme_type{background-color:#f4f4f4;border:1px solid #8f8d8d;border-radius:8px 8px 8px 8px;cursor:pointer;display:inline-block;font-size:16px;height:24px;padding-top:5px;text-align:center;vertical-align:middle;width:123px;margin:2px 0 2px 0}.ui-slider-handle{cursor:pointer !important}.thumb{border:1px solid #ccc;max-height:120px;max-width:120px}.fileDescription{color:#666;cursor:pointer;font-family:sans-serif;font-size:12px}.filename{font-size:13px}.tag_div{background-clip:padding-box;background-color:#f3f3f3;border:1px solid #aaa;border-radius:3px 3px 3px 3px;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);color:#666;line-height:13px;margin:2px 0;padding:2px 5px 2px 5px;width:132px}.tags_div{overflow-y:auto;height:65px}.tag_name{width:118px}.edit_thumb{cursor:pointer}.wdi_spider_rotate{border-radius:2px;border:1px solid #fff;height:30px}.wdi_spider_search_value{height:2em;margin:0 0 4px}#th_order,.wdi_spider_order{display:none}.wds_add_video,.wds_resize_image,.wds_import,.wds_exports{display:none;padding:10px;height:60px;background-color:#fff;border:1px solid #999;top:50%;position:fixed;left:50%;text-align:left;z-index:100000;border-radius:3px;margin-top:-45px}.wds_add_video,.wds_resize_image{margin-left:-340px}.wds_exports{margin-left:-240px}.wds_import{margin-left:-185px}.wds_add_video input[type="text"],.wds_resize_image input[type="text"]{width:500px}.wds_opacity_video,.wds_opacity_import,.wds_opacity_export{background-color:#000;display:none;opacity:.75;filter:Alpha(opacity=75);position:fixed;top:0;left:0;width:100%;height:100%;z-index:99998}.wds_tabs{clear:both;display:none;position:relative;z-index:1}.wds_tabs a.wds_sub_active,.wds_tabs a.wds_active{background-color:#f5f5f5;border-bottom:1px solid #f5f5f5;color:#333}.wds_tabs a{background-color:#f9f9f9;border:1px solid #dfdfdf;border-top-left-radius:3px;border-top-right-radius:3px;color:#c7c7c7;display:block !important;float:left;font:bold 17px/32px Arial,serif;height:30px;margin:3px 3px 0 0;padding:0 10px;position:relative;text-decoration:none;width:130px}.wbs_subtab a{font:bold 14px/26px Arial,serif;height:26px;padding:0 5px;width:105px}.wds_add_layer{font:normal 20px/28px Arial,serif !important;width:initial !important;padding:0 9px !important}.wds_tab_title{background:none repeat scroll 0 0 transparent !important;border:none !important;cursor:pointer;opacity:.5;filter:Alpha(opacity=50);padding:1px;vertical-align:middle;width:50px}.wds_sub_active .wds_tab_title,.wds_layer_title{background-color:#fff !important;border-color:#dfdfdf !important;border-radius:3px !important;border-style:solid !important;border-width:1px !important;cursor:pointer;opacity:1;filter:Alpha(opacity=100)}.wds_tab_remove{background-image:url("../images/close.png");background-repeat:no-repeat;background-size:100% 100%;display:inline-block;width:9px;height:9px;opacity:.5;filter:Alpha(opacity=50);vertical-align:middle}.wds_layer_remove{background-image:url("../images/close.png");background-repeat:no-repeat;background-size:100% 100%;display:inline-block;width:15px;height:15px;margin:5px;float:right}.wds_layer_dublicate{background-image:url("../images/duplicate.png");background-repeat:no-repeat;background-size:100% 100%;display:inline-block;width:15px;height:15px;margin:5px;float:right}.wds_slide_dublicate{background-image:url("../images/duplicate.png");background-repeat:no-repeat;background-size:100% 100%;display:inline-block;width:12px;height:12px;vertical-align:middle}.wds_layer_depth{float:right;font-size:13px;line-height:15px;margin:1px 5px;text-align:left;width:40px}.wds_layer_label{display:inline-block;font-size:13px;width:80%}.wds_sub_active .wds_tab_remove{cursor:pointer !important;opacity:1;filter:Alpha(opacity=100)}.wds_box.wds_sub_active,.wds_box.wds_active{display:block}.wds_tab_label{display:block;width:inherit}.wds_box{display:none;margin-top:0 !important;position:relative;top:-1px}.wds_box{border:1px solid #dfdfdf;border-radius:3px;box-shadow:0 0 10px #f2f2f2;margin-top:15px;position:relative}.wds_clear{clear:both;float:none !important}.wds_box thead td{border-bottom:0 none !important}.wds_box tbody{background-color:#fff;border-top:0 none;padding-left:10px}.wds_box thead{background:-webkit-linear-gradient(#f5f5f5,#fff);background:-o-linear-gradient(#f5f5f5,#fff);background:-moz-linear-gradient(#f5f5f5,#fff);background:linear-gradient(#f5f5f5,#fff);border-top:0 none;border-bottom:0 none;color:#333;font:bold 12px/29px Arial,serif;height:29px;margin:0;padding:0 10px;text-align:left;text-shadow:0 1px 0 #fff}.wds_box table{border-collapse:collapse;border-spacing:0;width:100%}.wds_nav_tabs{background-color:#f5f5f5;border-right:1px solid #dfdfdf;float:left;height:640px;margin:0;width:150px}.wds_nav_tabs ul{list-style:none outside none;margin:10px 0;padding:0}.wds_nav_tabs .wds_sub_active,.wds_nav_tabs .wds_sub_active a,.wds_nav_tabs .wds_sub_active a:hover,.wds_nav_tabs .wds_active,.wds_nav_tabs .wds_active a,.wds_nav_tabs .wds_active a:hover{background:none repeat scroll 0 0 #fff;color:#333}.wds_nav_tabs .wds_active{border-color:#dfdfdf;border-width:1px 0 1px 1px;border-style:solid;margin:0 -1px 0 -4px;padding:0}.wds_nav_tabs li{border-color:transparent;border-style:solid;border-width:1px 0;list-style-type:none;margin-bottom:0}.wds_nav_tabs a{display:block;line-height:18px;padding:5px 5px 5px 12px;text-decoration:none}.wds_nav_box{background:none repeat scroll 0 0 #fff;display:none;height:610px;overflow:auto;padding:15px}.wds_nav_box.wds_active{display:block}.wds_layer_head{background-color:#f5f5f5;border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;cursor:pointer;padding:5px}.wds_layer_head .handle{cursor:move;display:inline-block;margin:5px}.wds_box td{padding:10px !important}.wds_draggable{box-sizing:border-box;cursor:move}.wds_box .color{width:60px}.wds_active_layer{box-shadow:#2c2424 0 0 5px;border-radius:3px}.wds_draggable a,.wds_draggable a:hover{color:inherit !important;font-size:inherit !important;font-style:inherit !important;font-weight:inherit !important;text-decoration:none}#add_embed_help{height:200px;width:672px;top:40%}#add_embed input[type="text"]{width:500px}.wds_buttons{float:right;font-weight:normal;position:relative}.wds_reset_button{display:none;font-weight:normal;margin:10px 0;position:absolute;right:40px;z-index:1}#wdi_save_feed .two .section_col{width:47%;float:left;margin:0 1.5% 18px}#wdi_save_feed .wdi_element{margin:0 0 18px}#wdi_save_feed .half .wdi_element,#wdi_save_feed .one .wdi_element{width:96%;float:none;margin:0 2% 20px}.wdi_element_name_liked_feed{display:none !important}#wdi_save_feed .wdi_element p{margin:2px 0 0}.wdi_section_name{font-size:19px;margin:0 auto 15px;width:100%;box-sizing:border-box;padding:15px;border-bottom:1px solid #f1f1f1;color:#444;cursor:pointer}.wdi_section{border:1px solid #dedede;margin-bottom:20px;background:#fff}.wdi_section .optioninput *{text-align:left}.wdi_section.half{width:49%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wdi_buttons{text-align:right;margin-top:7px}.wdi_tab .wdi_section.half:last-child{margin-left:2%}#how_to_publish_tab .wdi_howto_container{display:flex;flex-wrap:wrap}#how_to_publish_tab .wdi_howto_content{border:1px #ddd solid;display:flex;flex:1;flex-direction:column;margin:5px;min-width:250px;max-width:calc(25% - 20px);padding:20px 10px;text-align:center}#how_to_publish_tab .wdi_howto_container h2{font-size:23px;font-weight:normal;line-height:29px;margin:0;padding:11px 15px 4px 0}#how_to_publish_tab .wdi_howto_container .wdi_howto_content input{margin:0 auto;text-align:center;width:100%}.wdi_buttons button.button.preview-button{height:28px}@media(max-width:782px){.wdi_buttons button.button.preview-button{height:auto}}@media(min-width:768px){.wdi_border_wrapper .wdi_element_content{width:100%;display:block}.wdi_border_wrapper .wdi_element_title{display:block}.wdi_border_wrapper .wdi_element_content input[type=text]:not(.wp-color-picker){width:calc(100% - 30px);height:28px}.wdi_border_wrapper .wdi_element_content input#wdi_add_user_ajax_input{width:calc(100% - 78px)}.wdi_border_wrapper .wdi_element_content input[type=number]{width:calc(100% - 30px)}.wdi_border_wrapper .wdi_element_content select{width:calc(100% - 30px)}}@media(max-width:768px){#wdi_save_feed .two .section_col{width:96%;float:none;margin:0 2% 18px}.wdi_section.half{width:100%;float:none;margin:0 0 20px 0 !important}}.wdi_section_close::before{content:"\f142";display:inline-block;font:400 20px/1 dashicons;speak:none;float:right;cursor:pointer}.wdi_section_open::before{content:"\f140";display:inline-block;font:400 20px/1 dashicons;speak:none;float:right;cursor:pointer}.wdi-page-header{width:98%;padding:10px}.wdi-page-header .wdi_buttons{float:right}.wdi-page-header .WDI_title_input{padding:3px 8px;font-size:1.7em;line-height:100%;height:1.5em;width:30%;outline:0;margin:0 0 3px;background-color:#fff}.wdi_demo_img{margin-top:20px}#wdi_feed_form .wd-page-title.wd-header{width:100%;padding:10px 0}@media screen and (max-width:782px){#wdi_feed_form p.search-box{margin-bottom:0}#wdi_feed_form p.search-box input[type="search"]{width:100%;height:auto !important}#wdi_feed_form p.search-box input[type="button"]{margin-bottom:10px;padding:6px 14px;line-height:normal;font-size:14px;height:auto}.wdi-page-header .WDI_title_input{width:60%}.wdi-page-header .wdi_buttons{float:none;text-align:center}}.wdi_reset_cache_success{float:right}#wdi_reset_cache{float:right}body.toplevel_page_wdi_settings table:nth-of-type(1) tr:nth-of-type(4),body.toplevel_page_wdi_settings table:nth-of-type(1) tr:nth-of-type(5){display:none}body.instagram-feed_page_wdi_settings table:nth-of-type(1) tr:nth-of-type(3){display:table-row !important}body.instagram-feed_page_wdi_settings table:nth-of-type(1) tr:nth-of-type(4){display:table-row !important}#wpbody-content>div:not(.wrap):not(.wd_topic),.wrap .notice:not(.wd-notice),.notice:not(.wd-notice){display: none;}#wpbody-content .wrap #v2_tenweb_notice_cont{display: flex;}
framework/WDILibrary.php CHANGED
@@ -1187,10 +1187,145 @@ class WDILibrary {
1187
  return false;
1188
  }
1189
 
1190
- ////////////////////////////////////////////////////////////////////////////////////////
1191
- // Private Methods //
1192
- ////////////////////////////////////////////////////////////////////////////////////////
1193
- ////////////////////////////////////////////////////////////////////////////////////////
1194
- // Listeners //
1195
- ////////////////////////////////////////////////////////////////////////////////////////
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1196
  }
1187
  return false;
1188
  }
1189
 
1190
+ /**
1191
+ * Is plugin active.
1192
+ *
1193
+ * @param $plugin_name
1194
+ *
1195
+ * @return bool
1196
+ */
1197
+ public static function is_plugin_installed($plugin_name) {
1198
+ if ( is_dir(WP_PLUGIN_DIR . '/' . $plugin_name . '/') ) {
1199
+ return TRUE;
1200
+ }
1201
+
1202
+ return FALSE;
1203
+ }
1204
+
1205
+ /**
1206
+ * Get activation or deactivation link of a plugin
1207
+ *
1208
+ * @author Nazmul Ahsan <mail@nazmulahsan.me>
1209
+ *
1210
+ * @param string $plugin plugin file name
1211
+ * @param string $action action to perform. activate or deactivate
1212
+ *
1213
+ * @return string $url action url
1214
+ */
1215
+ public static function na_action_link( $plugin, $action = 'activate' ) {
1216
+ if ( strpos($plugin, '/') ) {
1217
+ $plugin = str_replace('\/', '%2F', $plugin);
1218
+ }
1219
+ $url = sprintf(admin_url('plugins.php?action=' . $action . '&plugin=%s&plugin_status=all&paged=1&s'), $plugin);
1220
+ $_REQUEST['plugin'] = $plugin;
1221
+ $url = wp_nonce_url($url, $action . '-plugin_' . $plugin);
1222
+
1223
+ return $url;
1224
+ }
1225
+
1226
+ public static function twbb_install_button($v) {
1227
+ $prefix = WD_WDI_PREFIX;
1228
+ $slug = '10web-manager';
1229
+ $install_url = esc_url(wp_nonce_url(self_admin_url('update.php?action=install-plugin&plugin=' . $slug), 'install-plugin_' . $slug));
1230
+ $activation_url = self::na_action_link($slug . '/10web-manager.php', 'activate');
1231
+ $tenweb_url = admin_url('admin.php?page=tenweb_menu');
1232
+ $dismiss_url = add_query_arg(array( 'action' => 'wd_tenweb_dismiss' ), admin_url('admin-ajax.php'));
1233
+ $activate = self::is_plugin_installed($slug) && !is_plugin_active('10web-manager/manager.php') ? TRUE : FALSE;
1234
+ ?>
1235
+ <a class="button<?php echo($v == 2 ? ' button-primary' : ''); ?> tenweb_activaion"
1236
+ id="<?php echo $activate ? 'activate_now' : 'install_now'; ?>"
1237
+ data-activation="<?php _e("Activation", $prefix); ?>"
1238
+ data-tenweb-url="<?php echo $tenweb_url; ?>"
1239
+ data-install-url="<?php echo $install_url; ?>"
1240
+ data-activate-url="<?php echo $activation_url; ?>">
1241
+ <span class="tenweb_activaion_text"><?php echo $activate ? __("Activate", $prefix) : __("Install", $prefix); ?></span>
1242
+ <span class="spinner" id="loading"></span>
1243
+ </a>
1244
+ <span class="hide <?php echo $activate ? 'error_activate' : 'error_install tenweb_active'; ?> ">
1245
+ <?php echo $activate ? __("Activation failed, please try again.", $prefix) : __("Installation failed, please try again.", $prefix); ?>
1246
+ </span>
1247
+ <script>
1248
+ var url = jQuery(".tenweb_activaion").attr("data-install-url");
1249
+ var activate_url = jQuery(".tenweb_activaion").attr("data-activate-url");
1250
+
1251
+ function install_tenweb_plugin() {
1252
+ jQuery("#loading").addClass('is-active');
1253
+ jQuery(this).prop('disable', true);
1254
+ jQuery.ajax({
1255
+ method: "POST",
1256
+ url: url,
1257
+ }).done(function () {
1258
+ /* Check if plugin installed.*/
1259
+ jQuery.ajax({
1260
+ type: 'POST',
1261
+ dataType: 'json',
1262
+ url: jQuery("#verifyUrl").attr('data-url'),
1263
+ error: function () {
1264
+ jQuery("#loading").removeClass('is-active');
1265
+ jQuery(".error_install").show();
1266
+ },
1267
+ success: function (response) {
1268
+ if (response.status_install == 1) {
1269
+ jQuery('#install_now .tenweb_activaion_text').text(jQuery("#install_now").data("activation"));
1270
+ activate_tenweb_plugin();
1271
+ }
1272
+ else {
1273
+ jQuery("#loading").removeClass('is-active');
1274
+ jQuery(".error_install").removeClass('hide');
1275
+ }
1276
+ }
1277
+ });
1278
+ }).fail(function () {
1279
+ jQuery("#loading").removeClass('is-active');
1280
+ jQuery(".error_install").removeClass('hide');
1281
+ });
1282
+ }
1283
+ function activate_tenweb_plugin() {
1284
+ jQuery("#activate_now #loading").addClass('is-active');
1285
+ jQuery.ajax({
1286
+ method: "POST",
1287
+ url: activate_url,
1288
+ }).done(function () {
1289
+ jQuery("#loading").removeClass('is-active');
1290
+ var data_tenweb_url = '';
1291
+ /* Check if plugin installed.*/
1292
+ jQuery.ajax({
1293
+ type: 'POST',
1294
+ dataType: 'json',
1295
+ url: jQuery("#verifyUrl").attr('data-url'),
1296
+ error: function () {
1297
+ jQuery("#loading").removeClass('is-active');
1298
+ jQuery(".error_activate").removeClass('hide');
1299
+ },
1300
+ success: function (response) {
1301
+ if (response.status_active == 0) {
1302
+ //jQuery('#install_now').addClass('hide');
1303
+ data_tenweb_url = jQuery('.tenweb_activaion').attr('data-tenweb-url');
1304
+ jQuery.post('<?php echo $dismiss_url; ?>');
1305
+ }
1306
+ else {
1307
+ jQuery("#loading").removeClass('is-active');
1308
+ jQuery(".error_activate").removeClass('hide');
1309
+ }
1310
+ },
1311
+ complete: function () {
1312
+ if (data_tenweb_url != '') {
1313
+ window.location.href = data_tenweb_url;
1314
+ }
1315
+ }
1316
+ });
1317
+ }).fail(function () {
1318
+ jQuery("#loading").removeClass('is-active');
1319
+ });
1320
+ }
1321
+ jQuery("#install_now").on("click", function () {
1322
+ install_tenweb_plugin();
1323
+ });
1324
+ jQuery("#activate_now").on("click", function () {
1325
+ activate_tenweb_plugin();
1326
+ });
1327
+ </script>
1328
+
1329
+ <?php
1330
+ }
1331
  }
readme.txt CHANGED
@@ -1,860 +1,832 @@
1
- === 10Web Instagram Feed - Instagram Gallery ===
2
- Contributors: webdorado,10web,progmastery
3
- Tags: custom instagram feed, feed, instagram, hashtag, Instagram feed, instagram gallery, instagram posts, Instagram images, Instagram photos, lightbox, photos,instagram account
4
- Requires at least: 3.9
5
- Requires PHP: 5.2
6
- Tested up to: 5.1
7
- Stable tag: 1.3.14
8
- License: GPLv2 or later
9
- License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
-
11
- 10Web Instagram Feed is the leading plugin for easily presenting a customizable Instagram feed on your website.
12
-
13
- == Description ==
14
-
15
- 10Web Instagram Feed is the leading plugin for easily presenting a customizable Instagram feed on your website.
16
-
17
- = Useful Links: =
18
-
19
- [Live Demo](https://demo.10web.io/instagram-feed/)
20
-
21
- [Premium Instagram Feed by 10Web](https://10web.io/plugins/wordpress-instagram-feed/)
22
-
23
- [Special Offer for all Premium Plugins](https://10web.io/plugins-bundle-pricing/)
24
-
25
-
26
- https://www.youtube.com/watch?v=CgZNya0HZCQ
27
-
28
- Having a hard time finding the perfect Instagram plugin to showcase your feed?
29
-
30
- Is it difficult for you to match your website’s design with the default Instagram look?
31
-
32
- Looking for an alternative to embedding Instagram posts one by one?
33
-
34
- == Instagram Feed Features ==
35
-
36
- **Present Content**
37
- Present images from hashtags or your Instagram accounts.
38
-
39
- **Mixed Feeds\***
40
- Merge Instagram accounts with chosen hashtags.
41
-
42
- **Mobile-Friendly & Responsive**
43
- Your feeds will look excellent on all types of devices: desktops, tablets, and mobile phones.
44
-
45
- **Any Number of Feeds**
46
- Display however many Instagram feeds on one page.
47
-
48
- **Customizable Layouts**
49
- Pick one of the four layouts: Thumbnails, Masonry*, Blog Style*, and Image Browser.
50
-
51
- **Functional Lightbox**
52
- Use transition effects*, show captions and comments*.
53
-
54
- **Customizable Themes\***
55
- Choose one of our predefined themes or create a new one.
56
-
57
- **In-Depth Metadata\***
58
- Show profile information, captions, comments, and likes.
59
-
60
- **Infinite Scroll & Pagination**
61
- Choose the number of displayed images per page or set an infinite scroll.
62
-
63
- **Instagram Feed Widget**
64
- Display Instagram feeds on your website’s sidebars.
65
-
66
- **Downloads and Shares\***
67
- Your users can download images from the lightbox and share them on social media.
68
-
69
- **Publish Easily**
70
- Embed feeds into posts or pages in just a click.
71
-
72
- _\* Premium version only_
73
-
74
- == World Class Customer Support ==
75
- * Low response time
76
- We always respond within a few hours.
77
- * Quick issue resolution
78
- Resolving an issue never takes more than 24 hours.
79
-
80
- == FEATURED REVIEWS ==
81
-
82
- > Fantastic, outstanding plugin that did exactly what I wanted it to do – show my Instagram feed on my site,
83
- > increasing traffic flow and improving Google ranking.
84
- > So easy to install! Perfect!
85
- > **[by @herm1one](https://wordpress.org/support/topic/working-so-well-for-seo/)**
86
-
87
- > Good Plugin, my daughter can update her hairdressing photos on Instagram, and the website keeps automatically up to date.
88
- > Does the job well, and shows that the Salon is up to the minute.
89
- > **[by @elainekay](https://wordpress.org/support/topic/great-little-plug-in-10/)**
90
-
91
- > This plugin is great!
92
- > Very clean layout and easy to use!
93
- > Will be using this plugin for all my sites that require instagram feeds! Thanks
94
- > **[by @csmithfcedge](https://wordpress.org/support/topic/clean-layout-2/)**
95
-
96
- == Steps for integrating an Instagram feed: ==
97
- 1. Install 10Web Instagram Feed.
98
- 2. Connect your Instagram account.
99
- 3. Publish your feed.
100
-
101
- > **[Premium version adds](https://10web.io/plugins/wordpress-instagram-feed/)**
102
- >
103
- > * Masonry Layout feeds
104
- > * Blog Style Layout feeds
105
- > * Image metadata (Instagram tags, image captions, comments, likes) displayed
106
- > * Mixed and multiple feeds (Instagram account posts with multiple hashtags)
107
- > * Fully customizable themes
108
- > * Vertical/horizontal filmstrip in lightbox
109
- > * HTML5 Video support in Lightbox
110
- > * Blog Style and Image Browser views for displaying Instagram videos
111
- > * 15 Lightbox transition effects
112
- > * Social sharing buttons (Facebook, Twitter, Google+, LinkedIn and Pinterest)
113
- > * Infinite scroll for the feed (Similar to Instagram standard)
114
- > * Instagram comments displayed in Lightbox
115
- > * Instagram hashtag filtering options
116
- > * Conditional filters
117
-
118
-
119
-
120
- = SETTINGS/CUSTOMIZATION =
121
-
122
- *Some customizations described here are available in Premium version. Please refer to feature summary for additional info.*
123
-
124
- 10Web Instagram Feed comes with extensive customization options for the feeds, layouts, themes and content display. Every new feed you add to your website has its own settings for the feed and for the lightbox that pops up when people click on an image or video. Upon clicking on the image you can choose to redirect people to Instagram, open the image in the lightbox, or chose the custom redirect option. There are various image sorting options available based on the date, likes, comments, and on random basis. Media loading options include load more button, infinite Instagram scrolling, or classic pagination with next and previous buttons. You can enable "Follow on Instagram" button from the feed settings and let your visitors follow the displayed Instagram accounts directly from your site. The number of photos you display on the page or post can be specified from the feed settings, as well as the number of the loading images.
125
-
126
-
127
- ###IMPORTANT:
128
- If you think you found a bug in 10Web Instagram Feed or wonder how to add Instagram to your website, or how to get Instagram plugin up and running, please check out [Support Forum](https://wordpress.org/support/plugin/wd-instagram-feed). Additional information on how to download Instagram plugin to your website you can find in our user manual If you do not find a solution in the forum, do not hesitate to [click here to contact us](https://10web.io/contact-us/).
129
-
130
- == Installation ==
131
-
132
- #### Thank you for your interest in 10Web Instagram Feed.
133
-
134
- Here are two ways of installing 10Web Instagram Feed: via WordPress backend and via FTP. Let's discuss each case individually:
135
-
136
- **Installing via WordPress**
137
-
138
- Login to the WordPress Administrator Panel.
139
- Go to Plugins > Add New > Upload.
140
- Click Choose file button and select the zip folder of 10Web Instagram Feed plugin and press Install now button.
141
- Click Activate button.
142
-
143
- **Installing via FTP**
144
-
145
- Login to your hosting space via an FTP software, e.g. FileZilla.
146
- Unzip the downloaded 10Web Instagram Feed plugin folder without making any changes to the folder.
147
- Upload the Instagram plugin into the following location wp-content>wp-plugins.
148
- Login to the WordPress Administrator Panel.
149
- Activate 10Web Instagram Feed by going to Plugins and pressing Activate button.
150
-
151
- **Creating an Instagram Feed**
152
-
153
- Creating a responsive Instagram feed is simple and easy with this user-friendly Instagram importer plugin. Go to **10Web Instagram Feed > Feeds** and press **Add New.** Here you can choose Instagram feed layout and manage lightbox options. From the lightbox options you can enable filmstrip, slideshow, and take full control how custom feed images, image galleries, pictures, Instagram gallery, and videos of this social network are displayed within the lightbox.
154
-
155
- You can enable autoplay to play photos and Instagram group images similar to an image slider. To get an Instagram slider appearance in the lightbox you'll need to adjust the lightbox and image display settings. Lightbox works great with Instagram touch. The feed will be automatically updated once users share Instagram new images. The feeds support new Instagram carousel feature, and display the images of the responsive carousel.
156
-
157
- Create an Instagram feed based on one of the available layouts - Thumbnail, Masonry, Blog Style, Image Browser.
158
-
159
-
160
-
161
- == Frequently Asked Questions ==
162
-
163
- = What can I achieve using Instagram Feed plugin? =
164
-
165
- WordPress Instagram Feed is a user-friendly plugin with enhanced functionality, which lets you create and showcase Instagram feeds on your WordPress website. You can build **multiple feeds** with the media of **your Instagram account** or **hashtag** by completing just a few simple steps.
166
-
167
- You will need a couple of minutes to incorporate **Instagram API** to your website. The plugin will automatically create a feed from your Instagram profile. Additionally, you can build Instagram feeds and show posts of your username, as well as **hashtags.**
168
-
169
- Customize the features of the feeds by configuring advanced settings of Instagram Feed plugin. Its user-friendly tools and features allow you fully personalize your feeds, set up conditional filters for feed username and hashtags, modify **image lightbox** settings and more.
170
-
171
- Control the appearance and layout of your Instagram feed using 4 outstanding **layout types** and **theme options** of Instagram Feed plugin. You can publish the feeds with one of the following layouts:
172
-
173
- * Thumbnails,
174
- * Masonry,
175
- * Blog Style,
176
- * Image Browser.
177
-
178
- Furthermore, its **lightbox** feature allows you to also display the images as a beautiful image slider in a popup. The themes of Instagram Feed plugin let you modify each and every attribute of the feeds.
179
-
180
- With Instagram Feed plugin, you can showcase photos and videos, share wonderful food and travel blog pictures of Instagram with your website visitors. In case you use Instagram for e-commerce, this is the best Instagram plugin to engage your social network followers to your website.
181
-
182
- The plugin is designed with mobile-friendly layout, letting you provide great user experience on any screen size or device.
183
-
184
- = How can I get my Instagram Access Token? =
185
-
186
- To begin creating feeds with WordPress Instagram Feed plugin, you need to configure Instagram app for website and get **Instagram Access Token** first. This is a very simple process. Visit **Instagram Feed > Settings** page from WordPress administrative dashboard to start the setup.
187
-
188
- Press **Sign in with Instagram** button. In case you are logged in to [Instagram.com](https://www.instagram.com/) from your web browser, **Access Token** and **Username** fields will be automatically filled in. Otherwise, if there are no logged in users, a popup will appear letting you sign in.
189
-
190
- To use a different Instagram account, simply press **Reset access token and username** button. Afterwards, you can sign out from Instagram.com, and get access token for another Instagram user by logging in again.
191
-
192
- This is all you need to do, to be able to embed Instagram gallery to your WordPress website. You can then display your Instagram photos and videos as a responsive carousel, as widgets on the sidebar or footer of your site, and more.
193
-
194
- As soon as you sign in to Instagram and get Access Token, a sample feed is created with your account and placed on a **private page** of your WordPress website. You can view your Instagram image gallery by clicking on **View your feed** button, or modify its settings and appearance by pressing **Edit your feed.** The feed will also appear on **Instagram Feed > Feeds** page.
195
-
196
- Note, that this feed is not visible to website visitors, unless you edit its page and make it **public.**
197
-
198
- = How to embed Instagram media to my WordPress site? =
199
-
200
- To begin creating your first feed, navigate to **Feeds** page of Instagram Feed plugin. This page of our Instagram HTML plugin contains a list of all your feeds created with the plugin. You will see the feed of your Instagram timeline appearing on this list.
201
-
202
- Press **Add New** button to start building your feed and import Instagram posts to your WordPress website.
203
-
204
- Firstly, make sure to set a **Feed Title** for your feed. Then, let's configure the mandatory settings which are necessary for displaying the feed. Click on **Media** bar to expand these options.
205
-
206
- Use **Feed Media** drop-down box to choose the content of your Instagram feed. **Feed Usernames and Hashtags** option lets you input your Instagram username and display feeds containing images and videos of your account. You can also add **hashtags** and showcase your posts with those hashtags.
207
-
208
- Write the usernames without the **@** sign, however for hashtags, you do need to add **#** at the beginning.
209
-
210
- While using this Instagram media importer tool, make sure to specify one username or hashtag at a time, and press **Add** button each time.
211
-
212
- You can customize the **sorting** of the media on your feed using the following settings.
213
-
214
- **Sort Media By** allows you to choose the **parameter,** based on which the photos and videos on your Instagram feed will be ordered. You can select one of the following:
215
-
216
- * Date,
217
- * Likes,
218
- * Comments,
219
- * Random.
220
-
221
- **Sorting Order** option lets you specify the **direction** of ordering the Instagram media on your feed. It can have one of the following two values:
222
-
223
- * Ascending,
224
- * Descending.
225
-
226
- **Media** section of feed settings also allows you to change the action which takes place after users click on an image. With **Action OnClick** option, Instagram Feed plugin provides 4 functions for this:
227
-
228
- * **Open Lightbox.** Clicking on a post will open a popup box with the large version of the image or video, letting you navigate through the rest of your feed media just like a slider.
229
- * **Redirect To Instagram.** This option will redirect users to the same post on Instagram when they click on an item in the feed.
230
- * **Custom Redirect.** Select this option and specify a link in Redirect URL input box. Users will be taken to this page after clicking on a post in the feed.
231
- * **Do Nothing.** Clicking on posts of the feed will not trigger any functions.
232
-
233
- = Can I display more than one Instagram feeds on my website? =
234
-
235
- Yes, you can add as many Instagram feeds as you want to your website and show them on posts and pages.
236
-
237
- Add the Instagram feeds to posts and pages by using the **shortcode** provided or choosing from the list by clicking on the Instagram Feed button.
238
-
239
- = What layouts can I use to showcase my Instagram feed? =
240
-
241
- Instagram Feed plugin provides 4 beautiful layouts, which you can use to showcase the photos and videos on your Instagram feeds. Each of them can be fully personalized to fit the style of your website.
242
-
243
- Use **Select Layout** option and choose the appearance:
244
-
245
- * Thumbnails,
246
- * Masonry,
247
- * Blog Style,
248
- * Image Browser.
249
-
250
- Let's go through all 4 layouts and help you choose the one that suits your site the best.
251
-
252
- **Thumbnails Layout**
253
-
254
- **Thumbnails Layout** of Instagram Feed plugin provides an equally aligned beautiful Instagram grid, consisting of the thumbnail images of the media on your feed. All thumbnails on this layout are set to have the same dimensions, and you can assign the width and height you like.
255
-
256
- **Masonry Layout**
257
-
258
- Just like Thumbnails, **Masonry Layout** is also built with the thumbnail images of Instagram posts. However, its Instagram grid is not aligned equally. The thumbnail images are created as the exact miniatures of their large versions (i.e. the dimensions of thumbnails and large posts are proportional).
259
-
260
- **Blog Style Layout**
261
-
262
- **Blog Style Layout** is a perfect choice if you want to post a media file on Instagram and repost the content to WordPress website as a photo blog. The images are displayed with larger dimensions, than on Thumbnails and Masonry Layouts.
263
-
264
- You can enable captions, descriptions, and hashtags of the media and show them below the posts on your feed.
265
-
266
- **Image Browser Layout**
267
-
268
- Just like Blog Style, **Image Browser Layout** of Instagram Feed plugin also displays the posts with larger dimensions. However, this layout shows a single large image with navigation buttons, similar to a slideshow. You can navigate through the posts by clicking on **Next** and **Previous** buttons.
269
-
270
- = How can I personalize the features of my Instagram feed? =
271
-
272
- Instagram Feed social plugin comes with a number of advanced customization options, which you can use to change the functionality and features of your feeds. You can modify the feed as far as:
273
-
274
- * changing its **pagination** and **loading,**
275
- * defining the number of displayed and newly loaded posts,
276
- * personalizing the settings of all 4 layouts,
277
- * controlling the **sort order** of the media on your Instagram feed,
278
- * choosing the attributes to showcase with the feed,
279
-
280
- and much more.
281
-
282
- To begin configuring these options, edit your feed and open **Feed Settings** tab. Scroll down a bit to find the following two sections:
283
-
284
- * Layout and Pagination,
285
- * Advanced.
286
-
287
- Let's go through each section and discuss every option individually.
288
-
289
- **Layout and Pagination**
290
-
291
- **New Media Loading.** Select the method to use while loading more images and videos on your Instagram feed. You can choose one of the following options:
292
-
293
- * Pagination,
294
- * Load More Button,
295
- * Infinite Scroll,
296
- * None.
297
-
298
- **Number of Columns.** Set the number of columns which will be used to align Instagram media in **Thumbnails** and **Masonry** feeds.
299
-
300
- **Number of Images/Videos.** Specify the number of Instagram media to display when the feed is loaded initially.
301
-
302
- **Number of New Media.** Set the number of posts which will be added to the feed, after the user clicks on **Load More** button or triggers **Infinite Scroll.**
303
-
304
- **Combine and Sort Again After Loading More.** If this option is enabled, both newly loaded and existing media are mixed then resorted together according to **Sort Media By** setting.
305
-
306
- **Make Layout Not Responsive.** When this option is selected, the layout of the feed does not convert to single-column display on small screens. The feed width is shrunk, but the number of columns stays the same.
307
-
308
- **Number of Media for Initial Preload.** Specify the number of posts to preload, when an Instagram feed is first loaded. This option helps to load a few posts at once, then navigate through the media smoothly. Note, that this setting applies to **Image Browser** feeds only.
309
-
310
- **Number of Media for Pagination Preload.** Set the number of posts to preload, while the user navigates through the media by clicking on **Next** or **Previous** buttons. Note, that this option is applicable to **Image Browser** layout only.
311
-
312
- **Advanced**
313
-
314
- **Theme.** Select the theme which will be used to style the appearance of your Instagram feed. You can edit the theme or create a new one from **Instagram Feed > Themes** page.
315
-
316
- **Feed Media Resolution.** Choose the resolution of the media on your Instagram feed. You can select one of the following options:
317
-
318
- * Optimal,
319
- * Standard (640 pixels),
320
- * Low (320 pixels),
321
- * Thumbnail (150 pixels).
322
-
323
- In case **Optimal** is selected, the dimensions of the loaded media are calculated according to the width of feed container. This provides fast loading and no stretching images.
324
-
325
- **Featured Image.** Set the featured image of the header section of your Instagram feed. The image is pulled from the **user profile** or **hashtag** you select.
326
-
327
- **Show Feed Header.** Activate this option to display a header on your Instagram feed. It includes **Feed Title** and **Featured Image** you specified.
328
-
329
- **Show User Data.** If this option is enabled, additional details from the selected accounts and hashtags will be displayed on your Instagram feed. You can activate:
330
-
331
- * **Follow On Instagram** button,
332
- * Number of **Posts** and **Followers** of Instagram account/hashtag,
333
- * **User Bio** of your Instagram account.
334
-
335
- **Show Media Caption.** Enable this setting to display descriptions of Instagram photos or videos below them, fully or partially.
336
-
337
- **Show Full Description.** Activate this setting to show the full captions of Instagram media. Note that this option only applies to feeds with **Masonry** layout.
338
-
339
- **Show Number of Likes.** Mark this option as checked to display the number of likes on each Instagram post.
340
-
341
- **Show Number of Comments.** Display the number of comments on Instagram photos or videos with your feed.
342
-
343
- **Show Username On Image Thumb.** Activating this setting will let you show your Instagram account username on the images or videos of your feed.
344
-
345
- = Is it possible to modify the settings of Instagram lightbox? =
346
-
347
- Instagram Feed plugin comes with a popup box, which appears when users click on a photo or a video in the feed. It lets them display the larger versions of Instagram media, as well as play videos and navigate through the posts.
348
-
349
- To run the lightbox by clicking on the media, make sure **Action OnClick** option of **Feed Settings** tab is set to **Open Lightbox.**
350
-
351
- Just like other attributes of Instagram feeds, **Lightbox Settings** can be personalized as well. Edit your feed, then navigate to **Lightbox Settings** tab. Here you will find all the tools which help you tweak the features of the lightbox.
352
-
353
- The user-friendly lightbox options are divided into the following two main sections:
354
-
355
- * General Settings,
356
- * Advanced Settings.
357
-
358
- Let's discuss these two sections and discover the benefits of the options they provide.
359
-
360
- **General**
361
-
362
- **General** section of Lightbox Settings mainly provides options to modify the dimensions and effects on the popup box. You are able to make the following changes:
363
-
364
- * set the dimensions of the lightbox,
365
- * configure autoplay and choose from 14 amazing animation effects,
366
- * activate full-width lightbox,
367
-
368
- and more.
369
-
370
- **Advanced**
371
-
372
- With **Advanced** section of Lightbox settings, you have full control of what's shown with the popup pox of Instagram feed images and videos. It takes just a few steps to get the appearance of the lightbox exactly as you wish to have it.
373
-
374
- Lightbox Advanced options allow you to:
375
-
376
- * add a filmstrip to the lightbox, containing the thumbnails of Instagram posts,
377
- * customize the navigation on the lightbox, adding **Next** and **Previous** buttons,
378
- * activate image **captions** and display them on the image,
379
- * enable **right-click protection,** and thus disallow right-click on images and videos,
380
- * place **share, fullscreen, download** and other control buttons,
381
- * add **comments section** to the lightbox,
382
-
383
- and much more.
384
-
385
- = Can I create mixed Instagram feeds my Instagram account and multiple hashtags? =
386
-
387
- This option is available in **Premium** version. There, you can create mixed Instagram feeds with your Instagram account and several hashtags. You can even create the combination of both.
388
-
389
- = I see an invalid access Token error. What should I do? =
390
-
391
- If you are seeing this alert message on your Instagram Feed plugin, please note, that Instagram access tokens expire from time to time. Therefore you need to get new from your Instagram account again.
392
-
393
- Please sign in to your Instagram account and get a new token. Add it to **Instagram Feed > Settings** page.
394
-
395
- If the token will still cause "Invalid access token" error, revoke access for the plugin [here](www.instagram.com/accounts/manage_access/) and sign in again from **Settings** page.
396
-
397
- = I would like to display only the Instagram posts which have certain hashtags. How can this be done? =
398
-
399
- *You can definitely do this with premium version!*
400
-
401
- In case you wish to showcase Instagram feeds with additional, more definitive filters, **Conditional Filters** feature of Instagram Feed plugin will help you with it. This functionality allows you to show images of your Instagram account with a specific hashtag, skip images which belong to certain hashtags, and more.
402
-
403
- To begin creating additional filters for your Instagram feed, edit it and navigate to **Conditional Filters** tab. Use **Enable Conditional Filters** to activate the necessary tools.
404
-
405
- **Feeds to Filter** option shows the basis for conditional filters. These are the username and hashtags you have added to your Instagram feed. The filters will search among the posts of the username and hashtags, and pull those which fulfill the specified condition.
406
-
407
- Now let's configure the condition itself. First, you need to choose the logical operator of the condition using **Filter Logic** setting. Select one of the following 3 operators:
408
-
409
- * AND: Shows Instagram posts that belong to **all sources** of filtering.
410
- * OR: Shows Instagram media which belong to **at least one of the sources** of filtering.
411
- * NOR: Hides Instagram posts which belong to **at least one of the sources** of filtering.
412
-
413
- Afterwards, use **Add Condition** option to specify the parameter for the condition, which can be one of the following.
414
-
415
- * **Hashtag.** If you wish to filter your accout feed with a certain hashtag, you can use this option.
416
- * **Mention.** This option can be used for feeds both with hashtags and username, i.e. you can display posts where another user is mentioned.
417
- * **Description.** Just like Mentions, Description can be used both with hashtags and username. You can specify a single keyword or a phrase, which is used in descriptions of your Instagram posts.
418
- * **Instagram Media Link.** You are able to filter using the shareable link of Instagram media. Simply provide the full URL of the post, as the following example: https://www.instagram.com/p/Be6H6G9lmCQ/
419
-
420
- Afterwards, select the **Condition Type** for the filter, which corresponds to the parameter you are adding. For instance, in case you are adding #liveauthentic hashtag, the **Condition Type** needs to be set as **Hashtag** as well.
421
-
422
- Lastly, click **Add Condition** button, and the parameters you have added will be visible below **Result** section. Make sure to press **Save** after you finish configuring the filters.
423
-
424
- With **Result** option, you will see all of the added filters which will be applied to your Instagram feed.This feature is widely used on Instagram for eCommerce websites, as it serves like an Instagram feed with analytics.
425
-
426
- = How can I publish the Instagram Feed on my website? =
427
-
428
- Using WordPress Instagram feed plugin, you can publish your feeds with the following 3 different methods:
429
-
430
- * on a WordPress **page** or **post,**
431
- * as a **widget,**
432
- * on a **custom template** with a **PHP function.**
433
-
434
- A quick guide for this is provided with **How To Publish Feed** tab above your Instagram feed. Let's go through the necessary steps of each publishing method, and help you choose the one that fits your site the best.
435
-
436
- **Publishing the Feed on Pages or Posts**
437
-
438
- To publish Instagram feeds with this method, add or edit the page or post from WordPress administrative dashboard of your website. Click on **Add Instagram Feed** button from the top of the post editor. Afterwards, select the feed you wish to publish and press **Insert.**
439
-
440
- The **shortcode** of Instagram Feed plugin will be added to the content of your page/post.
441
-
442
- Alternatively, you can copy the shortcode from **Instagram Feed > Feeds** dashboard, under **Shortcode** column, and paste it into the content of your WordPress page/post.
443
-
444
- **Publishing Instagram Feed as a Widget**
445
-
446
- Navigate to **Appearance > Widgets** page from WordPress administrative dashboard to begin configuring your Instagram feed widget. Firstly, search for **Instagram Feed Widget** and drag it to the widget area, where you wish to display your feed.
447
-
448
- Provide a **Title** for your Instagram Feed, then choose the feed to publish using **Feed** drop-down box. Make sure to specify **Number of Columns,** as well as **Number of images** to show on your Instagram feed.
449
-
450
- Also, you can activate the following attributes and display them with your feed:
451
-
452
- * post **descriptions,**
453
- * **likes** and **comments,**
454
- * **Load More** button.
455
-
456
- **Publishing with PHP function**
457
-
458
- It is also possible to publish Instagram feeds on **custom PHP templates** using their **PHP functions.** To do this, simply copy the PHP function of your feed from **Instagram Feed > Feeds** page, then paste it to the necessary section of your custom template.
459
-
460
- = Is it possible to change the Instagram Feed themes to match my website? =
461
-
462
- *This is possible in Premium version.*
463
-
464
- Instagram Feed plugin provides a variety of user-friendly styling options, which let you customize the appearance and features of your Instagram feed even further. You can access these tools from **Instagram Feed > Themes** page.
465
-
466
- By default, Instagram Feed plugin comes with 2 themes:
467
-
468
- * Instagram,
469
- * Elegant.
470
-
471
- You can modify and use them on your feeds, or create a new theme with your own configurations. To select a default theme for your Instagram feeds, click on the star icon next to the corresponding entry.
472
-
473
- Each theme is divided into 2 main sections.
474
-
475
- **Customizing Feed**
476
-
477
- These theme settings allow you to modify global styling of your feeds, such as their width, text font, pagination attributes and more. This toolbox consists of the following sub-sections:
478
-
479
- * **General.** Configure the main parameters of the feed with these options, e.g. **feed container width** and **background color.**
480
- * **Header.** Edit header parameters, its text **font styles, image size, padding** and other attributes.
481
- * **User Data.** Set the appearance of user information section above the feeds, such as **text font size,** and the styling of **follow button** and **user bio.**
482
- * **Pagination.** Modify the styles of **Load More** button, as well as the font size, margins, and alignment of **Pagination** buttons.
483
- * **Thumbnails, Masonry, Blog Style** and **Image Browser.** Use the options on these tabs to modify default styles of layouts provided by Instagram Feed plugin. You can edit the border and padding of **photo wrapper,** text color and font of **post caption, comments** and **likes,** transparency of **image overlay,** and more.
484
-
485
- **Customizing Lightbox**
486
-
487
- You can customize each attribute of Instagram Feed lightbox using the tools in this section. They will help you change **lightbox background, control button** styles, **filmstrip** position and alignment, and more. Navigate through the following sub-sections to change the options:
488
-
489
- * General,
490
- * Control Buttons,
491
- * Close Button,
492
- * Navigation Buttons,
493
- * Filmstrip,
494
- * Info,
495
- * Comments.
496
-
497
- = Where can I change the settings of Instagram Feed plugin? =
498
-
499
- **Advanced Options** of Instagram Feed plugin allow you to modify a few global parameters, that apply to all feeds. Go to **Instagram Feed > Settings** page and click on **Advanced Options** bar to expand this toolbox.
500
-
501
- With **Minimal role to add and manage Feeds or Themes** option, you can select the WordPress user role which will have access to Instagram Feed plugin. The user roles of higher levels will also be able to modify and manage the feeds.
502
-
503
- **Custom CSS** lets you write your own CSS code for your Instagram feeds. This is handy, in case you need to make specific changes regarding the styling of your feed. Whereas with **Custom Javascript** you are able to apply additional scripts.
504
-
505
- For instance, let's consider you have a feed with **Thumbnails Layout,** and besides displaying the feed, you wish to expand captions for some posts. You can achieve this the following way.
506
-
507
- Firstly, you need to assign custom **wdi_feed_loaded** event of the plugin to the container of the Instagram feed, then set callback function for this event.
508
-
509
- Here is an example of a script, which expands captions of posts with 0, 1, 2, 3 indexes:
510
-
511
- `jQuery('#wdi_feed_0').on('wdi_feed_loaded',function(){
512
- jQuery('.wdi_photo_title').eq(0).trigger('click');
513
- jQuery('.wdi_photo_title').eq(1).trigger('click');
514
- jQuery('.wdi_photo_title').eq(2).trigger('click');
515
- jQuery('.wdi_photo_title').eq(3).trigger('click');
516
- });`
517
-
518
- Make sure to **Save** Changes after you finish modifying Advanced Options.
519
-
520
- **Uninstalling Instagram Feed Plugin**
521
-
522
- In case you wish to completely remove Instagram Feed plugin, you can **Uninstall** it using **Instagram Feed > Uninstall** menu item. However, it is important to note, that uninstalling the plugin will delete all feeds, reset all options to their defaults, and remove other data on the plugin.
523
-
524
- Please make sure you don't have any important information before you proceed.
525
-
526
-
527
- == Screenshots ==
528
-
529
- 1. WordPress 10Web Instagram Feed - Thumbnail layout
530
- 2. WordPress 10Web Instagram Feed - Image browser layout
531
- 3. WordPress 10Web Instagram Feed - Lightbox
532
- 4. WordPress 10Web Instagram Feed - Edit Instagram Feed
533
- 5. WordPress 10Web Instagram Feed - Theme Settings
534
-
535
- == Privacy Policy ==
536
- 10Web Instagram Feed plugin uses Instagram API on website front end. You have to authorize the plugin via sign in to get data from Instagram on your behalf. The plugin does not send any user’s data to Instagram. All the data received from Instagram via API is cached in WordPress database for some short customizable period to provide front end optimization. You can delete or update cached data. Instagram saves some cookies in browsers of website visitors via API data. These cookies are mostly used for security purposes. They are regulated under terms of Instagram’s privacy policy https://instagram.com/legal/privacy. The plugin asks for your consent to collect site administrator’s email address and site URL to offer customer support, deals and discounts on premium products and more.
537
-
538
- == Changelog ==
539
-
540
- = 1.3.14 =
541
- New: Added contributor role in the option 'Minimal role to add and manage Feeds or Themes'.
542
- Fixed: Conditional filters for hashtags.
543
-
544
- = 1.3.13 =
545
- New: Option to get hashtag top media
546
- Improved: Notices during Facebook Log in
547
- Fixed: Occasional JS error on front end
548
-
549
- = 1.3.12 =
550
- Fixed: Conflict with Gutenberg.
551
-
552
- = 1.3.11 =
553
- New: Create hashtag feeds for business profiles using Instagram Graph API
554
-
555
- = 1.3.10 =
556
- Fixed: Gutenberg compatibility
557
- Fixed: Duplicate media when several filters are applied (Premium)
558
-
559
- = 1.3.9 =
560
- Fixed: Lib conflict with photo-gallery
561
-
562
- = 1.3.8 =
563
- Changed: Links to docs
564
- Fixed: Compatibility with Elementor
565
- Added: wdi_display_shortcode_button filter
566
-
567
- = 1.3.7 =
568
- New: Option to disable loading of Font-Awesome by the plugin
569
- Fixed: PHP notice in feed preview
570
- Fixed: Issue with admin styles for notices
571
-
572
- = 1.3.6 =
573
- Changed: Instagram Feed by 10Web
574
- Fixed: Minor bugs when saving feed and opening lightbox
575
-
576
- = 1.3.5 =
577
- Changed: Deactivation popup
578
-
579
- = 1.3.4 =
580
- New: Display website link in header along with bio
581
-
582
- = 1.3.3 =
583
- New: Cache debugging tools
584
- New: WD library updated
585
- New: GDPR compliance help
586
-
587
- = 1.3.2 =
588
- New: Signing up with multiple accounts
589
- Fixed: Settings page layout when language is not English
590
-
591
- = 1.3.1 =
592
- Fixed: Security issues. Reported by Karan Saini https://www.karansaini.com/
593
-
594
- = 1.3.0 =
595
- New: Caching of Instagram data. API rate limits do not constrain feed loading anymore.
596
- New: Compatibility with Gutenberg editor.
597
- Improved: It is possible now to manually edit access token.
598
- Changed: Plugin will output a warning when an incompatible version of Font-Awesome is loaded (SVG generated by JS)
599
- Fixed: Error when PHP filter extension is not enabled.
600
- Fixed: PHP warning in feed editor page appearing sometimes.
601
-
602
- = 1.2.19 =
603
- Fixed: Loading more images
604
-
605
- = 1.2.18 =
606
- Important: Instagram shut down its API partially without any warning. See [changelog](https://www.instagram.com/developer/endpoints/media/). It is not allowed anymore to display photos from other Instagram accounts which are not your own.
607
- Sorry.
608
-
609
- = 1.2.17 =
610
- Fixed: Video play issue on mac safari
611
- Changed: Uninstall moved to settings page
612
-
613
- = 1.2.16 =
614
- New: Instagram slideshow is supported in popup
615
- New: UX of feeds and themes admin screen, it is now similar to posts list screen
616
- New: Inline actions for feeds and themes in admin list view
617
- Improved: Theme styles are generated as CSS files, not inline styles. Faster page loading and better styles caching
618
- Improved: Popup is faster now and less data is being sent via AJAX
619
-
620
- = 1.2.15 =
621
- Added: "How to publish feed" tab in feeds editor screen
622
- Added: Closeable metaboxes in feeds editor screen
623
- Added: Feed preview button in feeds editor screen
624
- Changed: Save, apply and cancel buttons in feed and theme editor screens
625
- Changed: Feed and theme title input design
626
- Fixed: Minor bugs and conflicts with some themes
627
- Improved: Shortcode popup design
628
- Removed: Update submenu (Premium)
629
-
630
- = 1.2.14 =
631
- Fixed: Conflict with Page Builder by SiteOrigin
632
-
633
- = 1.2.13 =
634
- Fixed: Conflict with Divi
635
-
636
- = 1.2.12 =
637
- New: Customize feed media resolution. Choose between optimal or custom resolutions, fast loading and higher quality.
638
- Improved: Redesigned feed and theme editor screens.
639
- Improved: More user-friendly names and descriptions of feed settings.
640
- Improved: UX when access token is expired or have not been obtained yet.
641
- Improved: UX when there are JS errors on front-end.
642
- Fixed: Minor: do not include custom scroll bar JS if feed does not have popup.
643
-
644
- = 1.2.11 =
645
- Changed: Scripts and styles are minified by default
646
- Changed: Font-Awesome has been updated to version 4.7.0 and loaded from CDN
647
- Changed: Pagination buttons are smaller now in default theme
648
- Changed: Deactivation popup.
649
-
650
- = 1.2.10 =
651
- Fixed: CSS XSS vulnerability in lightbox
652
-
653
- = 1.2.9 =
654
- Changed: Web-Dorado links
655
-
656
- = 1.2.8 =
657
- Changed: Allow more users and hashtags in feed settings
658
-
659
- = 1.2.7 =
660
- Changed: Show notification to install Backup WD plugin only on plugin pages
661
-
662
- = 1.2.6 =
663
- Change: Introduction of Backup WD plugin
664
-
665
- = 1.2.5 =
666
- Change: "create_function" is not used anymore
667
-
668
- = 1.2.4 =
669
- Fixed: 10Web Instagram Feed compatibility issue with Better WordPress Minify plugin, thanks to @amityweb for bug report
670
-
671
- = 1.2.3 =
672
- Change: WD library updated to version 1.0.11
673
- Fixed: Error message when editing feed and token is expired
674
-
675
- = 1.2.2 =
676
- New: Redirection to custom URL
677
-
678
- = 1.2.1 =
679
- New: Option to disable loading of new images in feed
680
-
681
- = 1.2.0 =
682
- New: Default feed
683
- Fixed: Infinite scroll triggering (PRO)
684
- Fixed: "No media in feed" message on mobile masonry feed
685
- Fixed: Minor style conflicts with some themes
686
-
687
- = 1.1.30 =
688
- Changed: Frontend styles optimized, loads faster now
689
-
690
- = 1.1.29 =
691
- Fixed: Display only published feeds in feeds selector popup for shortcode
692
- Changed: UX improvement - no error message when user first inserts a widget then creates feeds
693
-
694
- = 1.1.28 =
695
- Fixed: Conflict with some themes
696
-
697
- = 1.1.27 =
698
- Fixed: Overriding window.onload function
699
- Changed: Some strings on frontend are translatable now
700
-
701
- = 1.1.26 =
702
- Fixed: Conflict with Beaver Builder
703
- Fixed: Frontend error messages in old Chrome and Safari browsers
704
- Changed: Translations hosted on WordPress.org
705
-
706
- = 1.1.25 =
707
- New: UX improvements: when authorizing and editing feeds
708
- Changed: JavaScript error notices on frontend
709
- Fixed: Updates page restored (PRO)
710
- Fixed: Deactivation popup in uninstall page (PRO)
711
- Fixed: Subscribe after uninstall
712
-
713
- = 1.1.24 =
714
- Added: Overview page
715
- Changed: Deactivation
716
-
717
- = 1.1.23 =
718
- Fixed: cropping of "landscape" images in thumbnails layout
719
-
720
- = 1.1.22 =
721
- New: message displayed on frontend if feed has no media
722
- Fixed: JS errors for media with Instagram's new "Slideshow" feature. This feature is not supported by Instagram's API yet.
723
- Changed: Errors by plugin and Instagram API are alerted in frontend only for admins, otherwise output the message to the Web Console
724
- Changed: Custom attribute "wdi_media_user" added to media containers in frontend. Useful for adding different event listeners, e.g. custom redirects for every user's media.
725
- Changed: Minor style conflicts fixed
726
-
727
- = 1.1.21 =
728
- New: Three new plugins added to featured plugins list: Ad Manager WD, Youtube WD and Staff Team WD
729
- Fixed: Colors and opacities of share buttons in lightbox (PRO)
730
-
731
- = 1.1.20 =
732
- New: Instagram feed displayed in AJAX-loaded content. AJAX request callback needs to call wp_footer() in the end.
733
-
734
- = 1.1.19 =
735
- Fixed: Strange bug in Instagram API when user feed pagination is null, causing JS errors in frontend
736
-
737
- = 1.1.18 =
738
- Fixed: Frontend filter colors (PRO)
739
- Changed: Featured plugins, brand new Mailchimp Forms WD plugin added
740
-
741
- = 1.1.17 =
742
- New: Option in feed settings to show small size images and low-bandwidth videos when viewed in mobile devices
743
- Fixed: Escaping in custom JS
744
- Change: WP 4.7 compatibility - language of frontend content in AJAX response
745
-
746
- = 1.1.16 =
747
- Fixed: Unicode "paragraph separator" symbol in media caption crashes lightbox
748
- Fixed: Javascript error in admin feed page and styling issue in lightbox because of some non-standard themes
749
-
750
- = 1.1.15 =
751
- New: Show hashtag media number in header
752
- Fixed: Scripts dependency on underscore.js
753
- Fixed: Compatibility issues with Yoast SEO
754
-
755
- = 1.1.14 =
756
- Fixed: Single user bio not shown
757
- Changed: Plugin logo
758
- Changed: Featured plugins logos
759
-
760
- = 1.1.13 =
761
- Fixed: Changes in database after plugin version update via FTP or AJAX requests with silent activation
762
-
763
- = 1.1.12 =
764
- New: Feed based on liked media (Pro)
765
- Fixed: Hidden media in last page
766
- Fixed: Minor issues
767
-
768
- = 1.1.11 =
769
- Added: Setting to show media descriptions in widget mode (PRO)
770
- Fixed: Untranslatable strings in widget editor
771
- Change: Featured plugins list
772
-
773
- = 1.1.10 =
774
- Added: New text in uninstall page
775
- Fixed: Video not centering issue on blogstyle
776
- Added: Swedish translations
777
-
778
- = 1.1.9 =
779
- New: Option to set minimal user role for adding and managing feeds and themes
780
- Fixed: Masonry feed thumbnails overlay opacity (Pro)
781
-
782
- = 1.1.8 =
783
- Changed: Font-Awesome updated to version 4.6.3
784
-
785
- = 1.1.7 =
786
- New: Featured themes admin page
787
- Fixed: Javascript error in hashtag feed
788
-
789
- = 1.1.6 =
790
- Change: Added compatibility with "All in one SEO pack" and other plugins running shortcodes in page head
791
-
792
- = 1.1.5 =
793
- Fixed: Javascript error on Firefox and Safari
794
-
795
- = 1.1.4 =
796
- Fixed: Error handling in case of wrong access_token
797
- Fixed: Image description not opening after pagination (Pro)
798
- Fixed: Do not show load more button if feed media are finished
799
- Fixed: Infinite scroll triggering bug (Pro)
800
-
801
- = 1.1.3 =
802
- New: French translation (Thanks to Guillaume Barjou)
803
- New: English US and UK translation files. Edit them to change default strings
804
- Fixed: Image sizes and overwflows in thumbnails layout
805
- Fixed: Lightbox filmstrip thumb styles (Pro)
806
-
807
-
808
- = 1.1.2 =
809
- Fixed: Bug when saving theme data to some MySQL 5.6 databases
810
- Changed: Pagination of hashtag feeds restored
811
- Changed: Check and get user id on frontend if empty for some unknown reason
812
-
813
- = 1.1.1 =
814
- Fixed: Bug when duplicating feeds
815
-
816
- = 1.1.0 =
817
- **IMPORTANT: Instagram changed the API. You need to get a new access token by using "Sign in with Instagram" button on the Settings page in order to keep your 10Web Instagram Feed plugin functioning after June 1.**
818
- new: Instagram new API
819
- new: Spanish translation (Thanks to Alexandro Lacadena Gomez)
820
-
821
- = 1.0.10 =
822
- Temporarily disable pagination in hashtag based feeds
823
- Changed: Russian Translations ( Thanks to Alex Petrin )
824
-
825
- = 1.0.9 =
826
- Added: Option for displaying image loading buttons in widgets
827
- Added: Permission for authors displaying instagram feeds on posts
828
-
829
- = 1.0.8 =
830
- Fixed: Infinite Scroll bug
831
- Changed: Show videos play button when redirect is enabled
832
-
833
- = 1.0.7 =
834
- ADD: Image Hover Effects (Pro)
835
-
836
- = 1.0.6 =
837
- New: Conditional Filters (Pro)
838
- New: Option for displaying username in masonry/thumbnails view (Pro)
839
- Fixed: Minor bugs
840
- New: Russian translation (Thanks to Ruslan Tertyshny).
841
-
842
- = 1.0.5 =
843
- New: New year promo
844
-
845
- = 1.0.4 =
846
- Fixed: Bug in layout
847
-
848
- = 1.0.3 =
849
- Fixed: PHP function in feeds list
850
-
851
- = 1.0.2 =
852
- Fixed: PHP error after plugin update
853
-
854
- = 1.0.1 =
855
- Fixed: PHP 5.3 compatibility
856
- Fixed: Video redirect bug
857
- Changed: User info styles
858
-
859
- = 1.0.0 =
860
  Initial version
1
+ === 10Web Instagram Feed - Instagram Gallery ===
2
+ Contributors: webdorado,10web,progmastery
3
+ Tags: custom instagram feed, feed, instagram, hashtag, Instagram feed, instagram gallery, instagram posts, Instagram images, Instagram photos, lightbox, photos,instagram account
4
+ Requires at least: 3.9
5
+ Requires PHP: 5.2
6
+ Tested up to: 5.2
7
+ Stable tag: 1.3.15
8
+ License: GPLv2 or later
9
+ License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
+
11
+ 10Web Instagram Feed is the leading plugin for easily presenting a customizable Instagram feed on your website.
12
+
13
+ == Description ==
14
+
15
+ 10Web Instagram Feed is the leading plugin for easily presenting a customizable Instagram feed on your website.
16
+
17
+ = Useful Links: =
18
+
19
+ [Live Demo](https://demo.10web.io/instagram-feed/)
20
+
21
+ [Premium Instagram Feed by 10Web](https://10web.io/plugins/wordpress-instagram-feed/)
22
+
23
+ [Special Offer for all Premium Plugins](https://10web.io/plugins-bundle-pricing/)
24
+
25
+
26
+ https://www.youtube.com/watch?v=CgZNya0HZCQ
27
+
28
+
29
+ 10Web Instagram Feed is a user-friendly WordPress plugin that can help you bring Instagram feeds with the media of your Instagram account to any of your posts and pages. It will take couple of minutes to set up and customize to your needs. 10Web Instagram Feed's settings and features will allow you to take full control over how to display the feeds and the content on your website.
30
+
31
+ 10Web Instagram Feed is a perfect fit for bloggers, photography websites, travel and food blogs and for WordPress users that want to spice up their posts with the latest images and videos from their Instagram profiles. The plugin is responsive and scales perfectly to screens of all sizes, providing better user experience across the board.
32
+
33
+
34
+ == Benefits ==
35
+ * **Increase user engagement** - Engagement on Instagram is higher than on any other social platform. Keep your visitors engaged and significantly increase surfing time and visitor retention on your website.
36
+ * **Increase brand/blog awareness** - Let your site visitors get into conversation and connect with your blog or brand. Keep your visitors tuned and increase your blog's/brand's awareness.
37
+ * **Save your time** – Keep your posts authentic with content from your Instagram account without any manual work involved. Your feeds will be fresh and up to date and synced automatically.
38
+ * **Add appeal to your website** - Stunning display views, custom styling features and image lightbox effects will bring vibrancy to your posts and pages, and add to your website's overall look and feel.
39
+ * **Control** - Take pure charge of what content to display and how to display it with an extensive list of content and display settings. Specify the number of photos you display on the page and choose what happens when a visitor clicks on an image from the feed. Custom styled display views and filtered Instagram content will be a great addition to any post you publish.
40
+ * **Minimal effort** – Set the plugin up and have it up and running in no time and with minimal efforts. Out of box solution that's user-friendly and simple in use.
41
+ * **Support** - The team behind 10Web Instagram Feed provides timely and effective support to all its users. We keep standards high and response time low.
42
+ * **Resource efficient** - WordPress 10Web Instagram Feed plugin loads the images pretty fast as no feed data is stored in the database. All the images, videos, captions and comments are retrieved directly from the Instagram in the front-end.
43
+
44
+
45
+
46
+ == What's in it ==
47
+
48
+ = CUSTOMIZABLE LAYOUTS =
49
+ Display the feeds in one of the available layouts Thumbnail, Image Browser, Masonry (Premium version), Blog Style(Premium version). Whether you want to have small sized image thumbnails or larger images displayed you'll find the right layout for that. Customize layouts to get exactly what you need and display the metadata that's most relevant for your niche.
50
+
51
+ = INSTAGRAM GALLERY =
52
+ Create Instagram galleries on your website by embedding entire timelines to your posts using a shortcode or the plugin's Instagram widget on your sidebar.
53
+
54
+ = INDIVIDUAL AND MIXED FEEDS =
55
+ You can choose to show a single feed on your pages and posts, but you can make things more interesting and create mixed feeds (Premium version). With single feeds you can show posts from your Instagram account and single hashtag. Mixed feeds, on the other hand, can contain your Instagram account and multiple hashtags. A front end filter is available for mixed feeds (Premium version).
56
+
57
+ = FILTERED FEEDS =
58
+ Use Conditional Filters of the 10Web Instagram Feed plugin to display or skip certain content from the feeds by setting up a filter logic and condition types. Add custom condition types if necessary and fine-tune your feeds. Conditional Filters option is available for Premium version only.
59
+
60
+ = INSTAGRAM WIDGET =
61
+ Want to show Instagram feeds on your website sidebar? Do it quick and easy with the help of the Instagram Feed Widget.
62
+
63
+ = LIGHTBOX =
64
+ 10Web Instagram Feed features a powerful lightbox. It provides support for HTML5 video, 15 transition effects (Premium version), filmstrip (Premium version) and carousel features. The lightbox works great with Instagram touch as well.
65
+
66
+ = SCROLL AND PAGINATION =
67
+ The plugin comes with a classic pagination with next and previous buttons. You can also choose the infinite scroll option (Premium version) to bring better user experience. This allows to view more images when scrolling the page down. You can set the the number of images you want to show per page.
68
+
69
+ = THEMES =
70
+ Choose from the two default themes offered by the plugin or create multifarious themes (Premium version) by customizing the colors, sizes and display styles. 10Web Instagram Feed allows you to have separate layout settings for each theme with custom settings for header, user data and pagination.
71
+
72
+ = SETTINGS/CUSTOMIZATION =
73
+
74
+ *Some customizations described here are available in Premium version. Please refer to feature summary for additional info.*
75
+
76
+ 10Web Instagram Feed comes with extensive customization options for the feeds, layouts, themes and content display. Every new feed you add to your website has its own settings for the feed and for the lightbox that pops up when people click on an image or video. Upon clicking on the image you can choose to redirect people to Instagram, open the image in the lightbox, or chose the custom redirect option. There are various image sorting options available based on the date, likes, comments, and on random basis. Media loading options include load more button, infinite Instagram scrolling, or classic pagination with next and previous buttons. You can enable "Follow on Instagram" button from the feed settings and let your visitors follow the displayed Instagram accounts directly from your site. The number of photos you display on the page or post can be specified from the feed settings, as well as the number of the loading images.
77
+
78
+
79
+ [Premium version adds](https://10web.io/plugins/wordpress-instagram-feed/)
80
+
81
+ * Masonry Layout feeds
82
+ * Blog Style Layout feeds
83
+ * Image metadata (Instagram tag,image caption, comments, like) display
84
+ * Mixed and multiple feeds (Instagram account posts with multiple hashtags)
85
+ * Fully Customizable Themes
86
+ * Vertical/horizontal filmstrip in lightbox
87
+ * HTML5 Video Support in Lightbox
88
+ * Blog Style and Image Browser views for displaying Instagram videos
89
+ * 15 Lightbox transition effects
90
+ * Social sharing buttons (Facebook, Twitter, Google+, LinkedIn and Pinterest)
91
+ * Infinite scroll for the feed (Similar to Instagram standard)
92
+ * Instagram Comments display in Lightbox
93
+ * Instagram Hashtag filtering options
94
+ * Conditional Filters
95
+
96
+ ###IMPORTANT:
97
+ If you think you found a bug in 10Web Instagram Feed or wonder how to add Instagram to your website, or how to get Instagram plugin up and running, please check out [Support Forum](https://wordpress.org/support/plugin/wd-instagram-feed). Additional information on how to download Instagram plugin to your website you can find in our user manual If you do not find a solution in the forum, do not hesitate to [click here to contact us](https://10web.io/contact-us/).
98
+
99
+ == Installation ==
100
+
101
+ #### Thank you for your interest in 10Web Instagram Feed.
102
+
103
+ Here are two ways of installing 10Web Instagram Feed: via WordPress backend and via FTP. Let's discuss each case individually:
104
+
105
+ **Installing via WordPress**
106
+
107
+ Login to the WordPress Administrator Panel.
108
+ Go to Plugins > Add New > Upload.
109
+ Click Choose file button and select the zip folder of 10Web Instagram Feed plugin and press Install now button.
110
+ Click Activate button.
111
+
112
+ **Installing via FTP**
113
+
114
+ Login to your hosting space via an FTP software, e.g. FileZilla.
115
+ Unzip the downloaded 10Web Instagram Feed plugin folder without making any changes to the folder.
116
+ Upload the Instagram plugin into the following location wp-content>wp-plugins.
117
+ Login to the WordPress Administrator Panel.
118
+ Activate 10Web Instagram Feed by going to Plugins and pressing Activate button.
119
+
120
+ **Creating an Instagram Feed**
121
+
122
+ Creating a responsive Instagram feed is simple and easy with this user-friendly Instagram importer plugin. Go to **10Web Instagram Feed > Feeds** and press **Add New.** Here you can choose Instagram feed layout and manage lightbox options. From the lightbox options you can enable filmstrip, slideshow, and take full control how custom feed images, image galleries, pictures, Instagram gallery, and videos of this social network are displayed within the lightbox.
123
+
124
+ You can enable autoplay to play photos and Instagram group images similar to an image slider. To get an Instagram slider appearance in the lightbox you'll need to adjust the lightbox and image display settings. Lightbox works great with Instagram touch. The feed will be automatically updated once users share Instagram new images. The feeds support new Instagram carousel feature, and display the images of the responsive carousel.
125
+
126
+ Create an Instagram feed based on one of the available layouts - Thumbnail, Masonry, Blog Style, Image Browser.
127
+
128
+
129
+
130
+ == Frequently Asked Questions ==
131
+
132
+ = What can I achieve using Instagram Feed plugin? =
133
+
134
+ WordPress Instagram Feed is a user-friendly plugin with enhanced functionality, which lets you create and showcase Instagram feeds on your WordPress website. You can build **multiple feeds** with the media of **your Instagram account** or **hashtag** by completing just a few simple steps.
135
+
136
+ You will need a couple of minutes to incorporate **Instagram API** to your website. The plugin will automatically create a feed from your Instagram profile. Additionally, you can build Instagram feeds and show posts of your username, as well as **hashtags.**
137
+
138
+ Customize the features of the feeds by configuring advanced settings of Instagram Feed plugin. Its user-friendly tools and features allow you fully personalize your feeds, set up conditional filters for feed username and hashtags, modify **image lightbox** settings and more.
139
+
140
+ Control the appearance and layout of your Instagram feed using 4 outstanding **layout types** and **theme options** of Instagram Feed plugin. You can publish the feeds with one of the following layouts:
141
+
142
+ * Thumbnails,
143
+ * Masonry,
144
+ * Blog Style,
145
+ * Image Browser.
146
+
147
+ Furthermore, its **lightbox** feature allows you to also display the images as a beautiful image slider in a popup. The themes of Instagram Feed plugin let you modify each and every attribute of the feeds.
148
+
149
+ With Instagram Feed plugin, you can showcase photos and videos, share wonderful food and travel blog pictures of Instagram with your website visitors. In case you use Instagram for e-commerce, this is the best Instagram plugin to engage your social network followers to your website.
150
+
151
+ The plugin is designed with mobile-friendly layout, letting you provide great user experience on any screen size or device.
152
+
153
+ = How can I get my Instagram Access Token? =
154
+
155
+ To begin creating feeds with WordPress Instagram Feed plugin, you need to configure Instagram app for website and get **Instagram Access Token** first. This is a very simple process. Visit **Instagram Feed > Settings** page from WordPress administrative dashboard to start the setup.
156
+
157
+ Press **Sign in with Instagram** button. In case you are logged in to [Instagram.com](https://www.instagram.com/) from your web browser, **Access Token** and **Username** fields will be automatically filled in. Otherwise, if there are no logged in users, a popup will appear letting you sign in.
158
+
159
+ To use a different Instagram account, simply press **Reset access token and username** button. Afterwards, you can sign out from Instagram.com, and get access token for another Instagram user by logging in again.
160
+
161
+ This is all you need to do, to be able to embed Instagram gallery to your WordPress website. You can then display your Instagram photos and videos as a responsive carousel, as widgets on the sidebar or footer of your site, and more.
162
+
163
+ As soon as you sign in to Instagram and get Access Token, a sample feed is created with your account and placed on a **private page** of your WordPress website. You can view your Instagram image gallery by clicking on **View your feed** button, or modify its settings and appearance by pressing **Edit your feed.** The feed will also appear on **Instagram Feed > Feeds** page.
164
+
165
+ Note, that this feed is not visible to website visitors, unless you edit its page and make it **public.**
166
+
167
+ = How to embed Instagram media to my WordPress site? =
168
+
169
+ To begin creating your first feed, navigate to **Feeds** page of Instagram Feed plugin. This page of our Instagram HTML plugin contains a list of all your feeds created with the plugin. You will see the feed of your Instagram timeline appearing on this list.
170
+
171
+ Press **Add New** button to start building your feed and import Instagram posts to your WordPress website.
172
+
173
+ Firstly, make sure to set a **Feed Title** for your feed. Then, let's configure the mandatory settings which are necessary for displaying the feed. Click on **Media** bar to expand these options.
174
+
175
+ Use **Feed Media** drop-down box to choose the content of your Instagram feed. **Feed Usernames and Hashtags** option lets you input your Instagram username and display feeds containing images and videos of your account. You can also add **hashtags** and showcase your posts with those hashtags.
176
+
177
+ Write the usernames without the **@** sign, however for hashtags, you do need to add **#** at the beginning.
178
+
179
+ While using this Instagram media importer tool, make sure to specify one username or hashtag at a time, and press **Add** button each time.
180
+
181
+ You can customize the **sorting** of the media on your feed using the following settings.
182
+
183
+ **Sort Media By** allows you to choose the **parameter,** based on which the photos and videos on your Instagram feed will be ordered. You can select one of the following:
184
+
185
+ * Date,
186
+ * Likes,
187
+ * Comments,
188
+ * Random.
189
+
190
+ **Sorting Order** option lets you specify the **direction** of ordering the Instagram media on your feed. It can have one of the following two values:
191
+
192
+ * Ascending,
193
+ * Descending.
194
+
195
+ **Media** section of feed settings also allows you to change the action which takes place after users click on an image. With **Action OnClick** option, Instagram Feed plugin provides 4 functions for this:
196
+
197
+ * **Open Lightbox.** Clicking on a post will open a popup box with the large version of the image or video, letting you navigate through the rest of your feed media just like a slider.
198
+ * **Redirect To Instagram.** This option will redirect users to the same post on Instagram when they click on an item in the feed.
199
+ * **Custom Redirect.** Select this option and specify a link in Redirect URL input box. Users will be taken to this page after clicking on a post in the feed.
200
+ * **Do Nothing.** Clicking on posts of the feed will not trigger any functions.
201
+
202
+ = Can I display more than one Instagram feeds on my website? =
203
+
204
+ Yes, you can add as many Instagram feeds as you want to your website and show them on posts and pages.
205
+
206
+ Add the Instagram feeds to posts and pages by using the **shortcode** provided or choosing from the list by clicking on the Instagram Feed button.
207
+
208
+ = What layouts can I use to showcase my Instagram feed? =
209
+
210
+ Instagram Feed plugin provides 4 beautiful layouts, which you can use to showcase the photos and videos on your Instagram feeds. Each of them can be fully personalized to fit the style of your website.
211
+
212
+ Use **Select Layout** option and choose the appearance:
213
+
214
+ * Thumbnails,
215
+ * Masonry,
216
+ * Blog Style,
217
+ * Image Browser.
218
+
219
+ Let's go through all 4 layouts and help you choose the one that suits your site the best.
220
+
221
+ **Thumbnails Layout**
222
+
223
+ **Thumbnails Layout** of Instagram Feed plugin provides an equally aligned beautiful Instagram grid, consisting of the thumbnail images of the media on your feed. All thumbnails on this layout are set to have the same dimensions, and you can assign the width and height you like.
224
+
225
+ **Masonry Layout**
226
+
227
+ Just like Thumbnails, **Masonry Layout** is also built with the thumbnail images of Instagram posts. However, its Instagram grid is not aligned equally. The thumbnail images are created as the exact miniatures of their large versions (i.e. the dimensions of thumbnails and large posts are proportional).
228
+
229
+ **Blog Style Layout**
230
+
231
+ **Blog Style Layout** is a perfect choice if you want to post a media file on Instagram and repost the content to WordPress website as a photo blog. The images are displayed with larger dimensions, than on Thumbnails and Masonry Layouts.
232
+
233
+ You can enable captions, descriptions, and hashtags of the media and show them below the posts on your feed.
234
+
235
+ **Image Browser Layout**
236
+
237
+ Just like Blog Style, **Image Browser Layout** of Instagram Feed plugin also displays the posts with larger dimensions. However, this layout shows a single large image with navigation buttons, similar to a slideshow. You can navigate through the posts by clicking on **Next** and **Previous** buttons.
238
+
239
+ = How can I personalize the features of my Instagram feed? =
240
+
241
+ Instagram Feed social plugin comes with a number of advanced customization options, which you can use to change the functionality and features of your feeds. You can modify the feed as far as:
242
+
243
+ * changing its **pagination** and **loading,**
244
+ * defining the number of displayed and newly loaded posts,
245
+ * personalizing the settings of all 4 layouts,
246
+ * controlling the **sort order** of the media on your Instagram feed,
247
+ * choosing the attributes to showcase with the feed,
248
+
249
+ and much more.
250
+
251
+ To begin configuring these options, edit your feed and open **Feed Settings** tab. Scroll down a bit to find the following two sections:
252
+
253
+ * Layout and Pagination,
254
+ * Advanced.
255
+
256
+ Let's go through each section and discuss every option individually.
257
+
258
+ **Layout and Pagination**
259
+
260
+ **New Media Loading.** Select the method to use while loading more images and videos on your Instagram feed. You can choose one of the following options:
261
+
262
+ * Pagination,
263
+ * Load More Button,
264
+ * Infinite Scroll,
265
+ * None.
266
+
267
+ **Number of Columns.** Set the number of columns which will be used to align Instagram media in **Thumbnails** and **Masonry** feeds.
268
+
269
+ **Number of Images/Videos.** Specify the number of Instagram media to display when the feed is loaded initially.
270
+
271
+ **Number of New Media.** Set the number of posts which will be added to the feed, after the user clicks on **Load More** button or triggers **Infinite Scroll.**
272
+
273
+ **Combine and Sort Again After Loading More.** If this option is enabled, both newly loaded and existing media are mixed then resorted together according to **Sort Media By** setting.
274
+
275
+ **Make Layout Not Responsive.** When this option is selected, the layout of the feed does not convert to single-column display on small screens. The feed width is shrunk, but the number of columns stays the same.
276
+
277
+ **Number of Media for Initial Preload.** Specify the number of posts to preload, when an Instagram feed is first loaded. This option helps to load a few posts at once, then navigate through the media smoothly. Note, that this setting applies to **Image Browser** feeds only.
278
+
279
+ **Number of Media for Pagination Preload.** Set the number of posts to preload, while the user navigates through the media by clicking on **Next** or **Previous** buttons. Note, that this option is applicable to **Image Browser** layout only.
280
+
281
+ **Advanced**
282
+
283
+ **Theme.** Select the theme which will be used to style the appearance of your Instagram feed. You can edit the theme or create a new one from **Instagram Feed > Themes** page.
284
+
285
+ **Feed Media Resolution.** Choose the resolution of the media on your Instagram feed. You can select one of the following options:
286
+
287
+ * Optimal,
288
+ * Standard (640 pixels),
289
+ * Low (320 pixels),
290
+ * Thumbnail (150 pixels).
291
+
292
+ In case **Optimal** is selected, the dimensions of the loaded media are calculated according to the width of feed container. This provides fast loading and no stretching images.
293
+
294
+ **Featured Image.** Set the featured image of the header section of your Instagram feed. The image is pulled from the **user profile** or **hashtag** you select.
295
+
296
+ **Show Feed Header.** Activate this option to display a header on your Instagram feed. It includes **Feed Title** and **Featured Image** you specified.
297
+
298
+ **Show User Data.** If this option is enabled, additional details from the selected accounts and hashtags will be displayed on your Instagram feed. You can activate:
299
+
300
+ * **Follow On Instagram** button,
301
+ * Number of **Posts** and **Followers** of Instagram account/hashtag,
302
+ * **User Bio** of your Instagram account.
303
+
304
+ **Show Media Caption.** Enable this setting to display descriptions of Instagram photos or videos below them, fully or partially.
305
+
306
+ **Show Full Description.** Activate this setting to show the full captions of Instagram media. Note that this option only applies to feeds with **Masonry** layout.
307
+
308
+ **Show Number of Likes.** Mark this option as checked to display the number of likes on each Instagram post.
309
+
310
+ **Show Number of Comments.** Display the number of comments on Instagram photos or videos with your feed.
311
+
312
+ **Show Username On Image Thumb.** Activating this setting will let you show your Instagram account username on the images or videos of your feed.
313
+
314
+ = Is it possible to modify the settings of Instagram lightbox? =
315
+
316
+ Instagram Feed plugin comes with a popup box, which appears when users click on a photo or a video in the feed. It lets them display the larger versions of Instagram media, as well as play videos and navigate through the posts.
317
+
318
+ To run the lightbox by clicking on the media, make sure **Action OnClick** option of **Feed Settings** tab is set to **Open Lightbox.**
319
+
320
+ Just like other attributes of Instagram feeds, **Lightbox Settings** can be personalized as well. Edit your feed, then navigate to **Lightbox Settings** tab. Here you will find all the tools which help you tweak the features of the lightbox.
321
+
322
+ The user-friendly lightbox options are divided into the following two main sections:
323
+
324
+ * General Settings,
325
+ * Advanced Settings.
326
+
327
+ Let's discuss these two sections and discover the benefits of the options they provide.
328
+
329
+ **General**
330
+
331
+ **General** section of Lightbox Settings mainly provides options to modify the dimensions and effects on the popup box. You are able to make the following changes:
332
+
333
+ * set the dimensions of the lightbox,
334
+ * configure autoplay and choose from 14 amazing animation effects,
335
+ * activate full-width lightbox,
336
+
337
+ and more.
338
+
339
+ **Advanced**
340
+
341
+ With **Advanced** section of Lightbox settings, you have full control of what's shown with the popup pox of Instagram feed images and videos. It takes just a few steps to get the appearance of the lightbox exactly as you wish to have it.
342
+
343
+ Lightbox Advanced options allow you to:
344
+
345
+ * add a filmstrip to the lightbox, containing the thumbnails of Instagram posts,
346
+ * customize the navigation on the lightbox, adding **Next** and **Previous** buttons,
347
+ * activate image **captions** and display them on the image,
348
+ * enable **right-click protection,** and thus disallow right-click on images and videos,
349
+ * place **share, fullscreen, download** and other control buttons,
350
+ * add **comments section** to the lightbox,
351
+
352
+ and much more.
353
+
354
+ = Can I create mixed Instagram feeds my Instagram account and multiple hashtags? =
355
+
356
+ This option is available in **Premium** version. There, you can create mixed Instagram feeds with your Instagram account and several hashtags. You can even create the combination of both.
357
+
358
+ = I see an invalid access Token error. What should I do? =
359
+
360
+ If you are seeing this alert message on your Instagram Feed plugin, please note, that Instagram access tokens expire from time to time. Therefore you need to get new from your Instagram account again.
361
+
362
+ Please sign in to your Instagram account and get a new token. Add it to **Instagram Feed > Settings** page.
363
+
364
+ If the token will still cause "Invalid access token" error, revoke access for the plugin [here](www.instagram.com/accounts/manage_access/) and sign in again from **Settings** page.
365
+
366
+ = I would like to display only the Instagram posts which have certain hashtags. How can this be done? =
367
+
368
+ *You can definitely do this with premium version!*
369
+
370
+ In case you wish to showcase Instagram feeds with additional, more definitive filters, **Conditional Filters** feature of Instagram Feed plugin will help you with it. This functionality allows you to show images of your Instagram account with a specific hashtag, skip images which belong to certain hashtags, and more.
371
+
372
+ To begin creating additional filters for your Instagram feed, edit it and navigate to **Conditional Filters** tab. Use **Enable Conditional Filters** to activate the necessary tools.
373
+
374
+ **Feeds to Filter** option shows the basis for conditional filters. These are the username and hashtags you have added to your Instagram feed. The filters will search among the posts of the username and hashtags, and pull those which fulfill the specified condition.
375
+
376
+ Now let's configure the condition itself. First, you need to choose the logical operator of the condition using **Filter Logic** setting. Select one of the following 3 operators:
377
+
378
+ * AND: Shows Instagram posts that belong to **all sources** of filtering.
379
+ * OR: Shows Instagram media which belong to **at least one of the sources** of filtering.
380
+ * NOR: Hides Instagram posts which belong to **at least one of the sources** of filtering.
381
+
382
+ Afterwards, use **Add Condition** option to specify the parameter for the condition, which can be one of the following.
383
+
384
+ * **Hashtag.** If you wish to filter your accout feed with a certain hashtag, you can use this option.
385
+ * **Mention.** This option can be used for feeds both with hashtags and username, i.e. you can display posts where another user is mentioned.
386
+ * **Description.** Just like Mentions, Description can be used both with hashtags and username. You can specify a single keyword or a phrase, which is used in descriptions of your Instagram posts.
387
+ * **Instagram Media Link.** You are able to filter using the shareable link of Instagram media. Simply provide the full URL of the post, as the following example: https://www.instagram.com/p/Be6H6G9lmCQ/
388
+
389
+ Afterwards, select the **Condition Type** for the filter, which corresponds to the parameter you are adding. For instance, in case you are adding #liveauthentic hashtag, the **Condition Type** needs to be set as **Hashtag** as well.
390
+
391
+ Lastly, click **Add Condition** button, and the parameters you have added will be visible below **Result** section. Make sure to press **Save** after you finish configuring the filters.
392
+
393
+ With **Result** option, you will see all of the added filters which will be applied to your Instagram feed.This feature is widely used on Instagram for eCommerce websites, as it serves like an Instagram feed with analytics.
394
+
395
+ = How can I publish the Instagram Feed on my website? =
396
+
397
+ Using WordPress Instagram feed plugin, you can publish your feeds with the following 3 different methods:
398
+
399
+ * on a WordPress **page** or **post,**
400
+ * as a **widget,**
401
+ * on a **custom template** with a **PHP function.**
402
+
403
+ A quick guide for this is provided with **How To Publish Feed** tab above your Instagram feed. Let's go through the necessary steps of each publishing method, and help you choose the one that fits your site the best.
404
+
405
+ **Publishing the Feed on Pages or Posts**
406
+
407
+ To publish Instagram feeds with this method, add or edit the page or post from WordPress administrative dashboard of your website. Click on **Add Instagram Feed** button from the top of the post editor. Afterwards, select the feed you wish to publish and press **Insert.**
408
+
409
+ The **shortcode** of Instagram Feed plugin will be added to the content of your page/post.
410
+
411
+ Alternatively, you can copy the shortcode from **Instagram Feed > Feeds** dashboard, under **Shortcode** column, and paste it into the content of your WordPress page/post.
412
+
413
+ **Publishing Instagram Feed as a Widget**
414
+
415
+ Navigate to **Appearance > Widgets** page from WordPress administrative dashboard to begin configuring your Instagram feed widget. Firstly, search for **Instagram Feed Widget** and drag it to the widget area, where you wish to display your feed.
416
+
417
+ Provide a **Title** for your Instagram Feed, then choose the feed to publish using **Feed** drop-down box. Make sure to specify **Number of Columns,** as well as **Number of images** to show on your Instagram feed.
418
+
419
+ Also, you can activate the following attributes and display them with your feed:
420
+
421
+ * post **descriptions,**
422
+ * **likes** and **comments,**
423
+ * **Load More** button.
424
+
425
+ **Publishing with PHP function**
426
+
427
+ It is also possible to publish Instagram feeds on **custom PHP templates** using their **PHP functions.** To do this, simply copy the PHP function of your feed from **Instagram Feed > Feeds** page, then paste it to the necessary section of your custom template.
428
+
429
+ = Is it possible to change the Instagram Feed themes to match my website? =
430
+
431
+ *This is possible in Premium version.*
432
+
433
+ Instagram Feed plugin provides a variety of user-friendly styling options, which let you customize the appearance and features of your Instagram feed even further. You can access these tools from **Instagram Feed > Themes** page.
434
+
435
+ By default, Instagram Feed plugin comes with 2 themes:
436
+
437
+ * Instagram,
438
+ * Elegant.
439
+
440
+ You can modify and use them on your feeds, or create a new theme with your own configurations. To select a default theme for your Instagram feeds, click on the star icon next to the corresponding entry.
441
+
442
+ Each theme is divided into 2 main sections.
443
+
444
+ **Customizing Feed**
445
+
446
+ These theme settings allow you to modify global styling of your feeds, such as their width, text font, pagination attributes and more. This toolbox consists of the following sub-sections:
447
+
448
+ * **General.** Configure the main parameters of the feed with these options, e.g. **feed container width** and **background color.**
449
+ * **Header.** Edit header parameters, its text **font styles, image size, padding** and other attributes.
450
+ * **User Data.** Set the appearance of user information section above the feeds, such as **text font size,** and the styling of **follow button** and **user bio.**
451
+ * **Pagination.** Modify the styles of **Load More** button, as well as the font size, margins, and alignment of **Pagination** buttons.
452
+ * **Thumbnails, Masonry, Blog Style** and **Image Browser.** Use the options on these tabs to modify default styles of layouts provided by Instagram Feed plugin. You can edit the border and padding of **photo wrapper,** text color and font of **post caption, comments** and **likes,** transparency of **image overlay,** and more.
453
+
454
+ **Customizing Lightbox**
455
+
456
+ You can customize each attribute of Instagram Feed lightbox using the tools in this section. They will help you change **lightbox background, control button** styles, **filmstrip** position and alignment, and more. Navigate through the following sub-sections to change the options:
457
+
458
+ * General,
459
+ * Control Buttons,
460
+ * Close Button,
461
+ * Navigation Buttons,
462
+ * Filmstrip,
463
+ * Info,
464
+ * Comments.
465
+
466
+ = Where can I change the settings of Instagram Feed plugin? =
467
+
468
+ **Advanced Options** of Instagram Feed plugin allow you to modify a few global parameters, that apply to all feeds. Go to **Instagram Feed > Settings** page and click on **Advanced Options** bar to expand this toolbox.
469
+
470
+ With **Minimal role to add and manage Feeds or Themes** option, you can select the WordPress user role which will have access to Instagram Feed plugin. The user roles of higher levels will also be able to modify and manage the feeds.
471
+
472
+ **Custom CSS** lets you write your own CSS code for your Instagram feeds. This is handy, in case you need to make specific changes regarding the styling of your feed. Whereas with **Custom Javascript** you are able to apply additional scripts.
473
+
474
+ For instance, let's consider you have a feed with **Thumbnails Layout,** and besides displaying the feed, you wish to expand captions for some posts. You can achieve this the following way.
475
+
476
+ Firstly, you need to assign custom **wdi_feed_loaded** event of the plugin to the container of the Instagram feed, then set callback function for this event.
477
+
478
+ Here is an example of a script, which expands captions of posts with 0, 1, 2, 3 indexes:
479
+
480
+ `jQuery('#wdi_feed_0').on('wdi_feed_loaded',function(){
481
+ jQuery('.wdi_photo_title').eq(0).trigger('click');
482
+ jQuery('.wdi_photo_title').eq(1).trigger('click');
483
+ jQuery('.wdi_photo_title').eq(2).trigger('click');
484
+ jQuery('.wdi_photo_title').eq(3).trigger('click');
485
+ });`
486
+
487
+ Make sure to **Save** Changes after you finish modifying Advanced Options.
488
+
489
+ **Uninstalling Instagram Feed Plugin**
490
+
491
+ In case you wish to completely remove Instagram Feed plugin, you can **Uninstall** it using **Instagram Feed > Uninstall** menu item. However, it is important to note, that uninstalling the plugin will delete all feeds, reset all options to their defaults, and remove other data on the plugin.
492
+
493
+ Please make sure you don't have any important information before you proceed.
494
+
495
+
496
+ == Screenshots ==
497
+
498
+ 1. WordPress 10Web Instagram Feed - Thumbnail layout
499
+ 2. WordPress 10Web Instagram Feed - Image browser layout
500
+ 3. WordPress 10Web Instagram Feed - Lightbox
501
+ 4. WordPress 10Web Instagram Feed - Edit Instagram Feed
502
+ 5. WordPress 10Web Instagram Feed - Theme Settings
503
+
504
+ == Privacy Policy ==
505
+ 10Web Instagram Feed plugin uses Instagram API on website front end. You have to authorize the plugin via sign in to get data from Instagram on your behalf. The plugin does not send any user’s data to Instagram. All the data received from Instagram via API is cached in WordPress database for some short customizable period to provide front end optimization. You can delete or update cached data. Instagram saves some cookies in browsers of website visitors via API data. These cookies are mostly used for security purposes. They are regulated under terms of Instagram’s privacy policy https://instagram.com/legal/privacy. The plugin asks for your consent to collect site administrator’s email address and site URL to offer customer support, deals and discounts on premium products and more.
506
+
507
+ == Changelog ==
508
+
509
+ = 1.3.15 =
510
+ Added: Banner to install 10Web manager.
511
+
512
+ = 1.3.14 =
513
+ New: Added contributor role in the option 'Minimal role to add and manage Feeds or Themes'.
514
+ Fixed: Conditional filters for hashtags.
515
+
516
+ = 1.3.13 =
517
+ New: Option to get hashtag top media
518
+ Improved: Notices during Facebook Log in
519
+ Fixed: Occasional JS error on front end
520
+
521
+ = 1.3.12 =
522
+ Fixed: Conflict with Gutenberg.
523
+
524
+ = 1.3.11 =
525
+ New: Create hashtag feeds for business profiles using Instagram Graph API
526
+
527
+ = 1.3.10 =
528
+ Fixed: Gutenberg compatibility
529
+ Fixed: Duplicate media when several filters are applied (Premium)
530
+
531
+ = 1.3.9 =
532
+ Fixed: Lib conflict with photo-gallery
533
+
534
+ = 1.3.8 =
535
+ Changed: Links to docs
536
+ Fixed: Compatibility with Elementor
537
+ Added: wdi_display_shortcode_button filter
538
+
539
+ = 1.3.7 =
540
+ New: Option to disable loading of Font-Awesome by the plugin
541
+ Fixed: PHP notice in feed preview
542
+ Fixed: Issue with admin styles for notices
543
+
544
+ = 1.3.6 =
545
+ Changed: Instagram Feed by 10Web
546
+ Fixed: Minor bugs when saving feed and opening lightbox
547
+
548
+ = 1.3.5 =
549
+ Changed: Deactivation popup
550
+
551
+ = 1.3.4 =
552
+ New: Display website link in header along with bio
553
+
554
+ = 1.3.3 =
555
+ New: Cache debugging tools
556
+ New: WD library updated
557
+ New: GDPR compliance help
558
+
559
+ = 1.3.2 =
560
+ New: Signing up with multiple accounts
561
+ Fixed: Settings page layout when language is not English
562
+
563
+ = 1.3.1 =
564
+ Fixed: Security issues. Reported by Karan Saini https://www.karansaini.com/
565
+
566
+ = 1.3.0 =
567
+ New: Caching of Instagram data. API rate limits do not constrain feed loading anymore.
568
+ New: Compatibility with Gutenberg editor.
569
+ Improved: It is possible now to manually edit access token.
570
+ Changed: Plugin will output a warning when an incompatible version of Font-Awesome is loaded (SVG generated by JS)
571
+ Fixed: Error when PHP filter extension is not enabled.
572
+ Fixed: PHP warning in feed editor page appearing sometimes.
573
+
574
+ = 1.2.19 =
575
+ Fixed: Loading more images
576
+
577
+ = 1.2.18 =
578
+ Important: Instagram shut down its API partially without any warning. See [changelog](https://www.instagram.com/developer/endpoints/media/). It is not allowed anymore to display photos from other Instagram accounts which are not your own.
579
+ Sorry.
580
+
581
+ = 1.2.17 =
582
+ Fixed: Video play issue on mac safari
583
+ Changed: Uninstall moved to settings page
584
+
585
+ = 1.2.16 =
586
+ New: Instagram slideshow is supported in popup
587
+ New: UX of feeds and themes admin screen, it is now similar to posts list screen
588
+ New: Inline actions for feeds and themes in admin list view
589
+ Improved: Theme styles are generated as CSS files, not inline styles. Faster page loading and better styles caching
590
+ Improved: Popup is faster now and less data is being sent via AJAX
591
+
592
+ = 1.2.15 =
593
+ Added: "How to publish feed" tab in feeds editor screen
594
+ Added: Closeable metaboxes in feeds editor screen
595
+ Added: Feed preview button in feeds editor screen
596
+ Changed: Save, apply and cancel buttons in feed and theme editor screens
597
+ Changed: Feed and theme title input design
598
+ Fixed: Minor bugs and conflicts with some themes
599
+ Improved: Shortcode popup design
600
+ Removed: Update submenu (Premium)
601
+
602
+ = 1.2.14 =
603
+ Fixed: Conflict with Page Builder by SiteOrigin
604
+
605
+ = 1.2.13 =
606
+ Fixed: Conflict with Divi
607
+
608
+ = 1.2.12 =
609
+ New: Customize feed media resolution. Choose between optimal or custom resolutions, fast loading and higher quality.
610
+ Improved: Redesigned feed and theme editor screens.
611
+ Improved: More user-friendly names and descriptions of feed settings.
612
+ Improved: UX when access token is expired or have not been obtained yet.
613
+ Improved: UX when there are JS errors on front-end.
614
+ Fixed: Minor: do not include custom scroll bar JS if feed does not have popup.
615
+
616
+ = 1.2.11 =
617
+ Changed: Scripts and styles are minified by default
618
+ Changed: Font-Awesome has been updated to version 4.7.0 and loaded from CDN
619
+ Changed: Pagination buttons are smaller now in default theme
620
+ Changed: Deactivation popup.
621
+
622
+ = 1.2.10 =
623
+ Fixed: CSS XSS vulnerability in lightbox
624
+
625
+ = 1.2.9 =
626
+ Changed: Web-Dorado links
627
+
628
+ = 1.2.8 =
629
+ Changed: Allow more users and hashtags in feed settings
630
+
631
+ = 1.2.7 =
632
+ Changed: Show notification to install Backup WD plugin only on plugin pages
633
+
634
+ = 1.2.6 =
635
+ Change: Introduction of Backup WD plugin
636
+
637
+ = 1.2.5 =
638
+ Change: "create_function" is not used anymore
639
+
640
+ = 1.2.4 =
641
+ Fixed: 10Web Instagram Feed compatibility issue with Better WordPress Minify plugin, thanks to @amityweb for bug report
642
+
643
+ = 1.2.3 =
644
+ Change: WD library updated to version 1.0.11
645
+ Fixed: Error message when editing feed and token is expired
646
+
647
+ = 1.2.2 =
648
+ New: Redirection to custom URL
649
+
650
+ = 1.2.1 =
651
+ New: Option to disable loading of new images in feed
652
+
653
+ = 1.2.0 =
654
+ New: Default feed
655
+ Fixed: Infinite scroll triggering (PRO)
656
+ Fixed: "No media in feed" message on mobile masonry feed
657
+ Fixed: Minor style conflicts with some themes
658
+
659
+ = 1.1.30 =
660
+ Changed: Frontend styles optimized, loads faster now
661
+
662
+ = 1.1.29 =
663
+ Fixed: Display only published feeds in feeds selector popup for shortcode
664
+ Changed: UX improvement - no error message when user first inserts a widget then creates feeds
665
+
666
+ = 1.1.28 =
667
+ Fixed: Conflict with some themes
668
+
669
+ = 1.1.27 =
670
+ Fixed: Overriding window.onload function
671
+ Changed: Some strings on frontend are translatable now
672
+
673
+ = 1.1.26 =
674
+ Fixed: Conflict with Beaver Builder
675
+ Fixed: Frontend error messages in old Chrome and Safari browsers
676
+ Changed: Translations hosted on WordPress.org
677
+
678
+ = 1.1.25 =
679
+ New: UX improvements: when authorizing and editing feeds
680
+ Changed: JavaScript error notices on frontend
681
+ Fixed: Updates page restored (PRO)
682
+ Fixed: Deactivation popup in uninstall page (PRO)
683
+ Fixed: Subscribe after uninstall
684
+
685
+ = 1.1.24 =
686
+ Added: Overview page
687
+ Changed: Deactivation
688
+
689
+ = 1.1.23 =
690
+ Fixed: cropping of "landscape" images in thumbnails layout
691
+
692
+ = 1.1.22 =
693
+ New: message displayed on frontend if feed has no media
694
+ Fixed: JS errors for media with Instagram's new "Slideshow" feature. This feature is not supported by Instagram's API yet.
695
+ Changed: Errors by plugin and Instagram API are alerted in frontend only for admins, otherwise output the message to the Web Console
696
+ Changed: Custom attribute "wdi_media_user" added to media containers in frontend. Useful for adding different event listeners, e.g. custom redirects for every user's media.
697
+ Changed: Minor style conflicts fixed
698
+
699
+ = 1.1.21 =
700
+ New: Three new plugins added to featured plugins list: Ad Manager WD, Youtube WD and Staff Team WD
701
+ Fixed: Colors and opacities of share buttons in lightbox (PRO)
702
+
703
+ = 1.1.20 =
704
+ New: Instagram feed displayed in AJAX-loaded content. AJAX request callback needs to call wp_footer() in the end.
705
+
706
+ = 1.1.19 =
707
+ Fixed: Strange bug in Instagram API when user feed pagination is null, causing JS errors in frontend
708
+
709
+ = 1.1.18 =
710
+ Fixed: Frontend filter colors (PRO)
711
+ Changed: Featured plugins, brand new Mailchimp Forms WD plugin added
712
+
713
+ = 1.1.17 =
714
+ New: Option in feed settings to show small size images and low-bandwidth videos when viewed in mobile devices
715
+ Fixed: Escaping in custom JS
716
+ Change: WP 4.7 compatibility - language of frontend content in AJAX response
717
+
718
+ = 1.1.16 =
719
+ Fixed: Unicode "paragraph separator" symbol in media caption crashes lightbox
720
+ Fixed: Javascript error in admin feed page and styling issue in lightbox because of some non-standard themes
721
+
722
+ = 1.1.15 =
723
+ New: Show hashtag media number in header
724
+ Fixed: Scripts dependency on underscore.js
725
+ Fixed: Compatibility issues with Yoast SEO
726
+
727
+ = 1.1.14 =
728
+ Fixed: Single user bio not shown
729
+ Changed: Plugin logo
730
+ Changed: Featured plugins logos
731
+
732
+ = 1.1.13 =
733
+ Fixed: Changes in database after plugin version update via FTP or AJAX requests with silent activation
734
+
735
+ = 1.1.12 =
736
+ New: Feed based on liked media (Pro)
737
+ Fixed: Hidden media in last page
738
+ Fixed: Minor issues
739
+
740
+ = 1.1.11 =
741
+ Added: Setting to show media descriptions in widget mode (PRO)
742
+ Fixed: Untranslatable strings in widget editor
743
+ Change: Featured plugins list
744
+
745
+ = 1.1.10 =
746
+ Added: New text in uninstall page
747
+ Fixed: Video not centering issue on blogstyle
748
+ Added: Swedish translations
749
+
750
+ = 1.1.9 =
751
+ New: Option to set minimal user role for adding and managing feeds and themes
752
+ Fixed: Masonry feed thumbnails overlay opacity (Pro)
753
+
754
+ = 1.1.8 =
755
+ Changed: Font-Awesome updated to version 4.6.3
756
+
757
+ = 1.1.7 =
758
+ New: Featured themes admin page
759
+ Fixed: Javascript error in hashtag feed
760
+
761
+ = 1.1.6 =
762
+ Change: Added compatibility with "All in one SEO pack" and other plugins running shortcodes in page head
763
+
764
+ = 1.1.5 =
765
+ Fixed: Javascript error on Firefox and Safari
766
+
767
+ = 1.1.4 =
768
+ Fixed: Error handling in case of wrong access_token
769
+ Fixed: Image description not opening after pagination (Pro)
770
+ Fixed: Do not show load more button if feed media are finished
771
+ Fixed: Infinite scroll triggering bug (Pro)
772
+
773
+ = 1.1.3 =
774
+ New: French translation (Thanks to Guillaume Barjou)
775
+ New: English US and UK translation files. Edit them to change default strings
776
+ Fixed: Image sizes and overwflows in thumbnails layout
777
+ Fixed: Lightbox filmstrip thumb styles (Pro)
778
+
779
+
780
+ = 1.1.2 =
781
+ Fixed: Bug when saving theme data to some MySQL 5.6 databases
782
+ Changed: Pagination of hashtag feeds restored
783
+ Changed: Check and get user id on frontend if empty for some unknown reason
784
+
785
+ = 1.1.1 =
786
+ Fixed: Bug when duplicating feeds
787
+
788
+ = 1.1.0 =
789
+ **IMPORTANT: Instagram changed the API. You need to get a new access token by using "Sign in with Instagram" button on the Settings page in order to keep your 10Web Instagram Feed plugin functioning after June 1.**
790
+ new: Instagram new API
791
+ new: Spanish translation (Thanks to Alexandro Lacadena Gomez)
792
+
793
+ = 1.0.10 =
794
+ Temporarily disable pagination in hashtag based feeds
795
+ Changed: Russian Translations ( Thanks to Alex Petrin )
796
+
797
+ = 1.0.9 =
798
+ Added: Option for displaying image loading buttons in widgets
799
+ Added: Permission for authors displaying instagram feeds on posts
800
+
801
+ = 1.0.8 =
802
+ Fixed: Infinite Scroll bug
803
+ Changed: Show videos play button when redirect is enabled
804
+
805
+ = 1.0.7 =
806
+ ADD: Image Hover Effects (Pro)
807
+
808
+ = 1.0.6 =
809
+ New: Conditional Filters (Pro)
810
+ New: Option for displaying username in masonry/thumbnails view (Pro)
811
+ Fixed: Minor bugs
812
+ New: Russian translation (Thanks to Ruslan Tertyshny).
813
+
814
+ = 1.0.5 =
815
+ New: New year promo
816
+
817
+ = 1.0.4 =
818
+ Fixed: Bug in layout
819
+
820
+ = 1.0.3 =
821
+ Fixed: PHP function in feeds list
822
+
823
+ = 1.0.2 =
824
+ Fixed: PHP error after plugin update
825
+
826
+ = 1.0.1 =
827
+ Fixed: PHP 5.3 compatibility
828
+ Fixed: Video redirect bug
829
+ Changed: User info styles
830
+
831
+ = 1.0.0 =
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
832
  Initial version
wd-instagram-feed.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Instagram Feed by 10Web
4
  Plugin URI: https://10web.io/plugins/wordpress-instagram-feed/
5
  Description: Instagram Feed by 10Web is a user-friendly tool for displaying user or hashtag-based feeds on your website. You can create feeds with one of the available layouts. It allows displaying image metadata, open up images in lightbox, download them and even share in social networking websites.
6
- Version: 1.3.14
7
  Author: 10Web
8
  Author URI: https://10Web.io
9
  License: GPLv2 or later
@@ -20,8 +20,9 @@ define("WDI_META", "_".WDI_VAR."_meta");
20
  //define("wdi",'wdi');
21
  define('WDI_FEED_TABLE','wdi_feeds');
22
  define('WDI_THEME_TABLE','wdi_themes');
23
- define('WDI_VERSION','1.3.14');
24
- define('WDI_IS_PRO','false');
 
25
  $wdi_minify = ((isset($_GET['wdi_no_minify']) && $_GET['wdi_no_minify'] == "true") ? false : true);
26
  define('WDI_MINIFY', $wdi_minify);
27
 
@@ -957,85 +958,8 @@ function wdi_wd_lib_init(){
957
  ten_web_lib_init($wdi_wd_plugin_options);
958
 
959
  }
960
-
961
-
962
  }
963
 
964
- if (!function_exists('wdi_wd_bp_install_notice')) {
965
-
966
- if(get_option('wd_seo_notice_status') !=='' && get_option('wd_seo_notice_status')!=='1') {
967
-
968
- add_action('admin_enqueue_scripts', 'wdi_wd_bp_script_style');
969
-
970
- }
971
-
972
-
973
- function wdi_wd_bp_script_style() {
974
- $wd_bp_plugin_url = WDI_URL;
975
- if(WDI_MINIFY === true){
976
- wp_enqueue_script('wd_bck_install', $wd_bp_plugin_url . '/js/wd_bp_install.min.js', array('jquery'));
977
- wp_enqueue_style('wd_bck_install', $wd_bp_plugin_url . '/css/wd_bp_install.min.css');
978
- }else{
979
- wp_enqueue_script('wd_bck_install', $wd_bp_plugin_url . '/js/wd_bp_install.js', array('jquery'));
980
- wp_enqueue_style('wd_bck_install', $wd_bp_plugin_url . '/css/wd_bp_install.css');
981
- }
982
- }
983
-
984
- /**
985
- * Show notice to install backup plugin
986
- */
987
- function wdi_wd_bp_install_notice() {
988
- $wd_bp_plugin_url = WDI_URL;
989
-
990
- $screen = get_current_screen();
991
- if($screen->id != "toplevel_page_wdi_feeds" && $screen->id != "instagram-feed_page_wdi_themes" && $screen->id != "instagram-feed_page_wdi_settings" && $screen->id != "instagram-feed-wd_page_wdi_licensing"){
992
-
993
- return;
994
- }
995
-
996
- $prefix = 'wdi';
997
- $meta_value = get_option('wd_seo_notice_status');
998
- if ($meta_value === '' || $meta_value === false) {
999
- ob_start();
1000
- ?>
1001
- <div class="notice notice-info" id="wd_bp_notice_cont">
1002
- <p>
1003
- <img id="wd_bp_logo_notice" src="<?php echo $wd_bp_plugin_url . '/images/seo_logo.png'; ?>">
1004
- <?php _e("Instagram Feed advises: Optimize your web pages for search engines with the", $prefix) ?>
1005
- <a href="https://wordpress.org/plugins/seo-by-10web/" title="<?php _e("More details", $prefix) ?>"
1006
- target="_blank"><?php _e("FREE SEO", $prefix) ?></a>
1007
- <?php _e("plugin.", $prefix) ?>
1008
- <a class="button button-primary"
1009
- href="<?php echo esc_url(wp_nonce_url(self_admin_url('update.php?action=install-plugin&plugin=seo-by-10web'), 'install-plugin_seo-by-10web')); ?>">
1010
- <span onclick="wd_bp_notice_install()"><?php _e("Install", $prefix); ?></span>
1011
- </a>
1012
- </p>
1013
- <button type="button" class="wd_bp_notice_dissmiss notice-dismiss"><span class="screen-reader-text"></span>
1014
- </button>
1015
- </div>
1016
- <script>wd_bp_url = '<?php echo add_query_arg(array('action' => 'wd_seo_dismiss',), admin_url('admin-ajax.php')); ?>'</script>
1017
- <?php
1018
- echo ob_get_clean();
1019
- }
1020
- }
1021
-
1022
- if (!is_dir(plugin_dir_path(dirname(__FILE__)) . 'seo-by-10web')) {
1023
- add_action('admin_notices', 'wdi_wd_bp_install_notice');
1024
- }
1025
-
1026
- /**
1027
- * Add usermeta to db
1028
- *
1029
- * empty: notice,
1030
- * 1 : never show again
1031
- */
1032
- function wdi_wd_bp_install_notice_status() {
1033
- update_option('wd_seo_notice_status', '1', 'no');
1034
- }
1035
- add_action('wp_ajax_wd_seo_dismiss', 'wdi_wd_bp_install_notice_status');
1036
- }
1037
-
1038
-
1039
  add_filter("plugin_row_meta", 'wdi_add_plugin_meta_links', 10, 2);
1040
 
1041
  $wdi_token_error_flag = get_option("wdi_token_error_flag");
@@ -1118,4 +1042,329 @@ function wdi_elementor(){
1118
  include_once 'elementor/elementor.php';
1119
  WDIElementor::get_instance();
1120
  }
1121
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3
  Plugin Name: Instagram Feed by 10Web
4
  Plugin URI: https://10web.io/plugins/wordpress-instagram-feed/
5
  Description: Instagram Feed by 10Web is a user-friendly tool for displaying user or hashtag-based feeds on your website. You can create feeds with one of the available layouts. It allows displaying image metadata, open up images in lightbox, download them and even share in social networking websites.
6
+ Version: 1.3.15
7
  Author: 10Web
8
  Author URI: https://10Web.io
9
  License: GPLv2 or later
20
  //define("wdi",'wdi');
21
  define('WDI_FEED_TABLE','wdi_feeds');
22
  define('WDI_THEME_TABLE','wdi_themes');
23
+ define('WDI_VERSION','1.3.15');
24
+ define('WD_WDI_PREFIX', 'wdi' );
25
+ define('WDI_IS_PRO', false );
26
  $wdi_minify = ((isset($_GET['wdi_no_minify']) && $_GET['wdi_no_minify'] == "true") ? false : true);
27
  define('WDI_MINIFY', $wdi_minify);
28
 
958
  ten_web_lib_init($wdi_wd_plugin_options);
959
 
960
  }
 
 
961
  }
962
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
963
  add_filter("plugin_row_meta", 'wdi_add_plugin_meta_links', 10, 2);
964
 
965
  $wdi_token_error_flag = get_option("wdi_token_error_flag");
1042
  include_once 'elementor/elementor.php';
1043
  WDIElementor::get_instance();
1044
  }
1045
+ }
1046
+
1047
+
1048
+ /**
1049
+ * Show 10Web manager plugin install or activate banner.
1050
+ *
1051
+ * @return string
1052
+ */
1053
+ function wdi_tenweb_install_notice() {
1054
+ if ( ( !isset($_GET['page']) || strpos(esc_html($_GET['page']), 'wdi_') === FALSE ) ) {
1055
+ return '';
1056
+ }
1057
+
1058
+ // Remove old notice.
1059
+ if ( get_option('tenweb_notice_status') !== FALSE ) {
1060
+ update_option('tenweb_notice_status', '1', 'no');
1061
+ }
1062
+
1063
+ $meta_value = get_option('tenweb_notice_status');
1064
+ if ( $meta_value === '' || $meta_value === FALSE ) {
1065
+ require_once(WDI_DIR . '/framework/WDILibrary.php');
1066
+ ob_start();
1067
+ $prefix = WD_WDI_PREFIX;
1068
+ $url = WDI_URL;
1069
+ $dismiss_url = add_query_arg(array( 'action' => 'wd_tenweb_dismiss' ), admin_url('admin-ajax.php'));
1070
+ $verify_url = add_query_arg( array ('action' => 'wdi_tenweb_status'), admin_url('admin-ajax.php'));
1071
+ ?>
1072
+ <style>
1073
+ .hide {
1074
+ display: none !important;
1075
+ }
1076
+ #verifyUrl {
1077
+ display: none
1078
+ }
1079
+ #loading {
1080
+ position: absolute;
1081
+ right: 20px;
1082
+ top: 50%;
1083
+ transform: translateY(-50%);
1084
+ margin: 0px;
1085
+ background: url("<?php echo $url . '/images/ajax_loader.png'; ?>") no-repeat;
1086
+ background-size: 20px 20px;
1087
+ filter: alpha(opacity=70);
1088
+ }
1089
+ #wd_tenweb_logo_notice {
1090
+ height: 32px;
1091
+ float: left;
1092
+ }
1093
+ .error_install, .error_activate {
1094
+ color: red;
1095
+ font-size: 10px;
1096
+ }
1097
+ /* -------------------Version 2 styles------------------ */
1098
+ #wpbody-content #v2_tenweb_notice_cont {
1099
+ display: none;
1100
+ flex-wrap: wrap;
1101
+ background: #fff;
1102
+ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
1103
+ position: relative;
1104
+ padding: 5px 0;
1105
+ overflow: hidden;
1106
+ border-left: 4px solid #0073AA;
1107
+ font-family: Open Sans, sans-serif;
1108
+ height: 40px;
1109
+ min-height: 40px;
1110
+ }
1111
+ .v2_logo {
1112
+ display: flex;
1113
+ flex-direction: column;
1114
+ justify-content: center;
1115
+ height: inherit;
1116
+ }
1117
+
1118
+ #v2_tenweb_notice_cont {
1119
+ height: 50px;
1120
+ padding: 0px;
1121
+ }
1122
+
1123
+ .v2_content {
1124
+ flex-grow: 1;
1125
+ height: inherit;
1126
+ margin-left: 34px;
1127
+ }
1128
+
1129
+ .v2_content p {
1130
+ font-size: 16px;
1131
+ color: #333B46;
1132
+ font-weight: 600;
1133
+ line-height: 40px;
1134
+ margin: 0;
1135
+ }
1136
+ #wd_tenweb_logo_notice {
1137
+ margin-left: 35px;
1138
+ height: 30px;
1139
+ line-height: 100%;
1140
+ }
1141
+
1142
+ .v2_button {
1143
+ display: flex;
1144
+ margin-right: 30px;
1145
+ flex-direction: column;
1146
+ justify-content: center;
1147
+ }
1148
+
1149
+ .v2_button #install_now, #activate_now {
1150
+ width: 112px;
1151
+ height: 32px;
1152
+ line-height: 30px;
1153
+ font-size: 14px;
1154
+ text-align: center;
1155
+ padding: 0;
1156
+ }
1157
+
1158
+ #v2_tenweb_notice_cont .wd_tenweb_notice_dissmiss.notice-dismiss {
1159
+ top: 3px;
1160
+ right: 3px;
1161
+ padding: 0px;
1162
+ }
1163
+
1164
+ .v2_button .button {
1165
+ position: relative;
1166
+ }
1167
+
1168
+ .v2_button .button #loading {
1169
+ position: absolute;
1170
+ right: 10px;
1171
+ top: 50%;
1172
+ transform: translateY(-50%);
1173
+ margin: 0px;
1174
+ background-size: 12px 12px;
1175
+ filter: alpha(opacity=70);
1176
+ width: 12px;
1177
+ height: 12px;
1178
+ }
1179
+
1180
+ @media only screen and (max-width: 1200px) and (min-width: 821px) {
1181
+ #wpbody-content #v2_tenweb_notice_cont {
1182
+ height: 50px;
1183
+ min-height: 50px;
1184
+ }
1185
+
1186
+ #v2_tenweb_notice_cont {
1187
+ height: 60px;
1188
+ }
1189
+
1190
+ .v2_content {
1191
+ margin-left: 25px;
1192
+ }
1193
+ .v2_content p {
1194
+ font-size: 14px;
1195
+ color: #333B46;
1196
+ font-weight: 600;
1197
+ line-height: 20px;
1198
+ margin-top: 5px;
1199
+ }
1200
+ .v2_content p span {
1201
+ display: block;
1202
+ }
1203
+
1204
+ #wd_tenweb_logo_notice {
1205
+ margin-left: 25px;
1206
+ height: 30px;
1207
+ line-height: 100%;
1208
+ }
1209
+
1210
+ .v2_button {
1211
+ display: flex;
1212
+ margin-right: 30px;
1213
+ flex-direction: column;
1214
+ justify-content: center;
1215
+ }
1216
+
1217
+ .v2_button #install_now {
1218
+ width: 112px;
1219
+ height: 32px;
1220
+ line-height: 30px;
1221
+ font-size: 14px;
1222
+ text-align: center;
1223
+ padding: 0;
1224
+ }
1225
+
1226
+ #v2_tenweb_notice_cont .wd_tenweb_notice_dissmiss.notice-dismiss {
1227
+ top: 3px;
1228
+ right: 3px;
1229
+ }
1230
+ }
1231
+
1232
+ @media only screen and (max-width: 820px) and (min-width: 781px) {
1233
+
1234
+ #wpbody-content #v2_tenweb_notice_cont {
1235
+ height: 50px;
1236
+ min-height: 50px;
1237
+ }
1238
+
1239
+ #v2_tenweb_notice_cont {
1240
+ height: 60px;
1241
+ }
1242
+
1243
+ .v2_content {
1244
+ margin-left: 25px;
1245
+ }
1246
+
1247
+ .v2_content p {
1248
+ font-size: 13px;
1249
+ color: #333B46;
1250
+ font-weight: 600;
1251
+ line-height: 20px;
1252
+ margin-top: 5px;
1253
+ }
1254
+
1255
+ .v2_content p span {
1256
+ display: block;
1257
+ }
1258
+
1259
+ }
1260
+
1261
+ @media only screen and (max-width: 780px) {
1262
+
1263
+ #wpbody-content #v2_tenweb_notice_cont {
1264
+ height: auto;
1265
+ min-height: auto;
1266
+ }
1267
+
1268
+ #v2_tenweb_notice_cont {
1269
+ height: auto;
1270
+ padding: 5px;
1271
+ }
1272
+
1273
+ .v2_logo {
1274
+ display: block;
1275
+ height: auto;
1276
+ width: 100%;
1277
+ margin-top: 5px;
1278
+ }
1279
+
1280
+ .v2_content {
1281
+ display: block;
1282
+ margin-left: 9px;
1283
+ margin-top: 10px;
1284
+ width: calc(100% - 10px);
1285
+ }
1286
+
1287
+ .v2_content p {
1288
+ line-height: unset;
1289
+ font-size: 15px;
1290
+ line-height: 25px;
1291
+ }
1292
+ .v2_content p span{
1293
+ display: block
1294
+ }
1295
+ #wd_tenweb_logo_notice {
1296
+ margin-left: 9px;
1297
+ }
1298
+
1299
+ .v2_button {
1300
+ margin-left: 9px;
1301
+ margin-top: 10px;
1302
+ margin-bottom: 5px;
1303
+ }
1304
+ }
1305
+ </style>
1306
+ <div id="v2_tenweb_notice_cont" class="notice wd-notice">
1307
+ <div class="v2_logo">
1308
+ <img id="wd_tenweb_logo_notice" src="<?php echo $url . '/images/instagram_logo.png'; ?>" />
1309
+ </div>
1310
+ <div class="v2_content">
1311
+ <p>
1312
+ <?php echo sprintf(__('%s10Web Instagram Feed advises:%s %sUse Image Optimizer service to optimize your images quickly and easily.%s', $prefix), '<span>','</span>', '<span>','</span>'); ?>
1313
+ </p>
1314
+ </div>
1315
+ <div class="v2_button">
1316
+ <?php WDILibrary::twbb_install_button(2); ?>
1317
+ </div>
1318
+ <button type="button" class="wd_tenweb_notice_dissmiss notice-dismiss" onclick="jQuery('#v2_tenweb_notice_cont').attr('style', 'display: none !important;'); jQuery.post('<?php echo $dismiss_url; ?>');"><span class="screen-reader-text"></span></button>
1319
+ <div id="verifyUrl" data-url="<?php echo $verify_url; ?>"></div>
1320
+ </div>
1321
+ <?php
1322
+
1323
+ echo ob_get_clean();
1324
+ }
1325
+ }
1326
+
1327
+ if ( !function_exists('is_plugin_active') ) {
1328
+ include_once( ABSPATH . 'wp-admin/includes/plugin.php' );
1329
+ }
1330
+
1331
+ if ( !is_plugin_active( '10web-manager/10web-manager.php' ) ) {
1332
+ add_action('admin_notices', 'wdi_tenweb_install_notice');
1333
+ }
1334
+
1335
+ if ( !function_exists('wd_tenwebps_install_notice_status') ) {
1336
+ // Add usermeta to DB.
1337
+ function wd_tenwebps_install_notice_status() {
1338
+ update_option('tenweb_notice_status', '1', 'no');
1339
+ }
1340
+ add_action('wp_ajax_wd_tenweb_dismiss', 'wd_tenwebps_install_notice_status');
1341
+ }
1342
+ // Check status 10web manager install
1343
+ function wdi_check_tenweb_status() {
1344
+ require_once(WDI_DIR . '/framework/WDILibrary.php');
1345
+ $status_install = 0;
1346
+ $status_active = 0;
1347
+ if ( WDILibrary::is_plugin_installed('10web-manager') ) {
1348
+ $status_install = 1;
1349
+ }
1350
+ else {
1351
+ if ( is_plugin_active('10web-manager/10web-manager.php') ) {
1352
+ $status_active = 1;
1353
+ }
1354
+ }
1355
+ if ( WDILibrary::is_plugin_installed('10web-manager') ) {
1356
+ $old_opt_array = array();
1357
+ $new_opt_array = array( 'wd-instagram-feed' => 43 ); // core_id
1358
+ $key = 'tenweb_manager_installed';
1359
+ $option = get_option($key);
1360
+ if ( !empty($option) ) {
1361
+ $old_opt_array = (array) json_decode($option);
1362
+ }
1363
+ $array_installed = array_merge($new_opt_array, $old_opt_array);
1364
+ update_option($key, json_encode($array_installed));
1365
+ }
1366
+ $jsondata = array( 'status_install' => $status_install, 'status_active' => $status_active );
1367
+ echo json_encode($jsondata);
1368
+ exit;
1369
+ }
1370
+ add_action('wp_ajax_wdi_tenweb_status', 'wdi_check_tenweb_status');
wd/.gitignore DELETED
@@ -1,2 +0,0 @@
1
- # Created by .ignore support plugin (hsz.mobi)
2
- .idea/*
 
 
wd/assets/js/subsribe.js CHANGED
@@ -1,37 +1,17 @@
1
- ////////////////////////////////////////////////////////////////////////////////////////
2
- // Events //
3
- ////////////////////////////////////////////////////////////////////////////////////////
4
- ////////////////////////////////////////////////////////////////////////////////////////
5
- // Constants //
6
- ////////////////////////////////////////////////////////////////////////////////////////
7
- ////////////////////////////////////////////////////////////////////////////////////////
8
- // Variables //
9
- ////////////////////////////////////////////////////////////////////////////////////////
10
- ////////////////////////////////////////////////////////////////////////////////////////
11
- // Constructor & Destructor //
12
- ////////////////////////////////////////////////////////////////////////////////////////
13
  jQuery(document).on("ready", function () {
14
- jQuery(".permissions").on("click", function(){
15
- jQuery(this).toggleClass("active") ;
16
- jQuery(".list").slideToggle("fast");
17
- return false;
18
- });
19
-
20
- jQuery(".allow_and_continue").on("click", function(){
21
- jQuery(this).css("opacity", "0.5");
22
- jQuery(".wd_loader").css("display", "inline-block");
23
- });
 
 
 
 
 
24
  });
25
-
26
- ////////////////////////////////////////////////////////////////////////////////////////
27
- // Public Methods //
28
- ////////////////////////////////////////////////////////////////////////////////////////
29
- ////////////////////////////////////////////////////////////////////////////////////////
30
- // Getters & Setters //
31
- ////////////////////////////////////////////////////////////////////////////////////////
32
- ////////////////////////////////////////////////////////////////////////////////////////
33
- // Private Methods //
34
- ////////////////////////////////////////////////////////////////////////////////////////
35
- ////////////////////////////////////////////////////////////////////////////////////////
36
- // Listeners //
37
- ////////////////////////////////////////////////////////////////////////////////////////
 
 
 
 
 
 
 
 
 
 
 
 
1
  jQuery(document).on("ready", function () {
2
+ jQuery(".permissions").on("click", function () {
3
+ jQuery(this).toggleClass("active");
4
+ jQuery(".list").slideToggle("fast");
5
+ return false;
6
+ });
7
+ jQuery(".allow_and_continue, .skip").on("click", function () {
8
+ var url = jQuery(this).attr("href");
9
+ if ( url ) {
10
+ jQuery(".allow_and_continue, .skip").css("opacity", "0.5");
11
+ jQuery(".allow_and_continue, .skip").attr("disabled", "disabled");
12
+ jQuery(".allow_and_continue, .skip").removeAttr("href");
13
+ jQuery(".wd_loader").css("display", "inline-block");
14
+ window.location = url;
15
+ }
16
+ });
17
  });
 
 
 
 
 
 
 
 
 
 
 
 
 
wd/templates/display_overview.php CHANGED
@@ -24,8 +24,8 @@
24
  <div class="plan_features tenweb_clear">
25
  <div class="plan_feature pro_plugins">
26
  <div class="logo"></div>
27
- <h3><?php _e("60+ pro plugins/Add-ons", $wd_options->prefix); ?></h3>
28
- <p><?php _e("Access 60+ plugins and add-ons, including key plugins, such as gallery, form, slider, social plugins and more.", $wd_options->prefix); ?></p>
29
  </div>
30
  <div class="plan_feature dashboard">
31
  <div class="logo"></div>
24
  <div class="plan_features tenweb_clear">
25
  <div class="plan_feature pro_plugins">
26
  <div class="logo"></div>
27
+ <h3><?php _e("60+ pro plugins/Extensions", $wd_options->prefix); ?></h3>
28
+ <p><?php _e("Access 60+ plugins and extensions, including key plugins, such as gallery, form, slider, social plugins and more.", $wd_options->prefix); ?></p>
29
  </div>
30
  <div class="plan_feature dashboard">
31
  <div class="logo"></div>