Ocean Social Sharing - Version 1.0.6

Version Description

  • Added: New social networks: Viber, VK, Reddit, Tumblr and Viadeo.
  • Added: Three styles: Minimal, Colored and Dark.
  • Added: Social names, now you can display the social name and icon.
  • Added: Border Radius setting.
  • Added: Heading Position field to display the heading on side or top of the social buttons.
  • Tweak: Icons replaced by SVG so if you disable Font Awesome, the social share icons are still there.
  • Tweak: Social windows now opens in the middle of the page.
Download this release

Release Info

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

Code changes from version 1.0.5.2 to 1.0.6

Files changed (12) hide show
  1. assets/css/rtl.css +7 -5
  2. assets/css/style.css +284 -72
  3. assets/css/style.min.css +1 -1
  4. assets/css/style.scss +394 -42
  5. assets/js/customizer.js +70 -3
  6. assets/js/customizer.min.js +1 -1
  7. assets/js/social.js +15 -0
  8. assets/js/social.min.js +1 -0
  9. includes/helpers.php +12 -1
  10. ocean-social-sharing.php +126 -26
  11. readme.txt +29 -3
  12. template/social-share.php +288 -18
assets/css/rtl.css CHANGED
@@ -1,6 +1,8 @@
1
  /* Social share */
2
- .entry-share .theme-heading { float: right; }
3
- .entry-share ul { float: left; }
4
- .entry-share ul li { float: right; }
5
- .entry-share ul li a { margin-left: 12px; margin-right: 0; }
6
- .entry-share ul li:last-child a { margin-left: 0; }
 
 
1
  /* Social share */
2
+ .entry-share ul li { margin-left: 8px; margin-right: 0; }
3
+ .entry-share ul li:last-child { margin-left: 0; }
4
+ .entry-share.side ul { float: lef; }
5
+ .entry-share.side ul li { float: right; }
6
+ .entry-share.side .theme-heading { float: right; }
7
+ .entry-share.has-name .oss-icon-wrap { right: 0; left: auto; }
8
+ .entry-share.has-name .oss-name { padding: 0 50px 0 10px; }
assets/css/style.css CHANGED
@@ -1,84 +1,296 @@
1
  /**
2
  * Social Share
3
  */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4
  .entry-share .theme-heading {
5
- line-height: 40px;
6
- float: left;
7
- margin: 0;
8
- }
9
- .entry-share .theme-heading .text:before,
10
- .entry-share .theme-heading .text:after {
11
- display: none !important;
12
- }
13
 
14
- .entry-share ul {
15
- float: right;
16
- margin: 0;
17
- padding: 0;
18
- list-style: none;
19
- }
20
- .entry-share ul li {
21
- float: left;
22
- }
23
- .entry-share ul li a {
24
- font-size: 14px;
25
- line-height: 40px;
26
- position: relative;
27
- display: inline-block;
28
- width: 40px;
29
- height: 40px;
30
- margin-right: 12px;
31
- text-align: center;
32
- color: #bbb;
33
- border: 1px solid #e9e9e9;
34
- border-radius: 50%;
35
- }
36
- .entry-share ul li:last-child a {
37
- margin-right: 0;
38
- }
39
- .entry-share ul li.twitter a:hover {
40
- color: #00aced;
41
- border-color: #00aced;
42
- }
43
- .entry-share ul li.facebook a:hover {
44
- color: #3b5998;
45
- border-color: #3b5998;
46
- }
47
- .entry-share ul li.googleplus a:hover {
48
- color: #dd4b39;
49
- border-color: #dd4b39;
50
- }
51
- .entry-share ul li.linkedin a:hover {
52
- color: #39c;
53
- border-color: #39c;
54
- }
55
- .entry-share ul li.pinterest a:hover {
56
- color: #cb2027;
57
- border-color: #cb2027;
58
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
59
 
60
  .single .entry-share {
61
- margin-top: 30px;
62
- padding-top: 30px;
63
- border-top: 1px solid #f1f1f1;
64
- }
65
 
66
  /*------------------------------------*
67
  Phone Landscape
68
  *------------------------------------*/
69
  @media only screen and (max-width: 480px) {
70
- .entry-share .theme-heading {
71
- line-height: 1;
72
- float: none;
73
- margin: 0 0 20px;
74
- text-align: center;
75
- }
76
- .entry-share ul {
77
- float: none;
78
- text-align: center;
79
- }
80
- .entry-share ul li {
81
- display: inline-block;
82
- float: none;
83
- }
84
- }
1
  /**
2
  * Social Share
3
  */
4
+ .entry-share ul {
5
+ margin: 0;
6
+ padding: 0;
7
+ list-style: none; }
8
+ .entry-share ul li {
9
+ margin-right: 8px; }
10
+ .entry-share ul li:last-child {
11
+ margin-right: 0; }
12
+ .entry-share ul li a {
13
+ display: -webkit-inline-flex;
14
+ display: -ms-inline-flex;
15
+ display: inline-flex;
16
+ -webkit-align-items: center;
17
+ -ms-flex-align: center;
18
+ align-items: center;
19
+ -webkit-justify-content: center;
20
+ -ms-flex-pack: center;
21
+ justify-content: center;
22
+ position: relative;
23
+ width: 40px;
24
+ height: 40px;
25
+ line-height: 1;
26
+ border-radius: 30px;
27
+ overflow: hidden; }
28
+ .entry-share ul li a .oss-icon {
29
+ fill: #fff;
30
+ width: 16px;
31
+ height: 16px;
32
+ -webkit-transition: all 0.3s ease;
33
+ -moz-transition: all 0.3s ease;
34
+ -ms-transition: all 0.3s ease;
35
+ -o-transition: all 0.3s ease;
36
+ transition: all 0.3s ease; }
37
+
38
+ .entry-share.side ul {
39
+ float: right; }
40
+ .entry-share.side ul li {
41
+ float: left; }
42
+
43
+ .entry-share.top ul {
44
+ text-align: center; }
45
+ .entry-share.top ul li {
46
+ display: inline-block; }
47
+
48
+ .entry-share.minimal ul li a {
49
+ border: 1px solid #e9e9e9; }
50
+ .entry-share.minimal ul li a .oss-icon {
51
+ fill: #bbb; }
52
+
53
+ .entry-share.minimal ul li.twitter a:hover {
54
+ color: #00aced;
55
+ border-color: #00aced; }
56
+ .entry-share.minimal ul li.twitter a:hover .oss-icon {
57
+ fill: #00aced; }
58
+
59
+ .entry-share.minimal ul li.facebook a:hover {
60
+ color: #3b5998;
61
+ border-color: #3b5998; }
62
+ .entry-share.minimal ul li.facebook a:hover .oss-icon {
63
+ fill: #3b5998; }
64
+
65
+ .entry-share.minimal ul li.googleplus a:hover {
66
+ color: #dd4b39;
67
+ border-color: #dd4b39; }
68
+ .entry-share.minimal ul li.googleplus a:hover .oss-icon {
69
+ fill: #dd4b39; }
70
+
71
+ .entry-share.minimal ul li.linkedin a:hover {
72
+ color: #3399CC;
73
+ border-color: #3399CC; }
74
+ .entry-share.minimal ul li.linkedin a:hover .oss-icon {
75
+ fill: #3399CC; }
76
+
77
+ .entry-share.minimal ul li.pinterest a:hover {
78
+ color: #cb2027;
79
+ border-color: #cb2027; }
80
+ .entry-share.minimal ul li.pinterest a:hover .oss-icon {
81
+ fill: #cb2027; }
82
+
83
+ .entry-share.minimal ul li.viber a:hover {
84
+ color: #9d62cc;
85
+ border-color: #9d62cc; }
86
+ .entry-share.minimal ul li.viber a:hover .oss-icon {
87
+ fill: #9d62cc; }
88
+
89
+ .entry-share.minimal ul li.vk a:hover {
90
+ color: #3673be;
91
+ border-color: #3673be; }
92
+ .entry-share.minimal ul li.vk a:hover .oss-icon {
93
+ fill: #3673be; }
94
+
95
+ .entry-share.minimal ul li.reddit a:hover {
96
+ color: #ff5c1f;
97
+ border-color: #ff5c1f; }
98
+ .entry-share.minimal ul li.reddit a:hover .oss-icon {
99
+ fill: #ff5c1f; }
100
+
101
+ .entry-share.minimal ul li.tumblr a:hover {
102
+ color: #35465c;
103
+ border-color: #35465c; }
104
+ .entry-share.minimal ul li.tumblr a:hover .oss-icon {
105
+ fill: #35465c; }
106
+
107
+ .entry-share.minimal ul li.viadeo a:hover {
108
+ color: #ff7452;
109
+ border-color: #ff7452; }
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 {
116
+ -moz-opacity: 0.8;
117
+ -webkit-opacity: 0.8;
118
+ opacity: 0.8; }
119
+ .entry-share.colored ul li a .oss-icon {
120
+ fill: #fff; }
121
+
122
+ .entry-share.colored ul li.twitter a {
123
+ background-color: #00aced; }
124
+
125
+ .entry-share.colored ul li.facebook a {
126
+ background-color: #3b5998; }
127
+
128
+ .entry-share.colored ul li.googleplus a {
129
+ background-color: #dd4b39; }
130
+
131
+ .entry-share.colored ul li.linkedin a {
132
+ background-color: #3399CC; }
133
+
134
+ .entry-share.colored ul li.pinterest a {
135
+ background-color: #cb2027; }
136
+
137
+ .entry-share.colored ul li.viber a {
138
+ background-color: #9d62cc; }
139
+
140
+ .entry-share.colored ul li.vk a {
141
+ background-color: #3673be; }
142
+
143
+ .entry-share.colored ul li.reddit a {
144
+ background-color: #ff5c1f; }
145
+
146
+ .entry-share.colored ul li.tumblr a {
147
+ background-color: #35465c; }
148
+
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; }
155
+ .entry-share.dark ul li a:hover {
156
+ -moz-opacity: 0.8;
157
+ -webkit-opacity: 0.8;
158
+ opacity: 0.8; }
159
+ .entry-share.dark ul li a .oss-icon {
160
+ fill: #fff; }
161
+
162
+ .entry-share.dark.has-name .oss-icon-wrap {
163
+ background-color: rgba(255, 255, 255, 0.08); }
164
+
165
  .entry-share .theme-heading {
166
+ margin: 0;
167
+ padding: 0; }
168
+ .entry-share .theme-heading .text:before,
169
+ .entry-share .theme-heading .text:after {
170
+ display: none !important; }
 
 
 
171
 
172
+ .entry-share.side .theme-heading {
173
+ float: left;
174
+ line-height: 40px; }
175
+
176
+ .entry-share.top .theme-heading {
177
+ display: block;
178
+ margin-bottom: 10px;
179
+ line-height: 1.6;
180
+ text-align: center; }
181
+
182
+ .entry-share.has-name.side .theme-heading {
183
+ margin: 6px 0; }
184
+
185
+ .entry-share.has-name ul {
186
+ display: -webkit-box;
187
+ display: -webkit-flex;
188
+ display: -ms-flexbox;
189
+ display: flex;
190
+ -webkit-flex-wrap: wrap;
191
+ -ms-flex-wrap: wrap;
192
+ flex-wrap: wrap;
193
+ -webkit-justify-content: space-between;
194
+ -ms-flex-pack: space-between;
195
+ justify-content: space-between; }
196
+ .entry-share.has-name ul li {
197
+ margin: 6px;
198
+ -webkit-box-flex: 1;
199
+ -moz-box-flex: 1;
200
+ -webkit-flex: 1;
201
+ -ms-flex: 1;
202
+ flex: 1; }
203
+ .entry-share.has-name ul li a {
204
+ min-width: 144px;
205
+ width: 100%; }
206
+
207
+ .entry-share.has-name .oss-icon-wrap {
208
+ display: block;
209
+ position: absolute;
210
+ top: 0;
211
+ bottom: 0;
212
+ left: 0;
213
+ display: -webkit-inline-flex;
214
+ display: -ms-inline-flex;
215
+ display: inline-flex;
216
+ -webkit-align-items: center;
217
+ -ms-flex-align: center;
218
+ align-items: center;
219
+ -webkit-justify-content: center;
220
+ -ms-flex-pack: center;
221
+ justify-content: center;
222
+ background-color: rgba(0, 0, 0, 0.08);
223
+ padding: 0 12px;
224
+ -webkit-transition: all 0.3s ease;
225
+ -moz-transition: all 0.3s ease;
226
+ -ms-transition: all 0.3s ease;
227
+ -o-transition: all 0.3s ease;
228
+ transition: all 0.3s ease; }
229
+
230
+ .entry-share.has-name .oss-name {
231
+ display: block;
232
+ width: 100%;
233
+ padding: 0 10px 0 50px;
234
+ font-size: 15px;
235
+ font-weight: 500;
236
+ text-align: center; }
237
+
238
+ .entry-share.has-name.minimal li a:hover .oss-icon {
239
+ fill: #fff !important; }
240
+
241
+ .entry-share.has-name.minimal li.twitter a:hover .oss-icon-wrap {
242
+ background-color: #00aced; }
243
+
244
+ .entry-share.has-name.minimal li.facebook a:hover .oss-icon-wrap {
245
+ background-color: #3b5998; }
246
+
247
+ .entry-share.has-name.minimal li.googleplus a:hover .oss-icon-wrap {
248
+ background-color: #dd4b39; }
249
+
250
+ .entry-share.has-name.minimal li.linkedin a:hover .oss-icon-wrap {
251
+ background-color: #3399CC; }
252
+
253
+ .entry-share.has-name.minimal li.pinterest a:hover .oss-icon-wrap {
254
+ background-color: #cb2027; }
255
+
256
+ .entry-share.has-name.minimal li.viber a:hover .oss-icon-wrap {
257
+ background-color: #9d62cc; }
258
+
259
+ .entry-share.has-name.minimal li.vk a:hover .oss-icon-wrap {
260
+ background-color: #3673be; }
261
+
262
+ .entry-share.has-name.minimal li.reddit a:hover .oss-icon-wrap {
263
+ background-color: #ff5c1f; }
264
+
265
+ .entry-share.has-name.minimal li.tumblr a:hover .oss-icon-wrap {
266
+ background-color: #35465c; }
267
+
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
+
274
+ .entry-share .oss-name {
275
+ display: none; }
276
 
277
  .single .entry-share {
278
+ margin-top: 30px;
279
+ padding-top: 30px;
280
+ border-top: 1px solid #f1f1f1; }
 
281
 
282
  /*------------------------------------*
283
  Phone Landscape
284
  *------------------------------------*/
285
  @media only screen and (max-width: 480px) {
286
+ .entry-share.side .theme-heading {
287
+ float: none;
288
+ margin: 0 0 20px;
289
+ line-height: 1;
290
+ text-align: center; }
291
+ .entry-share.side ul {
292
+ float: none;
293
+ text-align: center; }
294
+ .entry-share.side ul li {
295
+ float: none;
296
+ display: inline-block; } }
 
 
 
 
assets/css/style.min.css CHANGED
@@ -1 +1 @@
1
- .entry-share .theme-heading{float:left;margin:0;line-height:40px}.entry-share .theme-heading .text:before,.entry-share .theme-heading .text:after{display:none !important}.entry-share ul{float:right;margin:0;padding:0;list-style:none}.entry-share ul li{float:left}.entry-share ul li a{display:inline-block;position:relative;color:#bbb;border:1px solid #e9e9e9;width:40px;height:40px;line-height:40px;font-size:14px;margin-right:12px;text-align:center;border-radius:50%}.entry-share ul li:last-child a{margin-right:0}.entry-share ul li.twitter a:hover{color:#00aced;border-color:#00aced}.entry-share ul li.facebook a:hover{color:#3b5998;border-color:#3b5998}.entry-share ul li.googleplus a:hover{color:#dd4b39;border-color:#dd4b39}.entry-share ul li.linkedin a:hover{color:#3399CC;border-color:#3399CC}.entry-share ul li.pinterest a:hover{color:#cb2027;border-color:#cb2027}.single .entry-share{margin-top:30px;padding-top:30px;border-top:1px solid #f1f1f1}@media only screen and (max-width: 480px){.entry-share .theme-heading{float:none;margin:0 0 20px;line-height:1;text-align:center}.entry-share ul{float:none;text-align:center}.entry-share 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.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}@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
@@ -1,73 +1,425 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  /**
2
  * Social Share
3
  */
4
  .entry-share {
5
- .theme-heading {
6
- float: left;
7
- margin: 0;
8
- line-height: 40px;
9
-
10
- .text:before,
11
- .text:after {
12
- display: none !important;
13
- }
14
- }
15
-
16
  ul {
17
- float: right;
18
  margin: 0;
19
  padding: 0;
20
  list-style: none;
21
 
22
  li {
23
- float: left;
24
 
25
- a {
26
- display: inline-block;
 
 
 
 
 
 
27
  position: relative;
28
- color: #bbb;
29
- border: 1px solid #e9e9e9;
30
  width: 40px;
31
  height: 40px;
32
- line-height: 40px;
33
- font-size: 14px;
34
- margin-right: 12px;
35
- text-align: center;
36
- border-radius: 50%;
 
 
 
 
 
37
  }
 
 
38
 
39
- &:last-child a {
40
- margin-right: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
41
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
42
 
43
- &.twitter a:hover {
44
- color: #00aced;
45
- border-color: #00aced;
46
  }
 
 
 
 
 
 
 
 
 
 
47
 
48
- &.facebook a:hover {
49
- color: #3b5998;
50
- border-color: #3b5998;
 
 
 
51
  }
 
 
 
 
 
52
 
53
- &.googleplus a:hover {
54
- color: #dd4b39;
55
- border-color: #dd4b39;
56
  }
 
 
 
57
 
58
- &.linkedin a:hover {
59
- color: #3399CC;
60
- border-color: #3399CC;
 
 
 
 
 
61
  }
62
 
63
- &.pinterest a:hover {
64
- color: #cb2027;
65
- border-color: #cb2027;
66
  }
67
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
68
  }
69
  }
70
 
 
71
  .single .entry-share {
72
  margin-top: 30px;
73
  padding-top: 30px;
@@ -78,7 +430,7 @@
78
  Phone Landscape
79
  *------------------------------------*/
80
  @media only screen and (max-width: 480px) {
81
- .entry-share .theme-heading { float: none; margin: 0 0 20px; line-height: 1; text-align: center; }
82
- .entry-share ul { float: none; text-align: center; }
83
- .entry-share ul li { float: none; display: inline-block; }
84
  }
1
+ // Transition
2
+ @mixin transition( $args ) {
3
+ -webkit-transition: $args;
4
+ -moz-transition: $args;
5
+ -ms-transition: $args;
6
+ -o-transition: $args;
7
+ transition: $args;
8
+ }
9
+
10
+ // Display inline flex
11
+ @mixin display-inline-flex() {
12
+ display: -webkit-inline-flex;
13
+ display: -ms-inline-flex;
14
+ display: inline-flex;
15
+ }
16
+
17
+ // Display flex
18
+ @mixin display-flex() {
19
+ display: -webkit-box;
20
+ display: -webkit-flex;
21
+ display: -ms-flexbox;
22
+ display: flex;
23
+ }
24
+
25
+ // Flex wrap
26
+ @mixin flex-wrap( $args ) {
27
+ -webkit-flex-wrap: $args;
28
+ -ms-flex-wrap: $args;
29
+ flex-wrap: $args;
30
+ }
31
+
32
+ // Align items
33
+ @mixin align-items( $args ) {
34
+ -webkit-align-items: $args;
35
+ -ms-flex-align: $args;
36
+ align-items: $args;
37
+ }
38
+
39
+ // Justify content
40
+ @mixin justify-content( $args ) {
41
+ -webkit-justify-content: $args;
42
+ -ms-flex-pack: $args;
43
+ justify-content: $args;
44
+ }
45
+
46
+ // Opacity
47
+ @mixin opacity( $args ) {
48
+ -moz-opacity: $args;
49
+ -webkit-opacity: $args;
50
+ opacity: $args;
51
+ }
52
+
53
  /**
54
  * Social Share
55
  */
56
  .entry-share {
 
 
 
 
 
 
 
 
 
 
 
57
  ul {
 
58
  margin: 0;
59
  padding: 0;
60
  list-style: none;
61
 
62
  li {
63
+ margin-right: 8px;
64
 
65
+ &:last-child {
66
+ margin-right: 0;
67
+ }
68
+
69
+ a {
70
+ @include display-inline-flex();
71
+ @include align-items( center );
72
+ @include justify-content( center );
73
  position: relative;
 
 
74
  width: 40px;
75
  height: 40px;
76
+ line-height: 1;
77
+ border-radius: 30px;
78
+ overflow: hidden;
79
+
80
+ .oss-icon {
81
+ fill: #fff;
82
+ width: 16px;
83
+ height: 16px;
84
+ @include transition( all 0.3s ease );
85
+ }
86
  }
87
+ }
88
+ }
89
 
90
+ &.side ul {
91
+ float: right;
92
+
93
+ li {
94
+ float: left;
95
+ }
96
+ }
97
+
98
+ &.top ul {
99
+ text-align: center;
100
+
101
+ li {
102
+ display: inline-block;
103
+ }
104
+ }
105
+ }
106
+
107
+ // Minimal style
108
+ .entry-share.minimal {
109
+ ul li {
110
+ a {
111
+ border: 1px solid #e9e9e9;
112
+
113
+ .oss-icon {
114
+ fill: #bbb;
115
+ }
116
+ }
117
+
118
+ &.twitter a:hover {
119
+ color: #00aced;
120
+ border-color: #00aced;
121
+
122
+ .oss-icon {
123
+ fill: #00aced;
124
+ }
125
+ }
126
+
127
+ &.facebook a:hover {
128
+ color: #3b5998;
129
+ border-color: #3b5998;
130
+
131
+ .oss-icon {
132
+ fill: #3b5998;
133
+ }
134
+ }
135
+
136
+ &.googleplus a:hover {
137
+ color: #dd4b39;
138
+ border-color: #dd4b39;
139
+
140
+ .oss-icon {
141
+ fill: #dd4b39;
142
+ }
143
+ }
144
+
145
+ &.linkedin a:hover {
146
+ color: #3399CC;
147
+ border-color: #3399CC;
148
+
149
+ .oss-icon {
150
+ fill: #3399CC;
151
+ }
152
+ }
153
+
154
+ &.pinterest a:hover {
155
+ color: #cb2027;
156
+ border-color: #cb2027;
157
+
158
+ .oss-icon {
159
+ fill: #cb2027;
160
  }
161
+ }
162
+
163
+ &.viber a:hover {
164
+ color: #9d62cc;
165
+ border-color: #9d62cc;
166
+
167
+ .oss-icon {
168
+ fill: #9d62cc;
169
+ }
170
+ }
171
+
172
+ &.vk a:hover {
173
+ color: #3673be;
174
+ border-color: #3673be;
175
 
176
+ .oss-icon {
177
+ fill: #3673be;
 
178
  }
179
+ }
180
+
181
+ &.reddit a:hover {
182
+ color: #ff5c1f;
183
+ border-color: #ff5c1f;
184
+
185
+ .oss-icon {
186
+ fill: #ff5c1f;
187
+ }
188
+ }
189
 
190
+ &.tumblr a:hover {
191
+ color: #35465c;
192
+ border-color: #35465c;
193
+
194
+ .oss-icon {
195
+ fill: #35465c;
196
  }
197
+ }
198
+
199
+ &.viadeo a:hover {
200
+ color: #ff7452;
201
+ border-color: #ff7452;
202
 
203
+ .oss-icon {
204
+ fill: #ff7452;
 
205
  }
206
+ }
207
+ }
208
+ }
209
 
210
+ // Colored style
211
+ .entry-share.colored {
212
+ ul li {
213
+ a {
214
+ color: #fff;
215
+
216
+ &:hover {
217
+ @include opacity( .8 );
218
  }
219
 
220
+ .oss-icon {
221
+ fill: #fff;
 
222
  }
223
  }
224
+
225
+ &.twitter a {
226
+ background-color: #00aced;
227
+ }
228
+
229
+ &.facebook a {
230
+ background-color: #3b5998;
231
+ }
232
+
233
+ &.googleplus a {
234
+ background-color: #dd4b39;
235
+ }
236
+
237
+ &.linkedin a {
238
+ background-color: #3399CC;
239
+ }
240
+
241
+ &.pinterest a {
242
+ background-color: #cb2027;
243
+ }
244
+
245
+ &.viber a {
246
+ background-color: #9d62cc;
247
+ }
248
+
249
+ &.vk a {
250
+ background-color: #3673be;
251
+ }
252
+
253
+ &.reddit a {
254
+ background-color: #ff5c1f;
255
+ }
256
+
257
+ &.tumblr a {
258
+ background-color: #35465c;
259
+ }
260
+
261
+ &.viadeo a {
262
+ background-color: #ff7452;
263
+ }
264
+ }
265
+ }
266
+
267
+ // Dark style
268
+ .entry-share.dark {
269
+ ul li {
270
+ a {
271
+ background-color: #222;
272
+ color: #fff;
273
+
274
+ &:hover {
275
+ @include opacity( .8 );
276
+ }
277
+
278
+ .oss-icon {
279
+ fill: #fff;
280
+ }
281
+ }
282
+ }
283
+
284
+ &.has-name .oss-icon-wrap {
285
+ background-color: rgba(255,255,255,.08);
286
+ }
287
+ }
288
+
289
+ // Heading position
290
+ .entry-share {
291
+ .theme-heading {
292
+ margin: 0;
293
+ padding: 0;
294
+
295
+ .text:before,
296
+ .text:after {
297
+ display: none !important;
298
+ }
299
+ }
300
+
301
+ &.side .theme-heading {
302
+ float: left;
303
+ line-height: 40px;
304
+ }
305
+
306
+ &.top .theme-heading {
307
+ display: block;
308
+ margin-bottom: 10px;
309
+ line-height: 1.6;
310
+ text-align: center;
311
+ }
312
+ }
313
+
314
+ // Social name
315
+ .entry-share.has-name {
316
+ &.side .theme-heading {
317
+ margin: 6px 0;
318
+ }
319
+
320
+ ul {
321
+ @include display-flex();
322
+ @include flex-wrap( wrap );
323
+ @include justify-content( space-between );
324
+
325
+ li {
326
+ margin: 6px;
327
+ -webkit-box-flex: 1;
328
+ -moz-box-flex: 1;
329
+ -webkit-flex: 1;
330
+ -ms-flex: 1;
331
+ flex: 1;
332
+
333
+ a {
334
+ min-width: 144px;
335
+ width: 100%;
336
+ }
337
+ }
338
+ }
339
+
340
+ .oss-icon-wrap {
341
+ display: block;
342
+ position: absolute;
343
+ top: 0;
344
+ bottom: 0;
345
+ left: 0;
346
+ @include display-inline-flex();
347
+ @include align-items( center );
348
+ @include justify-content( center );
349
+ background-color: rgba(0,0,0,.08);
350
+ padding: 0 12px;
351
+ @include transition( all 0.3s ease );
352
+ }
353
+
354
+ .oss-name {
355
+ display: block;
356
+ width: 100%;
357
+ padding: 0 10px 0 50px;
358
+ font-size: 15px;
359
+ font-weight: 500;
360
+ text-align: center;
361
+ }
362
+
363
+ &.minimal li {
364
+ a:hover .oss-icon {
365
+ fill: #fff !important;
366
+ }
367
+
368
+ &.twitter a:hover .oss-icon-wrap {
369
+ background-color: #00aced;
370
+ }
371
+
372
+ &.facebook a:hover .oss-icon-wrap {
373
+ background-color: #3b5998;
374
+ }
375
+
376
+ &.googleplus a:hover .oss-icon-wrap {
377
+ background-color: #dd4b39;
378
+ }
379
+
380
+ &.linkedin a:hover .oss-icon-wrap {
381
+ background-color: #3399CC;
382
+ }
383
+
384
+ &.pinterest a:hover .oss-icon-wrap {
385
+ background-color: #cb2027;
386
+ }
387
+
388
+ &.viber a:hover .oss-icon-wrap {
389
+ background-color: #9d62cc;
390
+ }
391
+
392
+ &.vk a:hover .oss-icon-wrap {
393
+ background-color: #3673be;
394
+ }
395
+
396
+ &.reddit a:hover .oss-icon-wrap {
397
+ background-color: #ff5c1f;
398
+ }
399
+
400
+ &.tumblr a:hover .oss-icon-wrap {
401
+ background-color: #35465c;
402
+ }
403
+
404
+ &.viadeo a:hover .oss-icon-wrap {
405
+ background-color: #ff7452;
406
+ }
407
+ }
408
+ }
409
+
410
+ // If no heading
411
+ .entry-share.no-heading ul {
412
+ float: none;
413
+ }
414
+
415
+ // Customizer tweak for the social name
416
+ .entry-share {
417
+ .oss-name {
418
+ display: none;
419
  }
420
  }
421
 
422
+ // If single post
423
  .single .entry-share {
424
  margin-top: 30px;
425
  padding-top: 30px;
430
  Phone Landscape
431
  *------------------------------------*/
432
  @media only screen and (max-width: 480px) {
433
+ .entry-share.side .theme-heading { float: none; margin: 0 0 20px; line-height: 1; text-align: center; }
434
+ .entry-share.side ul { float: none; text-align: center; }
435
+ .entry-share.side ul li { float: none; display: inline-block; }
436
  }
assets/js/customizer.js CHANGED
@@ -5,6 +5,26 @@
5
  */
6
 
7
  ( function( $ ) {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8
  wp.customize('oss_social_share_heading', function( value ) {
9
  var heading = $( '.social-share-title span.text' );
10
  if ( heading.length ) {
@@ -18,19 +38,66 @@
18
  });
19
  }
20
  } );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
21
  wp.customize( 'oss_sharing_borders_color', function( value ) {
22
  value.bind( function( to ) {
23
- $( '.entry-share ul li a' ).css( 'border-color', to );
24
  } );
25
  } );
26
  wp.customize( 'oss_sharing_icons_bg', function( value ) {
27
  value.bind( function( to ) {
28
- $( '.entry-share ul li a' ).css( 'background-color', to );
29
  } );
30
  } );
31
  wp.customize( 'oss_sharing_icons_color', function( value ) {
32
  value.bind( function( to ) {
33
- $( '.entry-share ul li a' ).css( 'color', to );
 
 
 
 
 
 
 
 
 
 
34
  } );
35
  } );
36
  } )( jQuery );
5
  */
6
 
7
  ( function( $ ) {
8
+ var style = [
9
+ 'minimal',
10
+ 'colored',
11
+ 'dark'
12
+ ],
13
+ headerPosition = [
14
+ 'side',
15
+ 'top'
16
+ ];
17
+
18
+ wp.customize( 'oss_social_share_name', function( value ) {
19
+ value.bind( function( newval ) {
20
+ var socialWrap = $( '.entry-share' );
21
+ if ( true == newval ) {
22
+ socialWrap.addClass( 'has-name' );
23
+ } else {
24
+ socialWrap.removeClass( 'has-name' );
25
+ }
26
+ } );
27
+ } );
28
  wp.customize('oss_social_share_heading', function( value ) {
29
  var heading = $( '.social-share-title span.text' );
30
  if ( heading.length ) {
38
  });
39
  }
40
  } );
41
+ wp.customize( 'oss_social_share_heading_position', function( value ) {
42
+ value.bind( function( newval ) {
43
+ var socialWrap = $( '.entry-share' );
44
+ if ( socialWrap.length ) {
45
+ $.each( headerPosition, function( i, v ) {
46
+ socialWrap.removeClass( v );
47
+ });
48
+ socialWrap.addClass( newval );
49
+ }
50
+ } );
51
+ } );
52
+ wp.customize( 'oss_social_share_style', function( value ) {
53
+ value.bind( function( newval ) {
54
+ var socialWrap = $( '.entry-share' );
55
+ if ( socialWrap.length ) {
56
+ $.each( style, function( i, v ) {
57
+ socialWrap.removeClass( v );
58
+ });
59
+ socialWrap.addClass( newval );
60
+ }
61
+ } );
62
+ } );
63
+ wp.customize( 'oss_social_share_style_border_radius', function( value ) {
64
+ value.bind( function( to ) {
65
+ var $child = $( '.customizer-oss_social_share_style_border_radius' );
66
+ if ( to ) {
67
+ var img = '<style class="customizer-oss_social_share_style_border_radius">.entry-share ul li a { border-radius: ' + to + '; }</style>';
68
+ if ( $child.length ) {
69
+ $child.replaceWith( img );
70
+ } else {
71
+ $( 'head' ).append( img );
72
+ }
73
+ } else {
74
+ $child.remove();
75
+ }
76
+ } );
77
+ } );
78
  wp.customize( 'oss_sharing_borders_color', function( value ) {
79
  value.bind( function( to ) {
80
+ $( '.entry-share.minimal ul li a' ).css( 'border-color', to );
81
  } );
82
  } );
83
  wp.customize( 'oss_sharing_icons_bg', function( value ) {
84
  value.bind( function( to ) {
85
+ $( '.entry-share.minimal ul li a' ).css( 'background-color', to );
86
  } );
87
  } );
88
  wp.customize( 'oss_sharing_icons_color', function( value ) {
89
  value.bind( function( to ) {
90
+ var $child = $( '.customizer-oss_sharing_icons_color' );
91
+ if ( to ) {
92
+ var img = '<style class="customizer-oss_sharing_icons_color">.entry-share.minimal ul li a { color: ' + to + '; }.entry-share.minimal ul li a .oss-icon { fill: ' + to + '; }</style>';
93
+ if ( $child.length ) {
94
+ $child.replaceWith( img );
95
+ } else {
96
+ $( 'head' ).append( img );
97
+ }
98
+ } else {
99
+ $child.remove();
100
+ }
101
  } );
102
  } );
103
  } )( jQuery );
assets/js/customizer.min.js CHANGED
@@ -1 +1 @@
1
- !function(a){wp.customize("oss_social_share_heading",function(b){var c=a(".social-share-title span.text");if(c.length){var d=c.html();b.bind(function(a){a?c.html(a):c.html(d)})}}),wp.customize("oss_sharing_borders_color",function(b){b.bind(function(b){a(".entry-share ul li a").css("border-color",b)})}),wp.customize("oss_sharing_icons_bg",function(b){b.bind(function(b){a(".entry-share ul li a").css("background-color",b)})}),wp.customize("oss_sharing_icons_color",function(b){b.bind(function(b){a(".entry-share ul li a").css("color",b)})})}(jQuery);
1
+ !function(a){var b=["minimal","colored","dark"],c=["side","top"];wp.customize("oss_social_share_name",function(b){b.bind(function(b){var c=a(".entry-share");1==b?c.addClass("has-name"):c.removeClass("has-name")})}),wp.customize("oss_social_share_heading",function(b){var c=a(".social-share-title span.text");if(c.length){var d=c.html();b.bind(function(a){a?c.html(a):c.html(d)})}}),wp.customize("oss_social_share_heading_position",function(b){b.bind(function(b){var d=a(".entry-share");d.length&&(a.each(c,function(a,b){d.removeClass(b)}),d.addClass(b))})}),wp.customize("oss_social_share_style",function(c){c.bind(function(c){var d=a(".entry-share");d.length&&(a.each(b,function(a,b){d.removeClass(b)}),d.addClass(c))})}),wp.customize("oss_social_share_style_border_radius",function(b){b.bind(function(b){var c=a(".customizer-oss_social_share_style_border_radius");if(b){var d='<style class="customizer-oss_social_share_style_border_radius">.entry-share ul li a { border-radius: '+b+"; }</style>";c.length?c.replaceWith(d):a("head").append(d)}else c.remove()})}),wp.customize("oss_sharing_borders_color",function(b){b.bind(function(b){a(".entry-share.minimal ul li a").css("border-color",b)})}),wp.customize("oss_sharing_icons_bg",function(b){b.bind(function(b){a(".entry-share.minimal ul li a").css("background-color",b)})}),wp.customize("oss_sharing_icons_color",function(b){b.bind(function(b){var c=a(".customizer-oss_sharing_icons_color");if(b){var d='<style class="customizer-oss_sharing_icons_color">.entry-share.minimal ul li a { color: '+b+"; }.entry-share.minimal ul li a .oss-icon { fill: "+b+"; }</style>";c.length?c.replaceWith(d):a("head").append(d)}else c.remove()})})}(jQuery);
assets/js/social.js ADDED
@@ -0,0 +1,15 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ // Sticky header
2
+ var $j = jQuery.noConflict();
3
+
4
+ /* ==============================================
5
+ ON CLICK
6
+ ============================================== */
7
+ function oss_onClick( href ) {
8
+ var windowWidth = '640',
9
+ windowHeight = '480',
10
+ windowTop = screen.height / 2 - windowHeight / 2,
11
+ windowLeft = screen.width / 2 - windowWidth / 2,
12
+ shareWindow = 'toolbar=0,status=0,width=' + windowWidth + ',height=' + windowHeight + ',top=' + windowTop + ',left=' + windowLeft;
13
+
14
+ open( href, '', shareWindow );
15
+ }
assets/js/social.min.js ADDED
@@ -0,0 +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();
includes/helpers.php CHANGED
@@ -13,7 +13,18 @@ if ( ! function_exists( 'oss_social_share_sites' ) ) {
13
  function oss_social_share_sites() {
14
 
15
  // Default socials
16
- $socials = array( 'twitter', 'facebook', 'google_plus', 'pinterest', 'linkedin' );
 
 
 
 
 
 
 
 
 
 
 
17
 
18
  // Get socials from Customizer
19
  $socials = get_theme_mod( 'oss_social_share_sites', $socials );
13
  function oss_social_share_sites() {
14
 
15
  // Default socials
16
+ $socials = array(
17
+ 'twitter',
18
+ 'facebook',
19
+ 'google_plus',
20
+ 'pinterest',
21
+ 'linkedin',
22
+ 'viber',
23
+ 'vk',
24
+ 'reddit',
25
+ 'tumblr',
26
+ 'viadeo',
27
+ );
28
 
29
  // Get socials from Customizer
30
  $socials = get_theme_mod( 'oss_social_share_sites', $socials );
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.5.2
7
  * Author: OceanWP
8
  * Author URI: https://oceanwp.org/
9
  * Requires at least: 4.5.0
10
- * Tested up to: 4.8
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.5.2';
90
 
91
  register_activation_hook( __FILE__, array( $this, 'install' ) );
92
 
@@ -186,7 +186,7 @@ final class Ocean_Social_Sharing {
186
  require_once( $this->plugin_path .'/includes/helpers.php' );
187
  add_action( 'customize_register', array( $this, 'customizer_register' ) );
188
  add_action( 'customize_preview_init', array( $this, 'customize_preview_js' ) );
189
- add_action( 'wp_enqueue_scripts', array( $this, 'get_style' ), 999 );
190
  add_action( 'ocean_social_share', array( $this, 'social_share' ) );
191
  add_filter( 'ocean_head_css', array( $this, 'head_css' ) );
192
  } else {
@@ -224,7 +224,18 @@ final class Ocean_Social_Sharing {
224
  * Sharing sites
225
  */
226
  $wp_customize->add_setting( 'oss_social_share_sites', array(
227
- 'default' => array( 'twitter', 'facebook', 'google_plus', 'pinterest', 'linkedin' ),
 
 
 
 
 
 
 
 
 
 
 
228
  'sanitize_callback' => 'oceanwp_sanitize_multi_choices',
229
  ) );
230
 
@@ -239,26 +250,69 @@ final class Ocean_Social_Sharing {
239
  'google_plus' => 'Google Plus',
240
  'pinterest' => 'Pinterest',
241
  'linkedin' => 'LinkedIn',
 
 
 
 
 
242
  ),
243
  ) ) );
244
 
245
  /**
246
- * Sharing title
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
247
  */
248
  $wp_customize->add_setting( 'oss_social_share_heading', array(
249
  'default' => esc_html__( 'Please Share This', 'ocean-social-sharing' ),
250
  'transport' => 'postMessage',
251
- 'sanitize_callback' => 'wp_filter_post_kses',
252
  ) );
253
 
254
  $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'oss_social_share_heading', array(
255
- 'label' => esc_html__( 'Heading on Posts', 'ocean-social-sharing' ),
256
  'section' => 'oss_sharing_section',
257
  'settings' => 'oss_social_share_heading',
258
  'type' => 'text',
259
  'priority' => 10,
260
  ) ) );
261
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
262
  /**
263
  * Sharing title
264
  */
@@ -275,17 +329,55 @@ final class Ocean_Social_Sharing {
275
  'priority' => 10,
276
  ) ) );
277
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
278
  /**
279
  * Borders color
280
  */
281
  $wp_customize->add_setting( 'oss_sharing_borders_color', array(
282
- 'default' => '#e9e9e9',
283
  'transport' => 'postMessage',
284
  'sanitize_callback' => 'oceanwp_sanitize_color',
285
  ) );
286
 
287
  $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'oss_sharing_borders_color', array(
288
- 'label' => esc_html__( 'Links Borders Color', 'ocean-social-sharing' ),
289
  'section' => 'oss_sharing_section',
290
  'settings' => 'oss_sharing_borders_color',
291
  'priority' => 10,
@@ -295,13 +387,12 @@ final class Ocean_Social_Sharing {
295
  * Icons background color
296
  */
297
  $wp_customize->add_setting( 'oss_sharing_icons_bg', array(
298
- 'default' => '#ffffff',
299
  'transport' => 'postMessage',
300
  'sanitize_callback' => 'oceanwp_sanitize_color',
301
  ) );
302
 
303
  $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'oss_sharing_icons_bg', array(
304
- 'label' => esc_html__( 'Icons Background Color', 'ocean-social-sharing' ),
305
  'section' => 'oss_sharing_section',
306
  'settings' => 'oss_sharing_icons_bg',
307
  'priority' => 10,
@@ -311,13 +402,12 @@ final class Ocean_Social_Sharing {
311
  * Icons color
312
  */
313
  $wp_customize->add_setting( 'oss_sharing_icons_color', array(
314
- 'default' => '#bbbbbb',
315
  'transport' => 'postMessage',
316
  'sanitize_callback' => 'oceanwp_sanitize_color',
317
  ) );
318
 
319
  $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'oss_sharing_icons_color', array(
320
- 'label' => esc_html__( 'Icons Color', 'ocean-social-sharing' ),
321
  'section' => 'oss_sharing_section',
322
  'settings' => 'oss_sharing_icons_color',
323
  'priority' => 10,
@@ -333,14 +423,17 @@ final class Ocean_Social_Sharing {
333
  }
334
 
335
  /**
336
- * Enqueue style.
337
  * @since 1.0.0
338
  */
339
- public function get_style() {
340
 
341
  // Load main stylesheet
342
  wp_enqueue_style( 'oss-social-share-style', plugins_url( '/assets/css/style.min.css', __FILE__ ) );
343
 
 
 
 
344
  // If rtl
345
  if ( is_RTL() ) {
346
  wp_enqueue_style( 'oss-social-share-rtl', plugins_url( '/assets/css/rtl.css', __FILE__ ) );
@@ -372,28 +465,35 @@ final class Ocean_Social_Sharing {
372
  public function head_css( $output ) {
373
 
374
  // Global vars
375
- $sharing_borders = get_theme_mod( 'oss_sharing_borders_color', '#e9e9e9' );
376
- $sharing_icons_bg = get_theme_mod( 'oss_sharing_icons_bg', '#ffffff' );
377
- $sharing_icons_color = get_theme_mod( 'oss_sharing_icons_color', '#bbbbbb' );
 
378
 
379
  // Define css var
380
  $css = '';
381
 
382
- // Add borders color
383
- if ( ! empty( $sharing_borders ) && '#e9e9e9' != $sharing_borders ) {
384
- $css .= '.entry-share ul li a{border-color:'. $sharing_borders .';}';
 
 
 
 
 
385
  }
386
 
387
  // Add icon background
388
  if ( ! empty( $sharing_icons_bg ) ) {
389
- $css .= '.entry-share ul li a{background-color:'. $sharing_icons_bg .';}';
390
  }
391
 
392
  // Add icon color
393
- if ( ! empty( $sharing_icons_color ) && '#bbbbbb' != $sharing_icons_color ) {
394
- $css .= '.entry-share ul li a{color:'. $sharing_icons_color .';}';
 
395
  }
396
-
397
  // Return CSS
398
  if ( ! empty( $css ) ) {
399
  $output .= '/* Social Sharing CSS */'. $css;
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.6
7
  * Author: OceanWP
8
  * Author URI: https://oceanwp.org/
9
  * Requires at least: 4.5.0
10
+ * Tested up to: 4.8.2
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.6';
90
 
91
  register_activation_hook( __FILE__, array( $this, 'install' ) );
92
 
186
  require_once( $this->plugin_path .'/includes/helpers.php' );
187
  add_action( 'customize_register', array( $this, 'customizer_register' ) );
188
  add_action( 'customize_preview_init', array( $this, 'customize_preview_js' ) );
189
+ add_action( 'wp_enqueue_scripts', array( $this, 'get_scripts' ), 999 );
190
  add_action( 'ocean_social_share', array( $this, 'social_share' ) );
191
  add_filter( 'ocean_head_css', array( $this, 'head_css' ) );
192
  } else {
224
  * Sharing sites
225
  */
226
  $wp_customize->add_setting( 'oss_social_share_sites', array(
227
+ 'default' => array(
228
+ 'twitter',
229
+ 'facebook',
230
+ 'google_plus',
231
+ 'pinterest',
232
+ 'linkedin',
233
+ 'viber',
234
+ 'vk',
235
+ 'reddit',
236
+ 'tumblr',
237
+ 'viadeo',
238
+ ),
239
  'sanitize_callback' => 'oceanwp_sanitize_multi_choices',
240
  ) );
241
 
250
  'google_plus' => 'Google Plus',
251
  'pinterest' => 'Pinterest',
252
  'linkedin' => 'LinkedIn',
253
+ 'viber' => 'Viber',
254
+ 'vk' => 'VK',
255
+ 'reddit' => 'Reddit',
256
+ 'tumblr' => 'Tumblr',
257
+ 'viadeo' => 'Viadeo',
258
  ),
259
  ) ) );
260
 
261
  /**
262
+ * Social Name
263
+ */
264
+ $wp_customize->add_setting( 'oss_social_share_name', array(
265
+ 'transport' => 'postMessage',
266
+ 'default' => false,
267
+ 'sanitize_callback' => 'oceanwp_sanitize_checkbox',
268
+ ) );
269
+
270
+ $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'oss_social_share_name', array(
271
+ 'label' => esc_html__( 'Add Social Name', 'ocean-social-sharing' ),
272
+ 'type' => 'checkbox',
273
+ 'section' => 'oss_sharing_section',
274
+ 'settings' => 'oss_social_share_name',
275
+ 'priority' => 10,
276
+ ) ) );
277
+
278
+ /**
279
+ * Heading
280
  */
281
  $wp_customize->add_setting( 'oss_social_share_heading', array(
282
  'default' => esc_html__( 'Please Share This', 'ocean-social-sharing' ),
283
  'transport' => 'postMessage',
284
+ 'sanitize_callback' => 'wp_kses_post',
285
  ) );
286
 
287
  $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'oss_social_share_heading', array(
288
+ 'label' => esc_html__( 'Sharing Heading', 'ocean-social-sharing' ),
289
  'section' => 'oss_sharing_section',
290
  'settings' => 'oss_social_share_heading',
291
  'type' => 'text',
292
  'priority' => 10,
293
  ) ) );
294
 
295
+ /**
296
+ * Heading Position
297
+ */
298
+ $wp_customize->add_setting( 'oss_social_share_heading_position', array(
299
+ 'transport' => 'postMessage',
300
+ 'default' => 'side',
301
+ 'sanitize_callback' => 'oceanwp_sanitize_select',
302
+ ) );
303
+
304
+ $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'oss_social_share_heading_position', array(
305
+ 'label' => esc_html__( 'Heading Position', 'ocean-social-sharing' ),
306
+ 'type' => 'select',
307
+ 'section' => 'oss_sharing_section',
308
+ 'settings' => 'oss_social_share_heading_position',
309
+ 'priority' => 10,
310
+ 'choices' => array(
311
+ 'side' => esc_html__( 'Side', 'ocean-social-sharing' ),
312
+ 'top' => esc_html__( 'Top', 'ocean-social-sharing' ),
313
+ ),
314
+ ) ) );
315
+
316
  /**
317
  * Sharing title
318
  */
329
  'priority' => 10,
330
  ) ) );
331
 
332
+ /**
333
+ * Style
334
+ */
335
+ $wp_customize->add_setting( 'oss_social_share_style', array(
336
+ 'transport' => 'postMessage',
337
+ 'default' => 'minimal',
338
+ 'sanitize_callback' => 'oceanwp_sanitize_select',
339
+ ) );
340
+
341
+ $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'oss_social_share_style', array(
342
+ 'label' => esc_html__( 'Style', 'ocean-social-sharing' ),
343
+ 'type' => 'select',
344
+ 'section' => 'oss_sharing_section',
345
+ 'settings' => 'oss_social_share_style',
346
+ 'priority' => 10,
347
+ 'choices' => array(
348
+ 'minimal' => esc_html__( 'Minimal', 'ocean-social-sharing' ),
349
+ 'colored' => esc_html__( 'Colored', 'ocean-social-sharing' ),
350
+ 'dark' => esc_html__( 'Dark', 'ocean-social-sharing' ),
351
+ ),
352
+ ) ) );
353
+
354
+ /**
355
+ * Border Radius
356
+ */
357
+ $wp_customize->add_setting( 'oss_social_share_style_border_radius', array(
358
+ 'transport' => 'postMessage',
359
+ 'sanitize_callback' => 'wp_kses_post',
360
+ ) );
361
+
362
+ $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'oss_social_share_style_border_radius', array(
363
+ 'label' => esc_html__( 'Border Radius', 'ocean-social-sharing' ),
364
+ 'description' => esc_html__( 'Add a custom border radius. px - em - %.', 'ocean-social-sharing' ),
365
+ 'type' => 'text',
366
+ 'section' => 'oss_sharing_section',
367
+ 'settings' => 'oss_social_share_style_border_radius',
368
+ 'priority' => 10,
369
+ ) ) );
370
+
371
  /**
372
  * Borders color
373
  */
374
  $wp_customize->add_setting( 'oss_sharing_borders_color', array(
 
375
  'transport' => 'postMessage',
376
  'sanitize_callback' => 'oceanwp_sanitize_color',
377
  ) );
378
 
379
  $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'oss_sharing_borders_color', array(
380
+ 'label' => esc_html__( 'Minimal Style: Borders Color', 'ocean-social-sharing' ),
381
  'section' => 'oss_sharing_section',
382
  'settings' => 'oss_sharing_borders_color',
383
  'priority' => 10,
387
  * Icons background color
388
  */
389
  $wp_customize->add_setting( 'oss_sharing_icons_bg', array(
 
390
  'transport' => 'postMessage',
391
  'sanitize_callback' => 'oceanwp_sanitize_color',
392
  ) );
393
 
394
  $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'oss_sharing_icons_bg', array(
395
+ 'label' => esc_html__( 'Minimal Style: Background Color', 'ocean-social-sharing' ),
396
  'section' => 'oss_sharing_section',
397
  'settings' => 'oss_sharing_icons_bg',
398
  'priority' => 10,
402
  * Icons color
403
  */
404
  $wp_customize->add_setting( 'oss_sharing_icons_color', array(
 
405
  'transport' => 'postMessage',
406
  'sanitize_callback' => 'oceanwp_sanitize_color',
407
  ) );
408
 
409
  $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'oss_sharing_icons_color', array(
410
+ 'label' => esc_html__( 'Minimal Style: Color', 'ocean-social-sharing' ),
411
  'section' => 'oss_sharing_section',
412
  'settings' => 'oss_sharing_icons_color',
413
  'priority' => 10,
423
  }
424
 
425
  /**
426
+ * Enqueue scripts.
427
  * @since 1.0.0
428
  */
429
+ public function get_scripts() {
430
 
431
  // Load main stylesheet
432
  wp_enqueue_style( 'oss-social-share-style', plugins_url( '/assets/css/style.min.css', __FILE__ ) );
433
 
434
+ // Load main script
435
+ wp_enqueue_script( 'oss-social-share-script', plugins_url( '/assets/js/social.min.js', __FILE__ ), array( 'jquery' ), $this->version, true );
436
+
437
  // If rtl
438
  if ( is_RTL() ) {
439
  wp_enqueue_style( 'oss-social-share-rtl', plugins_url( '/assets/css/rtl.css', __FILE__ ) );
465
  public function head_css( $output ) {
466
 
467
  // Global vars
468
+ $sharing_border_radius = get_theme_mod( 'oss_social_share_style_border_radius' );
469
+ $sharing_borders = get_theme_mod( 'oss_sharing_borders_color' );
470
+ $sharing_icons_bg = get_theme_mod( 'oss_sharing_icons_bg' );
471
+ $sharing_icons_color = get_theme_mod( 'oss_sharing_icons_color' );
472
 
473
  // Define css var
474
  $css = '';
475
 
476
+ // Add border radius
477
+ if ( ! empty( $sharing_border_radius ) ) {
478
+ $css .= '.entry-share ul li a{border-radius:'. $sharing_border_radius .';}';
479
+ }
480
+
481
+ // Add border color
482
+ if ( ! empty( $sharing_borders ) ) {
483
+ $css .= '.entry-share.minimal ul li a{border-color:'. $sharing_borders .';}';
484
  }
485
 
486
  // Add icon background
487
  if ( ! empty( $sharing_icons_bg ) ) {
488
+ $css .= '.entry-share.minimal ul li a{background-color:'. $sharing_icons_bg .';}';
489
  }
490
 
491
  // Add icon color
492
+ if ( ! empty( $sharing_icons_color ) ) {
493
+ $css .= '.entry-share.minimal ul li a{color:'. $sharing_icons_color .';}';
494
+ $css .= '.entry-share.minimal ul li a .oss-icon{fill:'. $sharing_icons_color .';}';
495
  }
496
+
497
  // Return CSS
498
  if ( ! empty( $css ) ) {
499
  $output .= '/* Social Sharing CSS */'. $css;
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.8
6
- Stable tag: 1.0.5.2
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -12,6 +12,15 @@ License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  A simple plugin to add social share buttons to your posts.
13
  This plugin requires the [OceanWP](https://oceanwp.org/) theme to be installed.
14
 
 
 
 
 
 
 
 
 
 
15
  == Installation ==
16
 
17
  1. Upload `ocean-social-sharing` to the `/wp-content/plugins/` directory
@@ -26,10 +35,27 @@ This plugin will only work with the [OceanWP](https://oceanwp.org/) theme.
26
 
27
  == Screenshots ==
28
 
29
- 1. The social sharing buttons.
 
 
 
 
 
 
 
 
30
 
31
  == Changelog ==
32
 
 
 
 
 
 
 
 
 
 
33
  = 1.0.5.2 =
34
  - Added: All sanitize_callback for the customizer options.
35
 
2
  Contributors: oceanwp
3
  Tags: social, social sharing, social share, share, oceanwp
4
  Requires at least: 4.5
5
+ Tested up to: 4.8.2
6
+ Stable tag: 1.0.6
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
12
  A simple plugin to add social share buttons to your posts.
13
  This plugin requires the [OceanWP](https://oceanwp.org/) theme to be installed.
14
 
15
+ = Key Features =
16
+
17
+ * Add social networks: Twitter, Facebook, LinkedIn, Google+, Pinterest, Viber, VK, Reddit, Tumblr and Viadeo.
18
+ * Alter the social sharing buttons
19
+ * Choose between three styles.
20
+ * Add the social names.
21
+ * Choose the heading position.
22
+ * Add or edit the social sharing via a child theme.
23
+
24
  == Installation ==
25
 
26
  1. Upload `ocean-social-sharing` to the `/wp-content/plugins/` directory
35
 
36
  == Screenshots ==
37
 
38
+ 1. Minimal style.
39
+ 2. Colored style.
40
+ 3. Dark style.
41
+ 4. Heading top.
42
+ 5. Minimal style with names.
43
+ 6. Colored style with names.
44
+ 7. Dark style with names.
45
+ 8. Without Heading.
46
+ 9. Settings.
47
 
48
  == Changelog ==
49
 
50
+ = 1.0.6 =
51
+ - Added: New social networks: Viber, VK, Reddit, Tumblr and Viadeo.
52
+ - Added: Three styles: Minimal, Colored and Dark.
53
+ - Added: Social names, now you can display the social name and icon.
54
+ - Added: Border Radius setting.
55
+ - Added: Heading Position field to display the heading on side or top of the social buttons.
56
+ - Tweak: Icons replaced by SVG so if you disable Font Awesome, the social share icons are still there.
57
+ - Tweak: Social windows now opens in the middle of the page.
58
+
59
  = 1.0.5.2 =
60
  - Added: All sanitize_callback for the customizer options.
61
 
template/social-share.php CHANGED
@@ -24,16 +24,52 @@ if ( empty( $sites ) ) {
24
  }
25
 
26
  // Declare main vars
27
- $heading = oceanwp_tm_translation( 'oss_social_share_heading', get_theme_mod( 'oss_social_share_heading', 'Please Share This' ) );
28
- $post_id = get_the_ID();
29
- $url = apply_filters( 'oss_social_share_url', get_permalink( $post_id ) );
30
- $title = get_the_title(); ?>
 
 
 
 
 
 
31
 
32
- <div class="entry-share clr">
 
33
 
34
- <h2 class="theme-heading social-share-title">
35
- <span class="text"><?php echo esc_attr( $heading ); ?></span>
36
- </h2>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
37
 
38
  <ul class="oss-social-share clr">
39
 
@@ -59,48 +95,282 @@ $title = get_the_title(); ?>
59
  $handle = get_theme_mod( 'oss_social_share_twitter_handle' ); ?>
60
 
61
  <li class="twitter">
62
- <a href="https://twitter.com/share?text=<?php echo 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="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
63
- <span class="fa fa-twitter"></span>
 
 
 
 
 
 
 
 
 
 
 
64
  </a>
65
  </li>
66
 
67
  <?php }
 
68
  // Facebook
69
  if ( 'facebook' == $site ) { ?>
70
 
71
  <li class="facebook">
72
- <a href="https://www.facebook.com/sharer.php?u=<?php echo rawurlencode( esc_url( $url ) ); ?>" title="<?php esc_html_e( 'Share on Facebook', 'ocean-social-sharing' ); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
73
- <span class="fa fa-facebook"></span>
 
 
 
 
 
 
 
 
 
 
 
 
74
  </a>
75
  </li>
76
 
77
  <?php }
 
78
  // Google+
79
  if ( 'google_plus' == $site ) { ?>
80
 
81
  <li class="googleplus">
82
- <a href="https://plus.google.com/share?url=<?php echo rawurlencode( esc_url( $url ) ); ?>" title="<?php esc_html_e( 'Share on Google+', 'ocean-social-sharing' ); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
83
- <span class="fa fa-google-plus"></span>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
84
  </a>
85
  </li>
86
 
87
  <?php }
 
88
  // Pinterest
89
  if ( 'pinterest' == $site ) { ?>
90
 
91
  <li class="pinterest">
92
- <a href="https://www.pinterest.com/pin/create/button/?url=<?php echo rawurlencode( esc_url( $url ) ); ?>&amp;media=<?php echo wp_get_attachment_url( get_post_thumbnail_id( $post_id ) ); ?>&amp;description=<?php echo wp_trim_words( strip_shortcodes( get_the_content( $post_id ) ), 40 ); ?>" title="<?php esc_html_e( 'Share on Pinterest', 'ocean-social-sharing' ); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
93
- <span class="fa fa-pinterest-p"></span>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
94
  </a>
95
  </li>
96
 
97
  <?php }
 
98
  // LinkedIn
99
  if ( 'linkedin' == $site ) { ?>
100
 
101
  <li class="linkedin">
102
- <a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=<?php echo rawurlencode( esc_url( $url ) ); ?>&amp;title=<?php echo rawurlencode( $title ); ?>&amp;summary=<?php echo 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="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
103
- <span class="fa fa-linkedin"></span>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
104
  </a>
105
  </li>
106
 
24
  }
25
 
26
  // Declare main vars
27
+ $style = get_theme_mod( 'oss_social_share_style', 'minimal' );
28
+ $style = $style ? $style : 'minimal';
29
+ $heading = oceanwp_tm_translation( 'oss_social_share_heading', get_theme_mod( 'oss_social_share_heading', 'Please Share This' ) );
30
+ $headingPosition = get_theme_mod( 'oss_social_share_heading_position', 'side' );
31
+ $headingPosition = $headingPosition ? $headingPosition : 'side';
32
+ $name = get_theme_mod( 'oss_social_share_name', false );
33
+ $name = $name ? $name : false;
34
+ $post_id = get_the_ID();
35
+ $url = apply_filters( 'oss_social_share_url', get_permalink( $post_id ) );
36
+ $title = get_the_title();
37
 
38
+ // Classes
39
+ $classes = array( 'entry-share', 'clr' );
40
 
41
+ // Add the style class
42
+ $classes[] = $style;
43
+
44
+ // Add the heading position class
45
+ $classes[] = $headingPosition;
46
+
47
+ // Add class if name
48
+ if ( true == $name ) {
49
+ $classes[] = 'has-name';
50
+ }
51
+
52
+ // Add class if no heading
53
+ if ( empty( $heading ) ) {
54
+ $classes[] = 'no-heading';
55
+ }
56
+
57
+ // Turn classes into space seperated string
58
+ $classes = implode( ' ', $classes ); ?>
59
+
60
+ <div class="<?php echo esc_attr( $classes ); ?>">
61
+
62
+ <?php
63
+ // If heading
64
+ if ( ! empty( $heading )
65
+ || is_customize_preview() ) { ?>
66
+
67
+ <h2 class="theme-heading social-share-title">
68
+ <span class="text"><?php echo esc_attr( $heading ); ?></span>
69
+ </h2>
70
+
71
+ <?php
72
+ } ?>
73
 
74
  <ul class="oss-social-share clr">
75
 
95
  $handle = get_theme_mod( 'oss_social_share_twitter_handle' ); ?>
96
 
97
  <li class="twitter">
98
+ <a href="https://twitter.com/share?text=<?php echo 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;">
99
+ <span class="oss-icon-wrap">
100
+ <svg class="oss-icon" aria-labelledby="oss-twitter-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
101
+ <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"/>
102
+ </svg>
103
+ </span>
104
+ <?php
105
+ // If name
106
+ if ( true == $name
107
+ || is_customize_preview() ) { ?>
108
+ <span class="oss-name"><?php esc_html_e( 'Twitter', 'ocean-social-sharing' ); ?></span>
109
+ <?php
110
+ } ?>
111
  </a>
112
  </li>
113
 
114
  <?php }
115
+
116
  // Facebook
117
  if ( 'facebook' == $site ) { ?>
118
 
119
  <li class="facebook">
120
+ <a href="https://www.facebook.com/sharer.php?u=<?php echo rawurlencode( esc_url( $url ) ); ?>" title="<?php esc_html_e( 'Share on Facebook', 'ocean-social-sharing' ); ?>" onclick="oss_onClick( this.href );return false;">
121
+ <span class="oss-icon-wrap">
122
+ <svg class="oss-icon" aria-labelledby="oss-facebook-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
123
+ <path d="M5.677,12.998V8.123h3.575V6.224C9.252,2.949,11.712,0,14.736,0h3.94v4.874h-3.94
124
+ c-0.432,0-0.934,0.524-0.934,1.308v1.942h4.874v4.874h-4.874V24H9.252V12.998H5.677z"/>
125
+ </svg>
126
+ </span>
127
+ <?php
128
+ // If name
129
+ if ( true == $name
130
+ || is_customize_preview() ) { ?>
131
+ <span class="oss-name"><?php esc_html_e( 'Facebook', 'ocean-social-sharing' ); ?></span>
132
+ <?php
133
+ } ?>
134
  </a>
135
  </li>
136
 
137
  <?php }
138
+
139
  // Google+
140
  if ( 'google_plus' == $site ) { ?>
141
 
142
  <li class="googleplus">
143
+ <a href="https://plus.google.com/share?url=<?php echo rawurlencode( esc_url( $url ) ); ?>" title="<?php esc_html_e( 'Share on Google+', 'ocean-social-sharing' ); ?>" onclick="oss_onClick( this.href );return false;">
144
+ <span class="oss-icon-wrap">
145
+ <svg class="oss-icon" aria-labelledby="oss-googleplus-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
146
+ <path d="M7.636,10.929V13.5h4.331c-0.175,1.104-1.309,3.236-4.331,3.236c-2.607,0-4.735-2.121-4.735-4.736
147
+ s2.127-4.736,4.735-4.736c1.484,0,2.476,0.621,3.044,1.157l2.073-1.961C11.422,5.239,9.698,4.5,7.636,4.5C3.415,4.5,0,7.854,0,12
148
+ s3.415,7.5,7.636,7.5c4.407,0,7.331-3.043,7.331-7.329c0-0.493-0.055-0.868-0.12-1.243H7.636z"/>
149
+ <path d="M21.818,10.929V8.786h-2.182v2.143h-2.182v2.143h2.182v2.143h2.182v-2.143H24c0,0.022,0-2.143,0-2.143
150
+ H21.818z"/>
151
+ </svg>
152
+ </span>
153
+ <?php
154
+ // If name
155
+ if ( true == $name
156
+ || is_customize_preview() ) { ?>
157
+ <span class="oss-name"><?php esc_html_e( 'Google+', 'ocean-social-sharing' ); ?></span>
158
+ <?php
159
+ } ?>
160
  </a>
161
  </li>
162
 
163
  <?php }
164
+
165
  // Pinterest
166
  if ( 'pinterest' == $site ) { ?>
167
 
168
  <li class="pinterest">
169
+ <a href="https://www.pinterest.com/pin/create/button/?url=<?php echo rawurlencode( esc_url( $url ) ); ?>&amp;media=<?php echo wp_get_attachment_url( get_post_thumbnail_id( $post_id ) ); ?>&amp;description=<?php echo wp_trim_words( strip_shortcodes( get_the_content( $post_id ) ), 40 ); ?>" title="<?php esc_html_e( 'Share on Pinterest', 'ocean-social-sharing' ); ?>" onclick="oss_onClick( this.href );return false;">
170
+ <span class="oss-icon-wrap">
171
+ <svg class="oss-icon" aria-labelledby="oss-pinterest-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
172
+ <path d="M13.757,17.343c-1.487,0-2.886-0.804-3.365-1.717c0,0-0.8,3.173-0.969,3.785
173
+ c-0.596,2.165-2.35,4.331-2.487,4.508c-0.095,0.124-0.305,0.085-0.327-0.078c-0.038-0.276-0.485-3.007,0.041-5.235
174
+ c0.264-1.118,1.772-7.505,1.772-7.505s-0.44-0.879-0.44-2.179c0-2.041,1.183-3.565,2.657-3.565c1.252,0,1.857,0.94,1.857,2.068
175
+ c0,1.26-0.802,3.142-1.216,4.888c-0.345,1.461,0.734,2.653,2.174,2.653c2.609,0,4.367-3.352,4.367-7.323
176
+ c0-3.018-2.032-5.278-5.731-5.278c-4.177,0-6.782,3.116-6.782,6.597c0,1.2,0.355,2.047,0.909,2.701
177
+ c0.255,0.301,0.29,0.422,0.198,0.767c-0.067,0.254-0.218,0.864-0.281,1.106c-0.092,0.349-0.375,0.474-0.69,0.345
178
+ c-1.923-0.785-2.82-2.893-2.82-5.262c0-3.912,3.3-8.604,9.844-8.604c5.259,0,8.72,3.805,8.72,7.89
179
+ C21.188,13.307,18.185,17.343,13.757,17.343z"/>
180
+ </svg>
181
+ </span>
182
+ <?php
183
+ // If name
184
+ if ( true == $name
185
+ || is_customize_preview() ) { ?>
186
+ <span class="oss-name"><?php esc_html_e( 'Pinterest', 'ocean-social-sharing' ); ?></span>
187
+ <?php
188
+ } ?>
189
  </a>
190
  </li>
191
 
192
  <?php }
193
+
194
  // LinkedIn
195
  if ( 'linkedin' == $site ) { ?>
196
 
197
  <li class="linkedin">
198
+ <a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=<?php echo rawurlencode( esc_url( $url ) ); ?>&amp;title=<?php echo rawurlencode( $title ); ?>&amp;summary=<?php echo 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;">
199
+ <span class="oss-icon-wrap">
200
+ <svg class="oss-icon" aria-labelledby="oss-linkedin-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
201
+ <path d="M6.52,22h-4.13V8.667h4.13V22z M4.436,6.92
202
+ c-1.349,0-2.442-1.101-2.442-2.46C1.994,3.102,3.087,2,4.436,2s2.442,1.102,2.442,2.46C6.877,5.819,5.784,6.92,4.436,6.92z
203
+ M21.994,22h-4.109c0,0,0-5.079,0-6.999c0-1.919-0.73-2.991-2.249-2.991c-1.652,0-2.515,1.116-2.515,2.991c0,2.054,0,6.999,0,6.999
204
+ h-3.96V8.667h3.96v1.796c0,0,1.191-2.202,4.02-2.202c2.828,0,4.853,1.727,4.853,5.298C21.994,17.129,21.994,22,21.994,22z"/>
205
+ </svg>
206
+ </span>
207
+ <?php
208
+ // If name
209
+ if ( true == $name
210
+ || is_customize_preview() ) { ?>
211
+ <span class="oss-name"><?php esc_html_e( 'LinkedIn', 'ocean-social-sharing' ); ?></span>
212
+ <?php
213
+ } ?>
214
+ </a>
215
+ </li>
216
+
217
+ <?php }
218
+
219
+ // Viber
220
+ if ( 'viber' == $site ) { ?>
221
+
222
+ <li class="viber">
223
+ <a href="viber://forward?text=<?php echo rawurlencode( esc_url( $url ) ); ?>" title="<?php esc_html_e( 'Share on Viber', 'ocean-social-sharing' ); ?>" onclick="oss_onClick( this.href );return false;">
224
+ <span class="oss-icon-wrap">
225
+ <svg class="oss-icon" aria-labelledby="oss-viber-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
226
+ <path d="M14.957,5.825c0.764,0.163,1.349,0.453,1.849,0.921c0.643,0.608,0.996,1.343,1.151,2.4
227
+ c0.105,0.689,0.062,0.96-0.182,1.184c-0.229,0.209-0.651,0.217-0.907,0.019c-0.186-0.139-0.244-0.286-0.287-0.685
228
+ c-0.05-0.53-0.143-0.902-0.302-1.246c-0.341-0.731-0.942-1.111-1.957-1.235c-0.477-0.058-0.62-0.112-0.775-0.294
229
+ c-0.283-0.337-0.174-0.883,0.217-1.084c0.147-0.074,0.209-0.081,0.535-0.062C14.5,5.755,14.798,5.79,14.957,5.825z M14.131,2.902
230
+ c2.353,0.344,4.175,1.436,5.369,3.209c0.671,0.999,1.089,2.171,1.233,3.429c0.05,0.461,0.05,1.3-0.004,1.44
231
+ c-0.051,0.131-0.213,0.309-0.353,0.383c-0.151,0.078-0.473,0.07-0.651-0.023c-0.298-0.151-0.388-0.391-0.388-1.041
232
+ c0-1.002-0.26-2.059-0.709-2.88c-0.512-0.937-1.256-1.711-2.163-2.249c-0.779-0.465-1.93-0.809-2.981-0.894
233
+ c-0.38-0.031-0.589-0.108-0.733-0.275c-0.221-0.252-0.244-0.592-0.058-0.875C12.895,2.813,13.205,2.763,14.131,2.902z
234
+ M5.002,0.514c0.136,0.047,0.345,0.155,0.465,0.232c0.736,0.488,2.787,3.108,3.458,4.416c0.384,0.747,0.512,1.3,0.392,1.711
235
+ C9.193,7.314,8.988,7.547,8.069,8.286C7.701,8.584,7.356,8.89,7.301,8.971C7.162,9.172,7.049,9.567,7.049,9.846
236
+ c0.004,0.646,0.423,1.819,0.973,2.721c0.426,0.7,1.19,1.598,1.946,2.287c0.888,0.813,1.671,1.366,2.555,1.804
237
+ c1.136,0.565,1.83,0.708,2.337,0.472c0.128-0.058,0.264-0.135,0.306-0.17c0.039-0.035,0.337-0.399,0.663-0.801
238
+ c0.628-0.79,0.771-0.917,1.202-1.065c0.547-0.186,1.105-0.135,1.667,0.151c0.427,0.221,1.357,0.797,1.957,1.215
239
+ c0.791,0.553,2.481,1.931,2.71,2.206c0.403,0.495,0.473,1.13,0.202,1.831c-0.287,0.739-1.403,2.125-2.182,2.717
240
+ c-0.705,0.534-1.206,0.739-1.865,0.77c-0.543,0.027-0.768-0.019-1.461-0.306c-5.442-2.241-9.788-5.585-13.238-10.179
241
+ c-1.802-2.4-3.175-4.888-4.113-7.47c-0.547-1.505-0.574-2.16-0.124-2.93c0.194-0.325,1.019-1.13,1.62-1.579
242
+ c1-0.743,1.461-1.018,1.83-1.095C4.285,0.371,4.723,0.414,5.002,0.514z M13.864,0.096c1.334,0.166,2.411,0.487,3.593,1.065
243
+ c1.163,0.569,1.907,1.107,2.892,2.086c0.923,0.925,1.434,1.626,1.977,2.713c0.756,1.517,1.186,3.321,1.26,5.306
244
+ c0.027,0.677,0.008,0.828-0.147,1.022c-0.294,0.375-0.942,0.313-1.163-0.108c-0.07-0.139-0.089-0.259-0.112-0.801
245
+ c-0.039-0.832-0.097-1.37-0.213-2.013c-0.458-2.52-1.667-4.532-3.597-5.976c-1.609-1.208-3.272-1.796-5.45-1.924
246
+ c-0.737-0.043-0.864-0.07-1.031-0.197c-0.31-0.244-0.326-0.817-0.027-1.084c0.182-0.166,0.31-0.19,0.942-0.17
247
+ C13.116,0.027,13.6,0.065,13.864,0.096z"/>
248
+ </svg>
249
+ </span>
250
+ <?php
251
+ // If name
252
+ if ( true == $name
253
+ || is_customize_preview() ) { ?>
254
+ <span class="oss-name"><?php esc_html_e( 'Viber', 'ocean-social-sharing' ); ?></span>
255
+ <?php
256
+ } ?>
257
+ </a>
258
+ </li>
259
+
260
+ <?php }
261
+
262
+ // VK
263
+ if ( 'vk' == $site ) { ?>
264
+
265
+ <li class="vk">
266
+ <a href="https://vk.com/share.php?url=<?php echo rawurlencode( esc_url( $url ) ); ?>" title="<?php esc_html_e( 'Share on VK', 'ocean-social-sharing' ); ?>" onclick="oss_onClick( this.href );return false;">
267
+ <span class="oss-icon-wrap">
268
+ <svg class="oss-icon" aria-labelledby="oss-vk-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
269
+ <path d="M11.701 18.771h1.437s.433-.047.654-.284c.21-.221.21-.63.21-.63s-.031-1.927.869-2.21c.887-.281 2.012 1.86 3.211 2.683.916.629 1.605.494 1.605.494l3.211-.044s1.682-.105.887-1.426c-.061-.105-.451-.975-2.371-2.76-2.012-1.861-1.742-1.561.676-4.787 1.469-1.965 2.07-3.166 1.875-3.676-.166-.48-1.26-.361-1.26-.361l-3.602.031s-.27-.031-.465.09c-.195.119-.314.391-.314.391s-.572 1.529-1.336 2.82c-1.623 2.729-2.268 2.879-2.523 2.699-.604-.391-.449-1.58-.449-2.432 0-2.641.404-3.75-.781-4.035-.39-.091-.681-.15-1.685-.166-1.29-.014-2.378.01-2.995.311-.405.203-.72.652-.539.675.24.03.779.146 1.064.537.375.506.359 1.636.359 1.636s.211 3.116-.494 3.503c-.495.262-1.155-.28-2.595-2.756-.735-1.26-1.291-2.67-1.291-2.67s-.105-.256-.299-.406c-.227-.165-.557-.225-.557-.225l-3.435.03s-.51.016-.689.24c-.166.195-.016.615-.016.615s2.686 6.287 5.732 9.453c2.79 2.902 5.956 2.715 5.956 2.715l-.05-.055z"/>
270
+ </svg>
271
+ </span>
272
+ <?php
273
+ // If name
274
+ if ( true == $name
275
+ || is_customize_preview() ) { ?>
276
+ <span class="oss-name"><?php esc_html_e( 'VK', 'ocean-social-sharing' ); ?></span>
277
+ <?php
278
+ } ?>
279
+ </a>
280
+ </li>
281
+
282
+ <?php }
283
+
284
+ // Reddit
285
+ if ( 'reddit' == $site ) { ?>
286
+
287
+ <li class="reddit">
288
+ <a href="http://www.reddit.com/submit?url=<?php echo rawurlencode( esc_url( $url ) ); ?>&amp;title=<?php echo rawurlencode( $title ); ?>" title="<?php esc_html_e( 'Share on Reddit', 'ocean-social-sharing' ); ?>" onclick="oss_onClick( this.href );return false;">
289
+ <span class="oss-icon-wrap">
290
+ <svg class="oss-icon" aria-labelledby="oss-reddit-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
291
+ <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
292
+ c-1.759-1.095-3.991-1.755-6.383-1.895l1.248-3.91l3.43,0.8c0.09,1.237,1.134,2.217,2.405,2.217c1.33,0,2.412-1.072,2.412-2.391
293
+ c0-1.318-1.082-2.39-2.412-2.39c-0.93,0-1.739,0.525-2.141,1.291l-3.985-0.93c-0.334-0.078-0.671,0.112-0.775,0.436L11.547,7.65
294
+ C8.969,7.712,6.546,8.375,4.658,9.534c-0.49-0.38-1.105-0.607-1.774-0.607C1.293,8.927,0,10.209,0,11.785
295
+ c0,0.974,0.495,1.836,1.249,2.351c-0.031,0.227-0.048,0.455-0.048,0.686c0,1.97,1.156,3.803,3.254,5.16
296
+ C6.468,21.283,9.13,22,11.952,22s5.485-0.716,7.496-2.018c2.099-1.357,3.254-3.19,3.254-5.16c0-0.21-0.014-0.419-0.041-0.626
297
+ C23.464,13.689,23.999,12.798,23.999,11.786 M19.997,3.299c0.607,0,1.102,0.49,1.102,1.091c0,0.602-0.494,1.092-1.102,1.092
298
+ s-1.102-0.49-1.102-1.092C18.896,3.789,19.389,3.299,19.997,3.299 M6.805,13.554c0-0.888,0.752-1.633,1.648-1.633
299
+ c0.897,0,1.625,0.745,1.625,1.633c0,0.889-0.728,1.61-1.625,1.61C7.557,15.163,6.805,14.442,6.805,13.554 M15.951,18.288
300
+ c-0.836,0.827-2.124,1.229-3.939,1.229c-0.004,0-0.008-0.001-0.013-0.001c-0.004,0-0.008,0.001-0.013,0.001
301
+ c-1.815,0-3.103-0.402-3.938-1.229c-0.256-0.254-0.256-0.665,0-0.919c0.256-0.253,0.671-0.253,0.927,0
302
+ c0.576,0.571,1.561,0.849,3.01,0.849c0.005,0,0.009,0.001,0.013,0.001c0.005,0,0.009-0.001,0.013-0.001
303
+ c1.45,0,2.435-0.278,3.012-0.849c0.256-0.254,0.671-0.253,0.927,0C16.206,17.623,16.206,18.034,15.951,18.288 M15.569,15.163
304
+ c-0.897,0-1.651-0.721-1.651-1.61s0.754-1.633,1.651-1.633s1.625,0.745,1.625,1.633C17.193,14.442,16.466,15.163,15.569,15.163"/>
305
+ </svg>
306
+ </span>
307
+ <?php
308
+ // If name
309
+ if ( true == $name
310
+ || is_customize_preview() ) { ?>
311
+ <span class="oss-name"><?php esc_html_e( 'Reddit', 'ocean-social-sharing' ); ?></span>
312
+ <?php
313
+ } ?>
314
+ </a>
315
+ </li>
316
+
317
+ <?php }
318
+
319
+ // Tumblr
320
+ if ( 'tumblr' == $site ) { ?>
321
+
322
+ <li class="tumblr">
323
+ <a href="https://www.tumblr.com/widgets/share/tool?canonicalUrl=<?php echo rawurlencode( esc_url( $url ) ); ?>" title="<?php esc_html_e( 'Share on Tumblr', 'ocean-social-sharing' ); ?>" onclick="oss_onClick( this.href );return false;">
324
+ <span class="oss-icon-wrap">
325
+ <svg class="oss-icon" aria-labelledby="oss-tumblr-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
326
+ <path d="M19.44,22.887c-1.034,0.487-1.97,0.828-2.808,1.024
327
+ c-0.838,0.195-1.744,0.293-2.718,0.293c-1.106,0-2.083-0.14-2.933-0.418c-0.851-0.279-1.575-0.677-2.175-1.194
328
+ c-0.6-0.518-1.017-1.067-1.248-1.649c-0.231-0.581-0.347-1.425-0.347-2.53V9.93H4.56V6.482c0.947-0.309,1.759-0.751,2.434-1.327
329
+ C7.67,4.58,8.212,3.889,8.62,3.081C9.029,2.274,9.311,1.247,9.464,0h3.429v6.131h5.747V9.93h-5.747v6.208
330
+ c0,1.403,0.074,2.304,0.223,2.702c0.149,0.399,0.426,0.718,0.829,0.954c0.536,0.322,1.148,0.483,1.838,0.483
331
+ c1.225,0,2.444-0.399,3.657-1.196V22.887L19.44,22.887z"/>
332
+ </svg>
333
+ </span>
334
+ <?php
335
+ // If name
336
+ if ( true == $name
337
+ || is_customize_preview() ) { ?>
338
+ <span class="oss-name"><?php esc_html_e( 'Tumblr', 'ocean-social-sharing' ); ?></span>
339
+ <?php
340
+ } ?>
341
+ </a>
342
+ </li>
343
+
344
+ <?php }
345
+
346
+ // Viadeo
347
+ if ( 'viadeo' == $site ) { ?>
348
+
349
+ <li class="viadeo">
350
+ <a href="https://partners.viadeo.com/share?url=<?php echo rawurlencode( esc_url( $url ) ); ?>" title="<?php esc_html_e( 'Share on Viadeo', 'ocean-social-sharing' ); ?>" onclick="oss_onClick( this.href );return false;">
351
+ <span class="oss-icon-wrap">
352
+ <svg class="oss-icon" aria-labelledby="oss-viadeo-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
353
+ <path d="M21.046,0.546c-1.011,2.159-2.882,2.557-2.882,2.557c-1.87,0.476-2.525,1.202-2.525,1.202
354
+ c-1.871,1.889-0.396,4.181-0.396,4.181c4.039-0.922,5.514-4.259,5.514-4.259c-0.181,2.242-4.986,4.887-4.986,4.887
355
+ c1.592,1.565,3.111,1.374,4.112,0.775c1.328-0.795,1.968-2.537,1.968-2.537C23.142,3.484,21.046,0.546,21.046,0.546z
356
+ M14.424,7.082c0.044,0.662,0.772,12.464-5.445,14.829c0,0,0.571,0.108,1.216,0.079c0,0,7.912-5.015,4.283-14.745
357
+ C14.478,7.244,14.463,7.185,14.424,7.082z M11.113,0c1.988,3.356,3.067,6.364,3.311,7.081V7.052C13.936,1.88,11.113,0,11.113,0z"/>
358
+ <path d="M16.465,15.438c0,1.192-0.283,2.301-0.85,3.332c-0.566,1.031-1.328,1.825-2.295,2.385
359
+ c-0.962,0.559-2.022,0.839-3.169,0.839c-1.153,0-2.207-0.28-3.169-0.839C6.02,20.595,5.253,19.8,4.687,18.769
360
+ c-0.566-1.03-0.85-2.139-0.85-3.332c0-1.845,0.62-3.42,1.861-4.725c1.24-1.3,2.725-1.953,4.454-1.953
361
+ c0.82,0,1.587,0.152,2.3,0.447c0.073-0.756,0.337-1.457,0.625-2.032c-0.899-0.329-1.87-0.491-2.92-0.491
362
+ c-2.496,0-4.561,0.923-6.197,2.772c-1.485,1.673-2.232,3.656-2.232,5.932c0,2.301,0.786,4.313,2.354,6.031
363
+ C5.655,23.141,7.677,24,10.152,24c2.466,0,4.488-0.859,6.056-2.581c1.573-1.722,2.354-3.734,2.354-6.031
364
+ c0-1.232-0.215-2.375-0.645-3.425c-0.723,0.447-1.406,0.677-1.973,0.8C16.295,13.578,16.465,14.471,16.465,15.438z"/>
365
+ </svg>
366
+ </span>
367
+ <?php
368
+ // If name
369
+ if ( true == $name
370
+ || is_customize_preview() ) { ?>
371
+ <span class="oss-name"><?php esc_html_e( 'Viadeo', 'ocean-social-sharing' ); ?></span>
372
+ <?php
373
+ } ?>
374
  </a>
375
  </li>
376