Serious Slider - Version 1.0.2

Version Description

Serious Slider version 1.0 brings a lot of new features but moves styling of inside caption links to separate slide buttons. Make sure you review your slides setup after updating.

=

Download this release

Release Info

Developer Cryout Creations
Plugin Icon 128x128 Serious Slider
Version 1.0.2
Comparing to
See all releases

Code changes from version 1.0.1 to 1.0.2

cryout-serious-slider.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Cryout Serious Slider
4
  Plugin URI: http://www.cryoutcreations.eu/serious-slider
5
  Description: A highly efficient SEO friendly fully translatable accessibility ready free image slider for WordPress. Seriously!
6
- Version: 1.0.1
7
  Author: Cryout Creations
8
  Author URI: http://www.cryoutcreations.eu
9
  Text Domain: cryout-serious-slider
@@ -11,9 +11,12 @@
11
  License URI: http://www.gnu.org/licenses/gpl.html
12
  */
13
 
 
 
 
14
  class Cryout_Serious_Slider {
15
 
16
- public $version = "1.0.1";
17
  public $options = array();
18
  public $shortcode_tag = 'serious-slider';
19
  public $mce_tag = 'serious_slider';
3
  Plugin Name: Cryout Serious Slider
4
  Plugin URI: http://www.cryoutcreations.eu/serious-slider
5
  Description: A highly efficient SEO friendly fully translatable accessibility ready free image slider for WordPress. Seriously!
6
+ Version: 1.0.2
7
  Author: Cryout Creations
8
  Author URI: http://www.cryoutcreations.eu
9
  Text Domain: cryout-serious-slider
11
  License URI: http://www.gnu.org/licenses/gpl.html
12
  */
13
 
14
+ // Exit if accessed directly
15
+ if ( !defined( 'ABSPATH' ) ) exit;
16
+
17
  class Cryout_Serious_Slider {
18
 
19
+ public $version = "1.0.2";
20
  public $options = array();
21
  public $shortcode_tag = 'serious-slider';
22
  public $mce_tag = 'serious_slider';
demo/demo-content.php CHANGED
@@ -1,5 +1,8 @@
1
  <?php
2
 
 
 
 
3
  class Cryout_Serious_Slider_DemoContent {
4
 
5
  private $sample_slides = array(
1
  <?php
2
 
3
+ // Exit if accessed directly
4
+ if ( !defined( 'ABSPATH' ) ) exit;
5
+
6
  class Cryout_Serious_Slider_DemoContent {
7
 
8
  private $sample_slides = array(
inc/about.php CHANGED
@@ -1,3 +1,10 @@
 
 
 
 
 
 
 
1
  <div class="wrap" id="serious-slider-about">
2
  <h2><?php //echo $this->title; ?></h2>
3
  <?php
1
+ <?php
2
+
3
+ // Exit if accessed directly
4
+ if ( !defined( 'ABSPATH' ) ) exit;
5
+
6
+ ?>
7
+
8
  <div class="wrap" id="serious-slider-about">
9
  <h2><?php //echo $this->title; ?></h2>
10
  <?php
inc/helpers.php CHANGED
@@ -4,6 +4,9 @@
4
  * inherited from Cryout Framework
5
  */
6
 
 
 
 
7
  class Cryout_Serious_Slider_Sanitizers {
8
 
9
  /* sanitizes a RGB colour code to make sure it has proper structure and starts with # */
4
  * inherited from Cryout Framework
5
  */
6
 
7
+ // Exit if accessed directly
8
+ if ( !defined( 'ABSPATH' ) ) exit;
9
+
10
  class Cryout_Serious_Slider_Sanitizers {
11
 
12
  /* sanitizes a RGB colour code to make sure it has proper structure and starts with # */
inc/meta.php CHANGED
@@ -1,3 +1,10 @@
 
 
 
 
 
 
 
1
  <?php wp_nonce_field( 'cryout_serious_slider_meta_nonce', 'cryout_serious_slider_meta_nonce' ); ?>
2
 
3
  <?php for ($i=1;$i<=$this->butts;$i++) { ?>
1
+ <?php
2
+
3
+ // Exit if accessed directly
4
+ if ( !defined( 'ABSPATH' ) ) exit;
5
+
6
+ ?>
7
+
8
  <?php wp_nonce_field( 'cryout_serious_slider_meta_nonce', 'cryout_serious_slider_meta_nonce' ); ?>
9
 
10
  <?php for ($i=1;$i<=$this->butts;$i++) { ?>
inc/right-column.php CHANGED
@@ -1,9 +1,16 @@
 
 
 
 
 
 
 
1
  <div id="floater-right">
2
  <div class="col-wrap">
3
  <div class="form-wrap">
4
  <h3 class="hndle"><?php //_e('Usage', 'cryout-serious-slider') ?></h3>
5
  <div class="inside">
6
- <?php echo '<a id="cryout-manage-slides" href="edit.php?post_type='. $this->posttype . '&'. $this->taxonomy . '=' . $term_slug . '">' . __('&laquo; Manage Slides &raquo;', 'cryout-serious-slider') . '</a>'; ?>
7
  <h3><?php _e('Shortcode', 'cryout-serious-slider') ?></h3>
8
  <p><?php _e('Use the shortcode to include the slider in posts, pages or widgets', 'cryout-serious-slider') ?></p>
9
  <input type="text" readonly="readonly" value="[serious-slider id=<?php echo $term_ID ?>]"><br>
1
+ <?php
2
+
3
+ // Exit if accessed directly
4
+ if ( !defined( 'ABSPATH' ) ) exit;
5
+
6
+ ?>
7
+
8
  <div id="floater-right">
9
  <div class="col-wrap">
10
  <div class="form-wrap">
11
  <h3 class="hndle"><?php //_e('Usage', 'cryout-serious-slider') ?></h3>
12
  <div class="inside">
13
+ <a id="cryout-manage-slides" class="button" href="edit.php?post_type=<?php echo $this->posttype . '&'. $this->taxonomy . '=' . $term_slug ?>"> <?php _e('&laquo; Manage Slides &raquo;', 'cryout-serious-slider') ?></a>
14
  <h3><?php _e('Shortcode', 'cryout-serious-slider') ?></h3>
15
  <p><?php _e('Use the shortcode to include the slider in posts, pages or widgets', 'cryout-serious-slider') ?></p>
16
  <input type="text" readonly="readonly" value="[serious-slider id=<?php echo $term_ID ?>]"><br>
inc/shortcodes.php CHANGED
@@ -1,5 +1,8 @@
1
  <?php
2
 
 
 
 
3
  /* The shortcode class */
4
  class Cryout_Serious_Slider_Shortcode {
5
 
@@ -54,7 +57,6 @@ class Cryout_Serious_Slider_Shortcode {
54
  if ( empty($attr['id'])) { return; }
55
 
56
  $options = apply_filters('cryout_serious_slider_shortcode_attributes', $this->shortcode_options( $attr['id'] ), $attr, $attr['id']);
57
- $options = $this->shortcode_options( $attr['id'] );
58
  extract($options);
59
 
60
  if (!empty($attr['count'])) $count = esc_attr($attr['count']); else $count = -1;
1
  <?php
2
 
3
+ // Exit if accessed directly
4
+ if ( !defined( 'ABSPATH' ) ) exit;
5
+
6
  /* The shortcode class */
7
  class Cryout_Serious_Slider_Shortcode {
8
 
57
  if ( empty($attr['id'])) { return; }
58
 
59
  $options = apply_filters('cryout_serious_slider_shortcode_attributes', $this->shortcode_options( $attr['id'] ), $attr, $attr['id']);
 
60
  extract($options);
61
 
62
  if (!empty($attr['count'])) $count = esc_attr($attr['count']); else $count = -1;
inc/taxmeta.php CHANGED
@@ -1,3 +1,8 @@
 
 
 
 
 
1
 
2
  <div class="seriousslider-media">
3
  <div class="seriousslider-media-container"></div>
1
+ <?php
2
+
3
+ // Exit if accessed directly
4
+ if ( !defined( 'ABSPATH' ) ) exit;
5
+ ?>
6
 
7
  <div class="seriousslider-media">
8
  <div class="seriousslider-media-container"></div>
inc/widgets.php CHANGED
@@ -1,5 +1,8 @@
1
  <?php
2
 
 
 
 
3
  class Cryout_Serious_Slider_Widget extends WP_Widget {
4
 
5
  public $shortcode_tag = 'serious-slider';
1
  <?php
2
 
3
+ // Exit if accessed directly
4
+ if ( !defined( 'ABSPATH' ) ) exit;
5
+
6
  class Cryout_Serious_Slider_Widget extends WP_Widget {
7
 
8
  public $shortcode_tag = 'serious-slider';
readme.txt CHANGED
@@ -7,7 +7,7 @@ Tags: slider, slideshow, image slider, responsive slider, wordpress slider
7
  Text Domain: cryout-serious-slider
8
  Requires at least: 4.0
9
  Tested up to: 4.9
10
- Stable tag: 1.0.1
11
 
12
  Serious Slider is a highly efficient SEO friendly fully translatable accessibility ready free image slider for WordPress. Seriously!
13
 
@@ -99,12 +99,18 @@ Serious Slider works with all WordPress themes and has been designed to integrat
99
 
100
  == Upgrade Notice ==
101
 
102
- = 1.0.1 =
103
  Serious Slider version 1.0 brings a lot of new features but moves styling of inside caption links to separate slide buttons. Make sure you review your slides setup after updating.
104
 
105
 
106
  == Changelog ==
107
 
 
 
 
 
 
 
108
  = 1.0.1 =
109
  * Fixed notice of undefined function call in shortcodes.php
110
  * Updated info on plugin about page
7
  Text Domain: cryout-serious-slider
8
  Requires at least: 4.0
9
  Tested up to: 4.9
10
+ Stable tag: 1.0.2
11
 
12
  Serious Slider is a highly efficient SEO friendly fully translatable accessibility ready free image slider for WordPress. Seriously!
13
 
99
 
100
  == Upgrade Notice ==
101
 
102
+ = 1.0.2 =
103
  Serious Slider version 1.0 brings a lot of new features but moves styling of inside caption links to separate slide buttons. Make sure you review your slides setup after updating.
104
 
105
 
106
  == Changelog ==
107
 
108
+ = 1.0.2 =
109
+ * Fixed shortcode attributes filter in wrong location and not working
110
+ * Fixed slider missing indicators when 'cryout theme' style is used
111
+ * Fixed slider description field being visible when HTML descriptions are enabled
112
+ * Improved 'manage slider' section appearance and responsiveness
113
+
114
  = 1.0.1 =
115
  * Fixed notice of undefined function call in shortcodes.php
116
  * Updated info on plugin about page
resources/backend.css CHANGED
@@ -2,6 +2,9 @@
2
  * Cryout Serious Slider Styling
3
  **/
4
 
 
 
 
5
  /* About page */
6
  #serious-slider-about,
7
  #serious-slider-about p,
@@ -67,14 +70,18 @@
67
 
68
  /* Taxonomy pages */
69
  #cryout_serious_slider_category,
70
- #menu_order {width: 10%;}
 
 
71
 
72
- .form-wrap,
73
- #edittag {
 
74
  background: #FFF;
75
  border: 1px solid #e5e5e5;
76
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
77
  padding: 2.5em;
 
78
  }
79
 
80
  #edittag {
@@ -166,7 +173,7 @@
166
 
167
 
168
  .seriousslider-single-thumb img {
169
- left: 50%;
170
  top: 50%;
171
  position: absolute;
172
  transform: translateX(-50%) translateY(-50%);
@@ -222,7 +229,7 @@
222
  /*text-align: right;*/
223
  }
224
 
225
-
226
  div.term-slug-wrap,
227
  div.term-parent-wrap,
228
  div.term-description-wrap,
@@ -287,27 +294,69 @@ select#filter-by-date {
287
  border: 2px solid #DDD;
288
  }
289
 
290
- @media (min-width: 780px) {
291
- #col-left, #col-right, #edittag { width: 50%; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
292
  }
293
 
294
- @media (max-width: 960px) {
295
- #floater-right { width: 40%; }
296
- }
297
-
298
- @media (max-width: 780px) {
299
- #floater-right {
300
- width: 98%;
301
- position: static; }
302
- }
303
 
304
  #cryout-manage-slides {
305
  display: block;
 
306
  margin-bottom: 2em;
307
  padding: 1em;
308
  border: 2px solid;
309
- background: #0073aa;
310
- color: #FFF;
311
  font-weight: bold;
312
  text-decoration: none;
313
  text-align: center;
2
  * Cryout Serious Slider Styling
3
  **/
4
 
5
+ #wpbody .form-table td select { height: auto; }
6
+ .wrap > .search-form { display: none; }
7
+
8
  /* About page */
9
  #serious-slider-about,
10
  #serious-slider-about p,
70
 
71
  /* Taxonomy pages */
72
  #cryout_serious_slider_category,
73
+ #menu_order {
74
+ width: 10%;
75
+ }
76
 
77
+ #edittag,
78
+ #floater-right,
79
+ #col-left {
80
  background: #FFF;
81
  border: 1px solid #e5e5e5;
82
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
83
  padding: 2.5em;
84
+ box-sizing: border-box;
85
  }
86
 
87
  #edittag {
173
 
174
 
175
  .seriousslider-single-thumb img {
176
+ left: 50%;
177
  top: 50%;
178
  position: absolute;
179
  transform: translateX(-50%) translateY(-50%);
229
  /*text-align: right;*/
230
  }
231
 
232
+ #wp-description-wrap,
233
  div.term-slug-wrap,
234
  div.term-parent-wrap,
235
  div.term-description-wrap,
294
  border: 2px solid #DDD;
295
  }
296
 
297
+ @media (min-width: 1280px) {
298
+ #col-left,
299
+ #edittag {
300
+ width: 60%;
301
+ }
302
+ #col-right {
303
+ width: 40%;
304
+ }
305
+ }
306
+
307
+ @media (max-width: 1280px) {
308
+ #col-left {
309
+ width: 100%;
310
+ max-width: 800px;
311
+ }
312
+ #floater-right,
313
+ #col-right {
314
+ position: static;
315
+ width: 100%;
316
+ background: #eee;
317
+ max-width: 800px;
318
+ float: left;
319
+ }
320
+ }
321
+
322
+ @media (max-width: 1200px) {
323
+ #serious-slider-about .ui-tabs .ui-tabs-nav {
324
+ padding: 0;
325
+ }
326
+ #serious-slider-about .ui-tabs .ui-tabs-nav li,
327
+ #serious-slider-about .ui-tabs .ui-tabs-nav li a {
328
+ padding: 6px 12px;
329
+ }
330
+ #serious-slider-about .ui-tabs .ui-tabs-nav li {
331
+ margin-right: 0.4em;
332
+ }
333
+ }
334
+
335
+ @media (max-width: 640px) {
336
+ #edittag, #floater-right {
337
+ padding: 0.5em;
338
+ }
339
+ .ui-tabs .ui-tabs-nav {
340
+ padding: 0;
341
+ }
342
+ .ui-tabs .ui-tabs-nav li,
343
+ .ui-tabs .ui-tabs-nav li a {
344
+ padding: 6px 5px;
345
+ }
346
+ .ui-tabs .ui-tabs-nav li {
347
+ margin-right: 0.4em;
348
+ }
349
  }
350
 
 
 
 
 
 
 
 
 
 
351
 
352
  #cryout-manage-slides {
353
  display: block;
354
+ height: auto;
355
  margin-bottom: 2em;
356
  padding: 1em;
357
  border: 2px solid;
358
+ /* background: #0073aa;
359
+ color: #FFF; */
360
  font-weight: bold;
361
  text-decoration: none;
362
  text-align: center;
resources/style.css CHANGED
@@ -534,7 +534,8 @@
534
  text-align: justify;
535
  }
536
 
537
- .seriousslider-caption {
 
538
  color: #FFF;
539
  }
540
 
@@ -573,6 +574,10 @@
573
  font-size: 30px;
574
  cursor: pointer;
575
  background: transparent;
 
 
 
 
576
  }
577
 
578
  .seriousslider-control:hover {
@@ -589,6 +594,19 @@
589
  right: 2%;
590
  left: auto;
591
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
592
 
593
  .seriousslider-control:hover,
594
  .seriousslider-control:focus {
@@ -603,6 +621,7 @@
603
  }
604
 
605
  .cryout-serious-slider .seriousslider-indicators {
 
606
  position: absolute;
607
  bottom: 10px;
608
  left: 0;
@@ -617,11 +636,24 @@
617
 
618
  ol.seriousslider-indicators li {
619
  display: inline-block;
620
- width: 11px;
621
- height: 11px;
622
  margin: 1px;
623
  text-indent: -999px;
624
  cursor: pointer;
 
 
 
 
 
 
 
 
 
 
 
 
 
625
  }
626
 
627
  ol.seriousslider-indicators li + li {
534
  text-align: justify;
535
  }
536
 
537
+ .seriousslider-caption,
538
+ .seriousslider-caption .seriousslider-caption-title {
539
  color: #FFF;
540
  }
541
 
574
  font-size: 30px;
575
  cursor: pointer;
576
  background: transparent;
577
+ color: #fff;
578
+ text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
579
+ -webkit-transition: .3s ease-out;
580
+ transition: .3s ease-out;
581
  }
582
 
583
  .seriousslider-control:hover {
594
  right: 2%;
595
  left: auto;
596
  }
597
+ .seriousslider-control.left:hover {
598
+ opacity: 1;
599
+ padding-right: 10px;
600
+ }
601
+
602
+ .seriousslider-control.right:hover {
603
+ opacity: 1;
604
+ padding-left: 10px;
605
+ }
606
+
607
+ .seriousslider-control:active {
608
+ opacity: .5;
609
+ }
610
 
611
  .seriousslider-control:hover,
612
  .seriousslider-control:focus {
621
  }
622
 
623
  .cryout-serious-slider .seriousslider-indicators {
624
+ display: table;
625
  position: absolute;
626
  bottom: 10px;
627
  left: 0;
636
 
637
  ol.seriousslider-indicators li {
638
  display: inline-block;
639
+ width: 12px;
640
+ height: 12px;
641
  margin: 1px;
642
  text-indent: -999px;
643
  cursor: pointer;
644
+ border: 2px solid #FFF;
645
+ box-shadow: 0 1px 1px rgba(0,0,0,.2);
646
+ border-radius: 100px;
647
+ -webkit-transition: .3s ease-out;
648
+ transition: .3s ease-out;
649
+ }
650
+
651
+ ol.seriousslider-indicators li:hover {
652
+ background: rgba(255, 255, 255, .5);
653
+ }
654
+
655
+ ol.seriousslider-indicators li.active {
656
+ background: rgba(255, 255, 255, 1);
657
  }
658
 
659
  ol.seriousslider-indicators li + li {