Meks Smart Social Widget - Version 1.3.5

Version Description

  • Fixed: Icon alignment problems in some old browsers/devices
Download this release

Release Info

Developer mekshq
Plugin Icon 128x128 Meks Smart Social Widget
Version 1.3.5
Comparing to
See all releases

Code changes from version 1.3.3 to 1.3.5

Files changed (5) hide show
  1. css/style.css +2 -1
  2. inc/class-social-widget.php +6 -2
  3. js/main.js +7 -1
  4. meks-smart-social-widget.php +3 -3
  5. readme.txt +20 -12
css/style.css CHANGED
@@ -40,6 +40,7 @@ ul.mks_social_widget_ul li a {
40
  justify-content: center;
41
  align-items: center;
42
  text-decoration: none;
 
43
  }
44
 
45
  ul.mks_social_widget_ul li a span {
@@ -205,7 +206,7 @@ ul.mks_social_widget_ul .tumblr_ico {
205
  }
206
 
207
  ul.mks_social_widget_ul .twitter_ico {
208
- background-color: #48c4d2;
209
  }
210
 
211
  ul.mks_social_widget_ul .vimeo_ico {
40
  justify-content: center;
41
  align-items: center;
42
  text-decoration: none;
43
+ letter-spacing: normal;
44
  }
45
 
46
  ul.mks_social_widget_ul li a span {
206
  }
207
 
208
  ul.mks_social_widget_ul .twitter_ico {
209
+ background-color: #1da1f2;
210
  }
211
 
212
  ul.mks_social_widget_ul .vimeo_ico {
inc/class-social-widget.php CHANGED
@@ -60,12 +60,12 @@ class MKS_Social_Widget extends WP_Widget {
60
 
61
  <?php if(!empty($instance['social'])): ?>
62
  <?php
63
- $size_style = 'style="width: '.esc_attr($instance['size']).'px; height: '.esc_attr($instance['size']).'px; font-size: '.esc_attr($instance['font_size']).'px;"';
64
  $target = 'target="'.esc_attr($instance['target']).'"';
65
  ?>
66
  <ul class="mks_social_widget_ul">
67
  <?php foreach($instance['social'] as $item) : ?>
68
- <li><a href="<?php echo $item['url']; ?>" class="<?php echo esc_attr($item['icon'].'_ico soc_'.$instance['style']); ?>" <?php echo $target; ?> <?php echo $size_style; ?>><span><?php echo $item['icon']; ?></span></a></li>
69
  <?php endforeach; ?>
70
  </ul>
71
  <?php endif; ?>
@@ -184,6 +184,10 @@ class MKS_Social_Widget extends WP_Widget {
184
  <?php }
185
 
186
 
 
 
 
 
187
 
188
  function get_social() {
189
  $social = array(
60
 
61
  <?php if(!empty($instance['social'])): ?>
62
  <?php
63
+ $size_style = 'style="width: '.esc_attr($instance['size']).'px; height: '.esc_attr($instance['size']).'px; font-size: '.esc_attr($instance['font_size']).'px;line-height:'.esc_attr($instance['size']+ceil($instance['font_size']/3.5)).'px;"';
64
  $target = 'target="'.esc_attr($instance['target']).'"';
65
  ?>
66
  <ul class="mks_social_widget_ul">
67
  <?php foreach($instance['social'] as $item) : ?>
68
+ <li><a href="<?php echo $item['url']; ?>" title="<?php echo esc_attr($this->get_social_title($item['icon'])); ?>" class="<?php echo esc_attr($item['icon'].'_ico soc_'.$instance['style']); ?>" <?php echo $target; ?> <?php echo $size_style; ?>><span><?php echo $item['icon']; ?></span></a></li>
69
  <?php endforeach; ?>
70
  </ul>
71
  <?php endif; ?>
184
  <?php }
185
 
186
 
187
+ protected function get_social_title( $social_name ) {
188
+ $items = $this->get_social();
189
+ return $items[$social_name];
190
+ }
191
 
192
  function get_social() {
193
  $social = array(
js/main.js CHANGED
@@ -10,12 +10,18 @@
10
  var cloner = widget_holder.find('.mks_social_clone');
11
 
12
  widget_holder.find('.mks_social_container').append('<li>' + cloner.html() + '</li>');
13
-
 
14
  });
15
 
16
  $("body").on("click", ".mks-remove-social", function(e) {
17
  var delete_item = confirm('Are you sure you want to delete this icon?');
18
  delete_item ? $(this).closest('li').remove() : '';
 
 
 
 
 
19
  });
20
 
21
  /* Init sortable */
10
  var cloner = widget_holder.find('.mks_social_clone');
11
 
12
  widget_holder.find('.mks_social_container').append('<li>' + cloner.html() + '</li>');
13
+
14
+ $(this).trigger('change');
15
  });
16
 
17
  $("body").on("click", ".mks-remove-social", function(e) {
18
  var delete_item = confirm('Are you sure you want to delete this icon?');
19
  delete_item ? $(this).closest('li').remove() : '';
20
+ $('.mks-social-sortable').trigger('change');
21
+ });
22
+
23
+ $("body").on("mousedown", ".mks-social-sortable li", function(e) {
24
+ $('.mks-social-sortable').trigger('change');
25
  });
26
 
27
  /* Init sortable */
meks-smart-social-widget.php CHANGED
@@ -1,12 +1,12 @@
1
  <?php
2
  /*
3
  Plugin Name: Meks Smart Social Widget
4
- Plugin URI: http://mekshq.com
5
  Description: Easily display more than 100 social icons inside WordPress widget. Choose from different icon shapes and sizes and quickly connect your website with your social profiles. Aim, Apple, Behance, Blogger, Cargo,
6
  Delicious, DeviantArt, Digg, Dribbble, Envato, Evernote, Facebook, Flickr, Forrst, Github, Google, GooglePlus, GrooveShark, Icloud, Instagram, LastFM, LinkedIN, MySpace, Picasa,
7
  Pinterest, ReddIt, Rss, Skype, Spotify, StumbleUpon, Tumblr, Twitter, Vimeo, Vine, WordPress, Xing, Youtube, Zerply, 500px...
8
  Author: Meks
9
- Version: 1.3.3
10
  Author URI: http://mekshq.com
11
  Text Domain: meks-smart-social-widget
12
  Domain Path: /languages
@@ -32,7 +32,7 @@ Domain Path: /languages
32
 
33
  define ('MKS_SOCIAL_WIDGET_URL', trailingslashit(plugin_dir_url(__FILE__)));
34
  define ('MKS_SOCIAL_WIDGET_DIR', trailingslashit(plugin_dir_path(__FILE__)));
35
- define ('MKS_SOCIAL_WIDGET_VER', '1.3.3');
36
 
37
  /* Initialize Widget */
38
  if(!function_exists('mks_social_widget_init')):
1
  <?php
2
  /*
3
  Plugin Name: Meks Smart Social Widget
4
+ Plugin URI: https://mekshq.com
5
  Description: Easily display more than 100 social icons inside WordPress widget. Choose from different icon shapes and sizes and quickly connect your website with your social profiles. Aim, Apple, Behance, Blogger, Cargo,
6
  Delicious, DeviantArt, Digg, Dribbble, Envato, Evernote, Facebook, Flickr, Forrst, Github, Google, GooglePlus, GrooveShark, Icloud, Instagram, LastFM, LinkedIN, MySpace, Picasa,
7
  Pinterest, ReddIt, Rss, Skype, Spotify, StumbleUpon, Tumblr, Twitter, Vimeo, Vine, WordPress, Xing, Youtube, Zerply, 500px...
8
  Author: Meks
9
+ Version: 1.3.5
10
  Author URI: http://mekshq.com
11
  Text Domain: meks-smart-social-widget
12
  Domain Path: /languages
32
 
33
  define ('MKS_SOCIAL_WIDGET_URL', trailingslashit(plugin_dir_url(__FILE__)));
34
  define ('MKS_SOCIAL_WIDGET_DIR', trailingslashit(plugin_dir_path(__FILE__)));
35
+ define ('MKS_SOCIAL_WIDGET_VER', '1.3.5');
36
 
37
  /* Initialize Widget */
38
  if(!function_exists('mks_social_widget_init')):
readme.txt CHANGED
@@ -1,10 +1,10 @@
1
  === Meks Smart Social Widget ===
2
  Contributors: mekshq
3
- Donate link: http://mekshq.com/
4
  Tags: social, icons, widget, linkedin, reddit, vimeo, dribble, instagram, pinterest
5
  Requires at least: 3.0
6
- Tested up to: 4.8
7
- Stable tag: 1.3.3
8
  License: GPLv3
9
  License URI: http://www.gnu.org/licenses/gpl.html
10
 
@@ -12,22 +12,21 @@ Easily display more than 100 social icons inside your WordPress widget.
12
 
13
  == Description ==
14
 
15
- Choose from different icon shapes and sizes and quickly connect your website with your social profiles. There are 40 social icons provided: Aim, Apple, Behance, Blogger, Cargo,
16
- Delicious, DeviantArt, Digg, Dribbble, Envato, Evernote, Facebook, Flickr, Forrst, Github, Google, GooglePlus, GrooveShark, iCloud, Instagram, LastFM, LinkedIN, MySpace, Picasa,
17
- Pinterest, ReddIt, Rss, Skype, Soundcloud, Spotify, StumbleUpon, Tumblr, Twitter, Vimeo, Vine, WordPress, Xing, Youtube, Zerply, 500px, vKontakte, Sina Weibo, Tencent Weibo, Me2Day, Twitch...
18
 
19
- ### Features
20
 
21
  * Choose from more than 100 social icons
22
  * Choose from 3 different icon shapes (square, circle or rounded corners)
23
  * Define custom size for your icons
24
 
25
- Smart Social Widget plugin is created by <a href="http://mekshq.com" target="_blank">Meks</a>
26
 
27
- ><strong>Live preview?</strong><br>
28
- >You can see Smart Social Widget live example on our <a href="http://mekshq.com/demo/voice" target="_blank">Voice theme demo website</a>
29
 
30
- Social icons font is made by <a href="http://www.socicon.com" target="_blank" alt="Free social icons font" title="the social icons font">socicon</a>.
 
 
31
 
32
  == Installation ==
33
 
@@ -37,7 +36,7 @@ Social icons font is made by <a href="http://www.socicon.com" target="_blank" al
37
 
38
  == Frequently Asked Questions ==
39
 
40
- For any questions, error reports and suggestions please email support@mekshq.com or visit http://mekshq.com
41
 
42
  == Screenshots ==
43
 
@@ -48,6 +47,15 @@ For any questions, error reports and suggestions please email support@mekshq.com
48
 
49
  == Changelog ==
50
 
 
 
 
 
 
 
 
 
 
51
  = 1.3.3 =
52
 
53
  * Fixed: JavaScript error breaking several functionalities in admin panel in specific cases
1
  === Meks Smart Social Widget ===
2
  Contributors: mekshq
3
+ Donate link: https://mekshq.com/
4
  Tags: social, icons, widget, linkedin, reddit, vimeo, dribble, instagram, pinterest
5
  Requires at least: 3.0
6
+ Tested up to: 5.1
7
+ Stable tag: 1.3.5
8
  License: GPLv3
9
  License URI: http://www.gnu.org/licenses/gpl.html
10
 
12
 
13
  == Description ==
14
 
15
+ Choose from different icon shapes and sizes and quickly connect your website with your social profiles. There aare more than 100 social icons provided: Aim, Apple, Behance, Blogger, Cargo, Delicious, DeviantArt, Digg, Dribbble, Envato, Evernote, Facebook, Flickr,Forrst, Github, Google, GooglePlus, GrooveShark, iCloud, Instagram, LastFM, LinkedIN, MySpace, Picasa, Pinterest, ReddIt, Rss, Skype, Soundcloud, Spotify, StumbleUpon, Tumblr, Twitter, Vimeo, Vine, WordPress, Xing, Youtube, Zerply, 500px, vKontakte, Sina Weibo, Tencent Weibo, Me2Day, Twitch...
 
 
16
 
17
+ == Features ==
18
 
19
  * Choose from more than 100 social icons
20
  * Choose from 3 different icon shapes (square, circle or rounded corners)
21
  * Define custom size for your icons
22
 
23
+ Smart Social Widget plugin is created by [Meks](https://mekshq.com)
24
 
25
+ == Live example? ==
 
26
 
27
+ You can see Meks Easy Ads Widget live example on our [Gridlove theme demo website](https://mekshq.com/demo/gridlove)
28
+
29
+ Social icons font is made by [socicon](http://www.socicon.com)
30
 
31
  == Installation ==
32
 
36
 
37
  == Frequently Asked Questions ==
38
 
39
+ For any questions, error reports and suggestions please visit https://mekshq.com
40
 
41
  == Screenshots ==
42
 
47
 
48
  == Changelog ==
49
 
50
+ = 1.3.5 =
51
+
52
+ * Fixed: Icon alignment problems in some old browsers/devices
53
+
54
+ = 1.3.4 =
55
+
56
+ * Improved: Social links now display social network titles on link hover
57
+ * Tested with WP 4.9
58
+
59
  = 1.3.3 =
60
 
61
  * Fixed: JavaScript error breaking several functionalities in admin panel in specific cases