Ocean Social Sharing - Version 1.0.14

Version Description

  • Added: WhatsApp button.
Download this release

Release Info

Developer oceanwp
Plugin Icon 128x128 Ocean Social Sharing
Version 1.0.14
Comparing to
See all releases

Code changes from version 1.0.13 to 1.0.14

Files changed (9) hide show
  1. assets/css/style.css +12 -0
  2. assets/css/style.min.css +1 -1
  3. assets/css/style.scss +17 -0
  4. assets/js/social.js +0 -2
  5. assets/js/social.min.js +1 -1
  6. includes/helpers.php +1 -0
  7. ocean-social-sharing.php +7 -4
  8. readme.txt +5 -2
  9. template/social-share.php +35 -3
assets/css/style.css CHANGED
@@ -110,6 +110,12 @@
110
  .entry-share.minimal ul li.viadeo a:hover .oss-icon {
111
  fill: #ff7452; }
112
 
 
 
 
 
 
 
113
  .entry-share.colored ul li a {
114
  color: #fff; }
115
  .entry-share.colored ul li a:hover {
@@ -149,6 +155,9 @@
149
  .entry-share.colored ul li.viadeo a {
150
  background-color: #ff7452; }
151
 
 
 
 
152
  .entry-share.dark ul li a {
153
  background-color: #222;
154
  color: #fff; }
@@ -268,6 +277,9 @@
268
  .entry-share.has-name.minimal li.viadeo a:hover .oss-icon-wrap {
269
  background-color: #ff7452; }
270
 
 
 
 
271
  .entry-share.no-heading ul {
272
  float: none; }
273
 
110
  .entry-share.minimal ul li.viadeo a:hover .oss-icon {
111
  fill: #ff7452; }
112
 
113
+ .entry-share.minimal ul li.whatsapp a:hover {
114
+ color: #00e676;
115
+ border-color: #00e676; }
116
+ .entry-share.minimal ul li.whatsapp a:hover .oss-icon {
117
+ fill: #00e676; }
118
+
119
  .entry-share.colored ul li a {
120
  color: #fff; }
121
  .entry-share.colored ul li a:hover {
155
  .entry-share.colored ul li.viadeo a {
156
  background-color: #ff7452; }
157
 
158
+ .entry-share.colored ul li.whatsapp a {
159
+ background-color: #00e676; }
160
+
161
  .entry-share.dark ul li a {
162
  background-color: #222;
163
  color: #fff; }
277
  .entry-share.has-name.minimal li.viadeo a:hover .oss-icon-wrap {
278
  background-color: #ff7452; }
279
 
280
+ .entry-share.has-name.minimal li.whatsapp a:hover .oss-icon-wrap {
281
+ background-color: #00e676; }
282
+
283
  .entry-share.no-heading ul {
284
  float: none; }
285
 
assets/css/style.min.css CHANGED
@@ -1 +1 @@
1
- .entry-share ul{margin:0;padding:0;list-style:none}.entry-share ul li{margin-right:8px}.entry-share ul li:last-child{margin-right:0}.entry-share ul li a{display:-webkit-inline-flex;display:-ms-inline-flex;display:inline-flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;width:40px;height:40px;line-height:1;border-radius:30px;overflow:hidden}.entry-share ul li a .oss-icon{fill:#fff;width:16px;height:16px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.entry-share.side ul{float:right}.entry-share.side ul li{float:left}.entry-share.top ul{text-align:center}.entry-share.top ul li{display:inline-block}.entry-share.minimal ul li a{border:1px solid #e9e9e9}.entry-share.minimal ul li a .oss-icon{fill:#bbb}.entry-share.minimal ul li.twitter a:hover{color:#00aced;border-color:#00aced}.entry-share.minimal ul li.twitter a:hover .oss-icon{fill:#00aced}.entry-share.minimal ul li.facebook a:hover{color:#3b5998;border-color:#3b5998}.entry-share.minimal ul li.facebook a:hover .oss-icon{fill:#3b5998}.entry-share.minimal ul li.googleplus a:hover{color:#dd4b39;border-color:#dd4b39}.entry-share.minimal ul li.googleplus a:hover .oss-icon{fill:#dd4b39}.entry-share.minimal ul li.linkedin a:hover{color:#3399CC;border-color:#3399CC}.entry-share.minimal ul li.linkedin a:hover .oss-icon{fill:#3399CC}.entry-share.minimal ul li.pinterest a:hover{color:#cb2027;border-color:#cb2027}.entry-share.minimal ul li.pinterest a:hover .oss-icon{fill:#cb2027}.entry-share.minimal ul li.viber a:hover{color:#9d62cc;border-color:#9d62cc}.entry-share.minimal ul li.viber a:hover .oss-icon{fill:#9d62cc}.entry-share.minimal ul li.vk a:hover{color:#3673be;border-color:#3673be}.entry-share.minimal ul li.vk a:hover .oss-icon{fill:#3673be}.entry-share.minimal ul li.reddit a:hover{color:#ff5c1f;border-color:#ff5c1f}.entry-share.minimal ul li.reddit a:hover .oss-icon{fill:#ff5c1f}.entry-share.minimal ul li.tumblr a:hover{color:#35465c;border-color:#35465c}.entry-share.minimal ul li.tumblr a:hover .oss-icon{fill:#35465c}.entry-share.minimal ul li.viadeo a:hover{color:#ff7452;border-color:#ff7452}.entry-share.minimal ul li.viadeo a:hover .oss-icon{fill:#ff7452}.entry-share.colored ul li a{color:#fff}.entry-share.colored ul li a:hover{-moz-opacity:.8;-webkit-opacity:.8;opacity:.8}.entry-share.colored ul li a .oss-icon{fill:#fff}.entry-share.colored ul li.twitter a{background-color:#00aced}.entry-share.colored ul li.facebook a{background-color:#3b5998}.entry-share.colored ul li.googleplus a{background-color:#dd4b39}.entry-share.colored ul li.linkedin a{background-color:#3399CC}.entry-share.colored ul li.pinterest a{background-color:#cb2027}.entry-share.colored ul li.viber a{background-color:#9d62cc}.entry-share.colored ul li.vk a{background-color:#3673be}.entry-share.colored ul li.reddit a{background-color:#ff5c1f}.entry-share.colored ul li.tumblr a{background-color:#35465c}.entry-share.colored ul li.viadeo a{background-color:#ff7452}.entry-share.dark ul li a{background-color:#222;color:#fff}.entry-share.dark ul li a:hover{-moz-opacity:.8;-webkit-opacity:.8;opacity:.8}.entry-share.dark ul li a .oss-icon{fill:#fff}.entry-share.dark.has-name .oss-icon-wrap{background-color:rgba(255,255,255,0.08)}.entry-share .theme-heading{margin:0;padding:0}.entry-share .theme-heading .text:before,.entry-share .theme-heading .text:after{display:none !important}.entry-share.side .theme-heading{float:left;line-height:40px}.entry-share.top .theme-heading{display:block;margin-bottom:10px;line-height:1.6;text-align:center}.entry-share.has-name.side .theme-heading{margin:6px 0}.entry-share.has-name ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:space-between;justify-content:space-between}.entry-share.has-name ul li{margin:6px;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.entry-share.has-name ul li a{min-width:144px;width:100%}.entry-share.has-name .oss-icon-wrap{display:block;position:absolute;top:0;bottom:0;left:0;display:-webkit-inline-flex;display:-ms-inline-flex;display:inline-flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,0,0,0.08);padding:0 12px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.entry-share.has-name .oss-name{display:block;width:100%;padding:0 10px 0 50px;font-size:15px;font-weight:500;text-align:center}.entry-share.has-name.minimal li a:hover .oss-icon{fill:#fff !important}.entry-share.has-name.minimal li.twitter a:hover .oss-icon-wrap{background-color:#00aced}.entry-share.has-name.minimal li.facebook a:hover .oss-icon-wrap{background-color:#3b5998}.entry-share.has-name.minimal li.googleplus a:hover .oss-icon-wrap{background-color:#dd4b39}.entry-share.has-name.minimal li.linkedin a:hover .oss-icon-wrap{background-color:#3399CC}.entry-share.has-name.minimal li.pinterest a:hover .oss-icon-wrap{background-color:#cb2027}.entry-share.has-name.minimal li.viber a:hover .oss-icon-wrap{background-color:#9d62cc}.entry-share.has-name.minimal li.vk a:hover .oss-icon-wrap{background-color:#3673be}.entry-share.has-name.minimal li.reddit a:hover .oss-icon-wrap{background-color:#ff5c1f}.entry-share.has-name.minimal li.tumblr a:hover .oss-icon-wrap{background-color:#35465c}.entry-share.has-name.minimal li.viadeo a:hover .oss-icon-wrap{background-color:#ff7452}.entry-share.no-heading ul{float:none}.entry-share .oss-name{display:none}.single .entry-share{margin-top:30px;padding-top:30px;border-top:1px solid #f1f1f1}.single .entry-share-wrap .entry-share{margin-top:0;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #f1f1f1}@media only screen and (max-width: 480px){.entry-share.side .theme-heading{float:none;margin:0 0 20px;line-height:1;text-align:center}.entry-share.side ul{float:none;text-align:center}.entry-share.side ul li{float:none;display:inline-block}}
1
+ .entry-share ul{margin:0;padding:0;list-style:none}.entry-share ul li{margin-right:8px}.entry-share ul li:last-child{margin-right:0}.entry-share ul li a{display:-webkit-inline-flex;display:-ms-inline-flex;display:inline-flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;width:40px;height:40px;line-height:1;border-radius:30px;overflow:hidden}.entry-share ul li a .oss-icon{fill:#fff;width:16px;height:16px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.entry-share.side ul{float:right}.entry-share.side ul li{float:left}.entry-share.top ul{text-align:center}.entry-share.top ul li{display:inline-block}.entry-share.minimal ul li a{border:1px solid #e9e9e9}.entry-share.minimal ul li a .oss-icon{fill:#bbb}.entry-share.minimal ul li.twitter a:hover{color:#00aced;border-color:#00aced}.entry-share.minimal ul li.twitter a:hover .oss-icon{fill:#00aced}.entry-share.minimal ul li.facebook a:hover{color:#3b5998;border-color:#3b5998}.entry-share.minimal ul li.facebook a:hover .oss-icon{fill:#3b5998}.entry-share.minimal ul li.googleplus a:hover{color:#dd4b39;border-color:#dd4b39}.entry-share.minimal ul li.googleplus a:hover .oss-icon{fill:#dd4b39}.entry-share.minimal ul li.linkedin a:hover{color:#3399CC;border-color:#3399CC}.entry-share.minimal ul li.linkedin a:hover .oss-icon{fill:#3399CC}.entry-share.minimal ul li.pinterest a:hover{color:#cb2027;border-color:#cb2027}.entry-share.minimal ul li.pinterest a:hover .oss-icon{fill:#cb2027}.entry-share.minimal ul li.viber a:hover{color:#9d62cc;border-color:#9d62cc}.entry-share.minimal ul li.viber a:hover .oss-icon{fill:#9d62cc}.entry-share.minimal ul li.vk a:hover{color:#3673be;border-color:#3673be}.entry-share.minimal ul li.vk a:hover .oss-icon{fill:#3673be}.entry-share.minimal ul li.reddit a:hover{color:#ff5c1f;border-color:#ff5c1f}.entry-share.minimal ul li.reddit a:hover .oss-icon{fill:#ff5c1f}.entry-share.minimal ul li.tumblr a:hover{color:#35465c;border-color:#35465c}.entry-share.minimal ul li.tumblr a:hover .oss-icon{fill:#35465c}.entry-share.minimal ul li.viadeo a:hover{color:#ff7452;border-color:#ff7452}.entry-share.minimal ul li.viadeo a:hover .oss-icon{fill:#ff7452}.entry-share.minimal ul li.whatsapp a:hover{color:#00e676;border-color:#00e676}.entry-share.minimal ul li.whatsapp a:hover .oss-icon{fill:#00e676}.entry-share.colored ul li a{color:#fff}.entry-share.colored ul li a:hover{-moz-opacity:.8;-webkit-opacity:.8;opacity:.8}.entry-share.colored ul li a .oss-icon{fill:#fff}.entry-share.colored ul li.twitter a{background-color:#00aced}.entry-share.colored ul li.facebook a{background-color:#3b5998}.entry-share.colored ul li.googleplus a{background-color:#dd4b39}.entry-share.colored ul li.linkedin a{background-color:#3399CC}.entry-share.colored ul li.pinterest a{background-color:#cb2027}.entry-share.colored ul li.viber a{background-color:#9d62cc}.entry-share.colored ul li.vk a{background-color:#3673be}.entry-share.colored ul li.reddit a{background-color:#ff5c1f}.entry-share.colored ul li.tumblr a{background-color:#35465c}.entry-share.colored ul li.viadeo a{background-color:#ff7452}.entry-share.colored ul li.whatsapp a{background-color:#00e676}.entry-share.dark ul li a{background-color:#222;color:#fff}.entry-share.dark ul li a:hover{-moz-opacity:.8;-webkit-opacity:.8;opacity:.8}.entry-share.dark ul li a .oss-icon{fill:#fff}.entry-share.dark.has-name .oss-icon-wrap{background-color:rgba(255,255,255,0.08)}.entry-share .theme-heading{margin:0;padding:0}.entry-share .theme-heading .text:before,.entry-share .theme-heading .text:after{display:none !important}.entry-share.side .theme-heading{float:left;line-height:40px}.entry-share.top .theme-heading{display:block;margin-bottom:10px;line-height:1.6;text-align:center}.entry-share.has-name.side .theme-heading{margin:6px 0}.entry-share.has-name ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:space-between;justify-content:space-between}.entry-share.has-name ul li{margin:6px;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.entry-share.has-name ul li a{min-width:144px;width:100%}.entry-share.has-name .oss-icon-wrap{display:block;position:absolute;top:0;bottom:0;left:0;display:-webkit-inline-flex;display:-ms-inline-flex;display:inline-flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,0,0,0.08);padding:0 12px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.entry-share.has-name .oss-name{display:block;width:100%;padding:0 10px 0 50px;font-size:15px;font-weight:500;text-align:center}.entry-share.has-name.minimal li a:hover .oss-icon{fill:#fff !important}.entry-share.has-name.minimal li.twitter a:hover .oss-icon-wrap{background-color:#00aced}.entry-share.has-name.minimal li.facebook a:hover .oss-icon-wrap{background-color:#3b5998}.entry-share.has-name.minimal li.googleplus a:hover .oss-icon-wrap{background-color:#dd4b39}.entry-share.has-name.minimal li.linkedin a:hover .oss-icon-wrap{background-color:#3399CC}.entry-share.has-name.minimal li.pinterest a:hover .oss-icon-wrap{background-color:#cb2027}.entry-share.has-name.minimal li.viber a:hover .oss-icon-wrap{background-color:#9d62cc}.entry-share.has-name.minimal li.vk a:hover .oss-icon-wrap{background-color:#3673be}.entry-share.has-name.minimal li.reddit a:hover .oss-icon-wrap{background-color:#ff5c1f}.entry-share.has-name.minimal li.tumblr a:hover .oss-icon-wrap{background-color:#35465c}.entry-share.has-name.minimal li.viadeo a:hover .oss-icon-wrap{background-color:#ff7452}.entry-share.has-name.minimal li.whatsapp a:hover .oss-icon-wrap{background-color:#00e676}.entry-share.no-heading ul{float:none}.entry-share .oss-name{display:none}.single .entry-share{margin-top:30px;padding-top:30px;border-top:1px solid #f1f1f1}.single .entry-share-wrap .entry-share{margin-top:0;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #f1f1f1}@media only screen and (max-width: 480px){.entry-share.side .theme-heading{float:none;margin:0 0 20px;line-height:1;text-align:center}.entry-share.side ul{float:none;text-align:center}.entry-share.side ul li{float:none;display:inline-block}}
assets/css/style.scss CHANGED
@@ -204,6 +204,15 @@
204
  fill: #ff7452;
205
  }
206
  }
 
 
 
 
 
 
 
 
 
207
  }
208
  }
209
 
@@ -261,6 +270,10 @@
261
  &.viadeo a {
262
  background-color: #ff7452;
263
  }
 
 
 
 
264
  }
265
  }
266
 
@@ -404,6 +417,10 @@
404
  &.viadeo a:hover .oss-icon-wrap {
405
  background-color: #ff7452;
406
  }
 
 
 
 
407
  }
408
  }
409
 
204
  fill: #ff7452;
205
  }
206
  }
207
+
208
+ &.whatsapp a:hover {
209
+ color: #00e676;
210
+ border-color: #00e676;
211
+
212
+ .oss-icon {
213
+ fill: #00e676;
214
+ }
215
+ }
216
  }
217
  }
218
 
270
  &.viadeo a {
271
  background-color: #ff7452;
272
  }
273
+
274
+ &.whatsapp a {
275
+ background-color: #00e676;
276
+ }
277
  }
278
  }
279
 
417
  &.viadeo a:hover .oss-icon-wrap {
418
  background-color: #ff7452;
419
  }
420
+
421
+ &.whatsapp a:hover .oss-icon-wrap {
422
+ background-color: #00e676;
423
+ }
424
  }
425
  }
426
 
assets/js/social.js CHANGED
@@ -1,5 +1,3 @@
1
- var $j = jQuery.noConflict();
2
-
3
  /* ==============================================
4
  ON CLICK
5
  ============================================== */
 
 
1
  /* ==============================================
2
  ON CLICK
3
  ============================================== */
assets/js/social.min.js CHANGED
@@ -1 +1 @@
1
- function oss_onClick(a){var b="640",c="480",d=screen.height/2-c/2,e=screen.width/2-b/2,f="toolbar=0,status=0,width="+b+",height="+c+",top="+d+",left="+e;open(a,"",f)}var $j=jQuery.noConflict();
1
+ function oss_onClick(a){var b="640",c="480",d=screen.height/2-c/2,e=screen.width/2-b/2,f="toolbar=0,status=0,width="+b+",height="+c+",top="+d+",left="+e;open(a,"",f)}
includes/helpers.php CHANGED
@@ -24,6 +24,7 @@ if ( ! function_exists( 'oss_social_share_sites' ) ) {
24
  'reddit',
25
  'tumblr',
26
  'viadeo',
 
27
  );
28
 
29
  // Get socials from Customizer
24
  'reddit',
25
  'tumblr',
26
  'viadeo',
27
+ 'whatsapp',
28
  );
29
 
30
  // Get socials from Customizer
ocean-social-sharing.php CHANGED
@@ -3,11 +3,11 @@
3
  * Plugin Name: Ocean Social Sharing
4
  * Plugin URI: https://oceanwp.org/extension/ocean-social-sharing/
5
  * Description: A simple plugin to add social share buttons to your posts.
6
- * Version: 1.0.13
7
  * Author: OceanWP
8
  * Author URI: https://oceanwp.org/
9
  * Requires at least: 4.5.0
10
- * Tested up to: 4.9.7
11
  *
12
  * Text Domain: ocean-social-sharing
13
  * Domain Path: /languages/
@@ -86,7 +86,7 @@ final class Ocean_Social_Sharing {
86
  $this->token = 'ocean-social-sharing';
87
  $this->plugin_url = plugin_dir_url( __FILE__ );
88
  $this->plugin_path = plugin_dir_path( __FILE__ );
89
- $this->version = '1.0.13';
90
 
91
  register_activation_hook( __FILE__, array( $this, 'install' ) );
92
 
@@ -223,6 +223,7 @@ final class Ocean_Social_Sharing {
223
  'reddit',
224
  'tumblr',
225
  'viadeo',
 
226
  ),
227
  'sanitize_callback' => 'oceanwp_sanitize_multi_choices',
228
  ) );
@@ -243,6 +244,7 @@ final class Ocean_Social_Sharing {
243
  'reddit' => 'Reddit',
244
  'tumblr' => 'Tumblr',
245
  'viadeo' => 'Viadeo',
 
246
  ),
247
  ) ) );
248
 
@@ -264,6 +266,7 @@ final class Ocean_Social_Sharing {
264
  'before' => esc_html__( 'Before the Content', 'ocean-social-sharing' ),
265
  'after' => esc_html__( 'After the Content', 'ocean-social-sharing' ),
266
  'both' => esc_html__( 'Before & After the Content', 'ocean-social-sharing' ),
 
267
  ),
268
  ) ) );
269
 
@@ -490,7 +493,7 @@ final class Ocean_Social_Sharing {
490
  */
491
  public function after_content() {
492
 
493
- // Return if after content
494
  if ( 'before' == get_theme_mod( 'oss_social_share_position', 'after' ) ) {
495
  return;
496
  }
3
  * Plugin Name: Ocean Social Sharing
4
  * Plugin URI: https://oceanwp.org/extension/ocean-social-sharing/
5
  * Description: A simple plugin to add social share buttons to your posts.
6
+ * Version: 1.0.14
7
  * Author: OceanWP
8
  * Author URI: https://oceanwp.org/
9
  * Requires at least: 4.5.0
10
+ * Tested up to: 5.0
11
  *
12
  * Text Domain: ocean-social-sharing
13
  * Domain Path: /languages/
86
  $this->token = 'ocean-social-sharing';
87
  $this->plugin_url = plugin_dir_url( __FILE__ );
88
  $this->plugin_path = plugin_dir_path( __FILE__ );
89
+ $this->version = '1.0.14';
90
 
91
  register_activation_hook( __FILE__, array( $this, 'install' ) );
92
 
223
  'reddit',
224
  'tumblr',
225
  'viadeo',
226
+ 'whatsapp',
227
  ),
228
  'sanitize_callback' => 'oceanwp_sanitize_multi_choices',
229
  ) );
244
  'reddit' => 'Reddit',
245
  'tumblr' => 'Tumblr',
246
  'viadeo' => 'Viadeo',
247
+ 'whatsapp' => 'WhatsApp',
248
  ),
249
  ) ) );
250
 
266
  'before' => esc_html__( 'Before the Content', 'ocean-social-sharing' ),
267
  'after' => esc_html__( 'After the Content', 'ocean-social-sharing' ),
268
  'both' => esc_html__( 'Before & After the Content', 'ocean-social-sharing' ),
269
+ 'none' => esc_html__( 'No Buttons in the Content', 'ocean-social-sharing' ),
270
  ),
271
  ) ) );
272
 
493
  */
494
  public function after_content() {
495
 
496
+ // Return if before content
497
  if ( 'before' == get_theme_mod( 'oss_social_share_position', 'after' ) ) {
498
  return;
499
  }
readme.txt CHANGED
@@ -2,8 +2,8 @@
2
  Contributors: oceanwp
3
  Tags: social, social sharing, social share, share, oceanwp
4
  Requires at least: 4.5
5
- Tested up to: 4.9.7
6
- Stable tag: 1.0.13
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -48,6 +48,9 @@ This plugin will only work with the [OceanWP](https://oceanwp.org/) theme.
48
 
49
  == Changelog ==
50
 
 
 
 
51
  = 1.0.13 =
52
  - Fixed: W3C HTML Validation.
53
  - Fixed: RTL issue.
2
  Contributors: oceanwp
3
  Tags: social, social sharing, social share, share, oceanwp
4
  Requires at least: 4.5
5
+ Tested up to: 5.0
6
+ Stable tag: 1.0.14
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
48
 
49
  == Changelog ==
50
 
51
+ = 1.0.14 =
52
+ - Added: WhatsApp button.
53
+
54
  = 1.0.13 =
55
  - Fixed: W3C HTML Validation.
56
  - Fixed: RTL issue.
template/social-share.php CHANGED
@@ -96,7 +96,7 @@ $classes = implode( ' ', $classes ); ?>
96
  $handle = str_replace( '@' , '' , trim( $handle ) ); ?>
97
 
98
  <li class="twitter">
99
- <a href="https://twitter.com/share?text=<?php echo wp_strip_all_tags( $title ); ?>&amp;url=<?php echo rawurlencode( esc_url( $url ) ); ?><?php if ( $handle ) echo '&amp;via='. esc_attr( $handle ); ?>" title="<?php esc_html_e( 'Share on Twitter', 'ocean-social-sharing' ); ?>" onclick="oss_onClick( this.href );return false;">
100
  <span class="oss-icon-wrap">
101
  <svg class="oss-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
102
  <path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/>
@@ -196,7 +196,7 @@ $classes = implode( ' ', $classes ); ?>
196
  if ( 'linkedin' == $site ) { ?>
197
 
198
  <li class="linkedin">
199
- <a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=<?php echo rawurlencode( esc_url( $url ) ); ?>&amp;title=<?php echo wp_strip_all_tags( $title ); ?>&amp;summary=<?php echo urlencode( wp_trim_words( strip_shortcodes( get_the_content( $post_id ) ), 40 ) ); ?>&amp;source=<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php esc_html_e( 'Share on LinkedIn', 'ocean-social-sharing' ); ?>" onclick="oss_onClick( this.href );return false;">
200
  <span class="oss-icon-wrap">
201
  <svg class="oss-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
202
  <path d="M6.52,22h-4.13V8.667h4.13V22z M4.436,6.92
@@ -286,7 +286,7 @@ $classes = implode( ' ', $classes ); ?>
286
  if ( 'reddit' == $site ) { ?>
287
 
288
  <li class="reddit">
289
- <a href="https://www.reddit.com/submit?url=<?php echo rawurlencode( esc_url( $url ) ); ?>&amp;title=<?php echo wp_strip_all_tags( $title ); ?>" title="<?php esc_html_e( 'Share on Reddit', 'ocean-social-sharing' ); ?>" onclick="oss_onClick( this.href );return false;">
290
  <span class="oss-icon-wrap">
291
  <svg class="oss-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
292
  <path d="M23.999,11.786c0-1.576-1.294-2.858-2.885-2.858c-0.689,0-1.321,0.241-1.817,0.641
@@ -375,6 +375,38 @@ $classes = implode( ' ', $classes ); ?>
375
  </a>
376
  </li>
377
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
378
  <?php } ?>
379
 
380
  <?php endforeach; ?>
96
  $handle = str_replace( '@' , '' , trim( $handle ) ); ?>
97
 
98
  <li class="twitter">
99
+ <a href="https://twitter.com/share?text=<?php echo wp_strip_all_tags( rawurlencode( $title ) ); ?>&amp;url=<?php echo rawurlencode( esc_url( $url ) ); ?><?php if ( $handle ) echo '&amp;via='. esc_attr( $handle ); ?>" title="<?php esc_html_e( 'Share on Twitter', 'ocean-social-sharing' ); ?>" onclick="oss_onClick( this.href );return false;">
100
  <span class="oss-icon-wrap">
101
  <svg class="oss-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
102
  <path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/>
196
  if ( 'linkedin' == $site ) { ?>
197
 
198
  <li class="linkedin">
199
+ <a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=<?php echo rawurlencode( esc_url( $url ) ); ?>&amp;title=<?php echo wp_strip_all_tags( rawurlencode( $title ) ); ?>&amp;summary=<?php echo urlencode( wp_trim_words( strip_shortcodes( get_the_content( $post_id ) ), 40 ) ); ?>&amp;source=<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php esc_html_e( 'Share on LinkedIn', 'ocean-social-sharing' ); ?>" onclick="oss_onClick( this.href );return false;">
200
  <span class="oss-icon-wrap">
201
  <svg class="oss-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
202
  <path d="M6.52,22h-4.13V8.667h4.13V22z M4.436,6.92
286
  if ( 'reddit' == $site ) { ?>
287
 
288
  <li class="reddit">
289
+ <a href="https://www.reddit.com/submit?url=<?php echo rawurlencode( esc_url( $url ) ); ?>&amp;title=<?php echo wp_strip_all_tags( rawurlencode( $title ) ); ?>" title="<?php esc_html_e( 'Share on Reddit', 'ocean-social-sharing' ); ?>" onclick="oss_onClick( this.href );return false;">
290
  <span class="oss-icon-wrap">
291
  <svg class="oss-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
292
  <path d="M23.999,11.786c0-1.576-1.294-2.858-2.885-2.858c-0.689,0-1.321,0.241-1.817,0.641
375
  </a>
376
  </li>
377
 
378
+ <?php }
379
+
380
+ // WhatsApp
381
+ if ( 'whatsapp' == $site ) { ?>
382
+
383
+ <li class="whatsapp">
384
+ <a href="whatsapp://send?text=<?php echo rawurlencode( esc_url( $url ) ); ?>" title="<?php esc_html_e( 'Share on WhatsApp', 'ocean-social-sharing' ); ?>" onclick="oss_onClick( this.href );return false;" data-action="share/whatsapp/share">
385
+ <span class="oss-icon-wrap">
386
+ <svg class="oss-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90">
387
+ <path id="WhatsApp" d="M90,43.841c0,24.213-19.779,43.841-44.182,43.841c-7.747,0-15.025-1.98-21.357-5.455L0,90l7.975-23.522
388
+ c-4.023-6.606-6.34-14.354-6.34-22.637C1.635,19.628,21.416,0,45.818,0C70.223,0,90,19.628,90,43.841z M45.818,6.982
389
+ c-20.484,0-37.146,16.535-37.146,36.859c0,8.065,2.629,15.534,7.076,21.61L11.107,79.14l14.275-4.537
390
+ c5.865,3.851,12.891,6.097,20.437,6.097c20.481,0,37.146-16.533,37.146-36.857S66.301,6.982,45.818,6.982z M68.129,53.938
391
+ c-0.273-0.447-0.994-0.717-2.076-1.254c-1.084-0.537-6.41-3.138-7.4-3.495c-0.993-0.358-1.717-0.538-2.438,0.537
392
+ c-0.721,1.076-2.797,3.495-3.43,4.212c-0.632,0.719-1.263,0.809-2.347,0.271c-1.082-0.537-4.571-1.673-8.708-5.333
393
+ c-3.219-2.848-5.393-6.364-6.025-7.441c-0.631-1.075-0.066-1.656,0.475-2.191c0.488-0.482,1.084-1.255,1.625-1.882
394
+ c0.543-0.628,0.723-1.075,1.082-1.793c0.363-0.717,0.182-1.344-0.09-1.883c-0.27-0.537-2.438-5.825-3.34-7.977
395
+ c-0.902-2.15-1.803-1.792-2.436-1.792c-0.631,0-1.354-0.09-2.076-0.09c-0.722,0-1.896,0.269-2.889,1.344
396
+ c-0.992,1.076-3.789,3.676-3.789,8.963c0,5.288,3.879,10.397,4.422,11.113c0.541,0.716,7.49,11.92,18.5,16.223
397
+ C58.2,65.771,58.2,64.336,60.186,64.156c1.984-0.179,6.406-2.599,7.312-5.107C68.398,56.537,68.398,54.386,68.129,53.938z"/>
398
+ </svg>
399
+ </span>
400
+ <?php
401
+ // If name
402
+ if ( true == $name
403
+ || is_customize_preview() ) { ?>
404
+ <span class="oss-name"><?php esc_html_e( 'WhatsApp', 'ocean-social-sharing' ); ?></span>
405
+ <?php
406
+ } ?>
407
+ </a>
408
+ </li>
409
+
410
  <?php } ?>
411
 
412
  <?php endforeach; ?>