Kirki - Version 0.7

Version Description

  • 2014-03-14, dev time: 10 hours ==
  • Fix: Array to string conversion that happened conditionally when used with googlefonts. (props @groucho75)
  • Fix: Background opacity affects background-position of bg image
  • Fix: font-weight not being applied on google fonts
  • New: Added kirki_get_option( $setting ); function that also gets default values
  • Tweak: Singleton for main plugin class
  • Fix: Prevent empty help tooltips
  • New: Added toggle control
  • New: Added switch control
  • Fix: Color controls were not being reset to default:
  • Tweak: Tooltips now loaded via jQuery
  • Tweak: Renamed setting to settings for consistency with WordPress core
  • Tweak: Renamed description to help and subtitle to `description for consistency with WordPress core
  • Tweak: Backwards-compatibility improvements
  • New: Allow hiding background control elements by not including default values for them
  • Tweak: Performance improvements
  • Tweak: Using WordPress core controls instead of custom ones when those are available
  • Tweak: Separate logic for multiple-type controls that were using the "mode" argument. This has been deprecated in favor of completely separate control types.

=

Download this release

Release Info

Developer aristath
Plugin Icon 128x128 Kirki
Version 0.7
Comparing to
See all releases

Code changes from version 0.6.2 to 0.7

Files changed (27) hide show
  1. README.md +0 -96
  2. assets/css/customizer.css +0 -5
  3. includes/class-kirki-controls.php +243 -114
  4. includes/class-kirki-customize-control.php +0 -24
  5. includes/class-kirki-fonts.php +4 -28
  6. includes/class-kirki-scripts.php +65 -14
  7. includes/class-kirki-settings.php +55 -44
  8. includes/class-kirki-style.php +42 -22
  9. includes/controls/class-kirki-customize-checkbox-control.php +0 -34
  10. includes/controls/class-kirki-customize-color-control.php +0 -83
  11. includes/controls/class-kirki-customize-group-title-control.php +5 -7
  12. includes/controls/class-kirki-customize-image-control.php +0 -193
  13. includes/controls/class-kirki-customize-multicheck-control.php +6 -8
  14. includes/controls/class-kirki-customize-number-control.php +5 -7
  15. includes/controls/class-kirki-customize-radio-buttonset-control.php +40 -0
  16. includes/controls/class-kirki-customize-radio-control.php +0 -85
  17. includes/controls/class-kirki-customize-radio-image-control.php +40 -0
  18. includes/controls/class-kirki-customize-select-control.php +0 -32
  19. includes/controls/class-kirki-customize-slider-control.php +6 -9
  20. includes/controls/class-kirki-customize-sortable-control.php +7 -9
  21. includes/controls/class-kirki-customize-switch-control.php +28 -0
  22. includes/controls/class-kirki-customize-text-control.php +0 -24
  23. includes/controls/class-kirki-customize-textarea-control.php +0 -23
  24. includes/controls/class-kirki-customize-toggle-control.php +27 -0
  25. includes/controls/class-kirki-customize-upload-control.php +0 -69
  26. kirki.php +86 -20
  27. readme.txt +44 -17
README.md DELETED
@@ -1,96 +0,0 @@
1
- === Kirki ===
2
- Contributors: aristath, fovoc
3
- Donate link: http://kirki.org
4
- Tags: customizer
5
- Requires at least: 4.0
6
- Tested up to: 4.1.1
7
- Stable tag: 0.6.0
8
- License: GPLv2 or later
9
- License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
-
11
- Tired of all the bloated options frameworks? You can use the WordPress Customizer instead, and extend it using Kirki!
12
-
13
- == Description ==
14
-
15
- Kirki allows developers to add advanced controls to their customizer as well as customize the way the customizer looks and feels.
16
-
17
- The following controls are included:
18
-
19
- * Buttonset
20
- * Checkbox
21
- * Color
22
- * Image
23
- * Background
24
- * Image Radio
25
- * Multicheck
26
- * Radio
27
- * Select
28
- * Slider
29
- * Text
30
- * Textarea
31
- * Upload
32
- * Switch
33
- * Toggle
34
- * Sortable
35
-
36
- For documentation and examples on how to use these controls, please visit [kirki.org](http://kirki.org/#fields).
37
-
38
- In addition you can also automatically generate the CSS for a lot of controls and have it added to the head of your document without writing any custom functions and code for that. [Learn more about automatic output of CSS here](http://kirki.org/#output)
39
-
40
- == Installation ==
41
-
42
- Just install this plugin and activate it.
43
- For configuration instructions please visit http://kirki.org/#configuration
44
-
45
- == 0.6.1 - 2012-02-25, dev time: 1 hours==
46
- * Fix: Sortables controls had a JS conflict
47
- * Fix: Switches & Toggles were not properly working
48
-
49
- == 0.6.0 - 2012-02-25, dev time: 9 hours==
50
- * Fix: Tooltips now properly working
51
- * New: Added checkbox switches
52
- * New: Added checkbox toggles
53
- * Fix: Generated CSS is not properly combined & minified
54
- * Fix: Re-structuring files hierarchy
55
- * Fix: Simplify the way controls are loaded
56
- * New: Only load control classes when they are needed
57
- * New: Introducing Kirki_Customize_Control class
58
- * Fix: CSS tweaks
59
- * New: Sortable control (creating one is identical to a select control, but with `'type' => 'sortable'`)
60
- * Fix: Double output CSS (props @agusmu)
61
- * New: Google fonts now parsed from a json file.
62
-
63
- == 0.5.1 ==
64
- * Fix: Transport defaults to refresh instead of postMessage
65
- * Fix: undefined index notice.
66
-
67
- == 0.5 ==
68
- * New: Automatic output of styles for generic controls.
69
- * New: Automatic output of styles + scripts for fonts (including googlefonts )
70
- * New: The 'output' argument on background controls is now an array for consistency with other controls. Older syntax is still compatible though. :)
71
- * New: Add the ability to auto-generate styles for colors.
72
- * Fix: Add a blank stylesheet if we need one and no stylesheet_id has been defined in the config options.
73
- * Fix: CSS-only tooltips. Fixes issue with tooltips now showing up on WP >= 4.1
74
- * Fix: Code cleanups
75
- * New: Added support for WordPress's transport arguments
76
- * Fix: All controls now have a sanitization callback. Users can override the default sanitizations by adding their own 'sanitize_callback' argument.
77
- * Fix: OOP rewrite
78
- * Fix: Strip protocol from Google API link
79
- * Fix: Loading order for some files
80
- * Fix: Removed deprecated less_var argument
81
-
82
- = 0.4 =
83
- * Fix: bugfix for selector
84
- * New: Change the Kirki theme based on which admin theme is selected.
85
- * Fix: Tranlsation domain issue
86
- * New: Added a "group_title" control
87
- * Fix: Updated the required script
88
- * Fix: Updating CSS
89
- * Other minor improvements and bugfixes
90
-
91
- = 0.3 =
92
- * new: added background field
93
- * new: added 'output' argument to directly output the CSS
94
-
95
- = 0.2 =
96
- * Initial version
assets/css/customizer.css CHANGED
@@ -45,11 +45,6 @@ li .image.ui-buttonset label.ui-button {
45
margin-right: 15px;
46
}
47
48
- .customizer-subtitle {
49
- font-size: 0.9em;
50
- margin-bottom: 5px;
51
- }
52
-
53
div.kirki-customizer {
54
height: 80px;
55
}
45
margin-right: 15px;
46
}
47
48
div.kirki-customizer {
49
height: 80px;
50
}
includes/class-kirki-controls.php CHANGED
@@ -1,139 +1,268 @@
1
<?php
2
3
4
- class Kirki_Controls extends Kirki {
5
6
- function add_control( $wp_customize, $control ) {
7
8
- $control['label'] = isset( $control['label'] ) ? $control['label'] : '';
9
- $control['settings'] = $control['setting'];
10
- $control['description'] = isset( $control['description'] ) ? $control['description'] : null;
11
- $control['subtitle'] = isset( $control['subtitle'] ) ? $control['subtitle'] : '';
12
$control['required'] = isset( $control['required'] ) ? $control['required'] : array();
13
$control['transport'] = isset( $control['transport'] ) ? $control['transport'] : 'refresh';
14
- $control['default'] = 'sortable' == $control['type'] ? maybe_serialize( $control['default'] ) : $control['default'];
15
16
- if ( 'background' != $control['type'] ) {
17
18
- $control_class = 'Kirki_Customize_' . ucfirst( $control['type'] ) . '_Control';
19
- $control_class = ( 'group_title' == $control['type'] ) ? 'Kirki_Customize_Group_Title_Control' : $control_class;
20
- $wp_customize->add_control( new $control_class( $wp_customize, $control['setting'], $control ) );
21
22
- } else {
23
24
/**
25
* The background control is a multi-control element
26
* so it requires extra steps to be created
27
*/
28
- $wp_customize->add_control( new Kirki_Customize_Color_Control( $wp_customize, $control['setting'] . '_color', array(
29
- 'label' => isset( $control['label'] ) ? $control['label'] : '',
30
- 'section' => $control['section'],
31
- 'settings' => $control['setting'] . '_color',
32
- 'priority' => $control['priority'],
33
- 'description' => $control['description'],
34
- 'subtitle' => __( 'Background Color', 'kirki' ),
35
- 'required' => $control['required'],
36
- 'transport' => $control['transport']
37
- ) ) );
38
-
39
- $wp_customize->add_control( new Kirki_Customize_Image_Control( $wp_customize, $control['setting'] . '_image', array(
40
- 'label' => null,
41
- 'section' => $control['section'],
42
- 'settings' => $control['setting'] . '_image',
43
- 'priority' => $control['priority'] + 1,
44
- 'description' => null,
45
- 'subtitle' => __( 'Background Image', 'kirki' ),
46
- 'required' => $control['required'],
47
- 'transport' => $control['transport']
48
- ) ) );
49
-
50
- $wp_customize->add_control( new Kirki_Customize_Select_Control( $wp_customize, $control['setting'] . '_repeat', array(
51
- 'label' => null,
52
- 'section' => $control['section'],
53
- 'settings' => $control['setting'] . '_repeat',
54
- 'priority' => $control['priority'] + 2,
55
- 'choices' => array(
56
- 'no-repeat' => __( 'No Repeat', 'kirki' ),
57
- 'repeat' => __( 'Repeat All', 'kirki' ),
58
- 'repeat-x' => __( 'Repeat Horizontally', 'kirki' ),
59
- 'repeat-y' => __( 'Repeat Vertically', 'kirki' ),
60
- 'inherit' => __( 'Inherit', 'kirki' )
61
- ),
62
- 'description' => null,
63
- 'subtitle' => __( 'Background Repeat', 'kirki' ),
64
- 'required' => $control['required'],
65
- 'transport' => $control['transport']
66
- ) ) );
67
-
68
- $wp_customize->add_control( new Kirki_Customize_Radio_Control( $wp_customize, $control['setting'] . '_size', array(
69
- 'label' => null,
70
- 'section' => $control['section'],
71
- 'settings' => $control['setting'] . '_size',
72
- 'priority' => $control['priority'] + 3,
73
- 'choices' => array(
74
- 'inherit' => __( 'Inherit', 'kirki' ),
75
- 'cover' => __( 'Cover', 'kirki' ),
76
- 'contain' => __( 'Contain', 'kirki' ),
77
- ),
78
- 'description' => null,
79
- 'mode' => 'buttonset',
80
- 'subtitle' => __( 'Background Size', 'kirki' ),
81
- 'required' => $control['required'],
82
- 'transport' => $control['transport']
83
- ) ) );
84
-
85
- $wp_customize->add_control( new Kirki_Customize_Radio_Control( $wp_customize, $control['setting'] . '_attach', array(
86
- 'label' => null,
87
- 'section' => $control['section'],
88
- 'settings' => $control['setting'] . '_attach',
89
- 'priority' => $control['priority'] + 4,
90
- 'choices' => array(
91
- 'inherit' => __( 'Inherit', 'kirki' ),
92
- 'fixed' => __( 'Fixed', 'kirki' ),
93
- 'scroll' => __( 'Scroll', 'kirki' ),
94
- ),
95
- 'description' => null,
96
- 'mode' => 'buttonset',
97
- 'subtitle' => __( 'Background Attachment', 'kirki' ),
98
- 'required' => $control['required'],
99
- 'transport' => $control['transport']
100
- ) ) );
101
-
102
- $wp_customize->add_control( new Kirki_Customize_Select_Control( $wp_customize, $control['setting'] . '_position', array(
103
- 'label' => null,
104
- 'section' => $control['section'],
105
- 'settings' => $control['setting'] . '_position',
106
- 'priority' => $control['priority'] + 5,
107
- 'choices' => array(
108
- 'left-top' => __( 'Left Top', 'kirki' ),
109
- 'left-center' => __( 'Left Center', 'kirki' ),
110
- 'left-bottom' => __( 'Left Bottom', 'kirki' ),
111
- 'right-top' => __( 'Right Top', 'kirki' ),
112
- 'right-center' => __( 'Right Center', 'kirki' ),
113
- 'right-bottom' => __( 'Right Bottom', 'kirki' ),
114
- 'center-top' => __( 'Center Top', 'kirki' ),
115
- 'center-center' => __( 'Center Center', 'kirki' ),
116
- 'center-bottom' => __( 'Center Bottom', 'kirki' ),
117
- ),
118
- 'description' => null,
119
- 'subtitle' => __( 'Background Position', 'kirki' ),
120
- 'required' => $control['required'],
121
- 'transport' => $control['transport']
122
- ) ) );
123
-
124
- if ( false != $control['default']['opacity'] ) {
125
- $wp_customize->add_control( new Kirki_Customize_Slider_Control( $wp_customize, $control['setting'] . '_opacity', array(
126
- 'label' => null,
127
'section' => $control['section'],
128
- 'settings' => $control['setting'] . '_opacity',
129
'priority' => $control['priority'] + 6,
130
'choices' => array(
131
'min' => 0,
132
'max' => 100,
133
'step' => 1,
134
),
135
- 'description' => null,
136
- 'subtitle' => __( 'Background Opacity', 'kirki' ),
137
'required' => $control['required'],
138
'transport' => $control['transport']
139
) ) );
1
<?php
2
3
4
+ class Kirki_Controls {
5
6
+ public static function control_clean( $control ) {
7
+
8
+ /**
9
+ * Compatibility tweak
10
+ *
11
+ * Previous verions of the Kirki Customizer had the 'description' field mapped to the new 'help'
12
+ * and instead of 'description' we were using 'subtitle'.
13
+ * This has been deprecated in favor of WordPress core's 'description' field that was recently introduced.
14
+ *
15
+ */
16
+ if ( isset( $control['subtitle'] ) ) {
17
+ // Use old arguments form.
18
+ $control['help'] = ( isset( $control['description'] ) ) ? $control['description'] : '';
19
+ $control['description'] = $control['subtitle'];
20
+ }
21
+ $control['description'] = isset( $control['description'] ) ? $control['description'] : '';
22
+ $control['help'] = isset( $control['help'] ) ? $control['help'] : '';
23
+
24
+ $control['label'] = isset( $control['label'] ) ? $control['label'] : '';
25
+
26
+ /**
27
+ * Compatibility tweak
28
+ *
29
+ * Previous versions of the Kirki customizer used 'setting' istead of 'settings'.
30
+ */
31
+ if ( ! isset( $control['settings'] ) && isset( $control['setting'] ) ) {
32
+ $control['settings'] = $control['setting'];
33
+ }
34
35
$control['required'] = isset( $control['required'] ) ? $control['required'] : array();
36
$control['transport'] = isset( $control['transport'] ) ? $control['transport'] : 'refresh';
37
38
+ /**
39
+ * Sortable controls need a serialized array as the default value.
40
+ * Since we're using normal arrays to set our defaults when defining the fields, we need to serialize that value here.
41
+ */
42
+ if ( 'sortable' == $control['type'] && isset( $control['default'] ) && ! empty( $control['default'] ) ) {
43
+ $control['default'] = maybe_serialize( $control['default'] );
44
+ }
45
+
46
+ return $control;
47
48
+ }
49
+
50
+ function add_control( $wp_customize, $control ) {
51
+
52
+ $control = self::control_clean( $control );
53
+
54
+ /**
55
+ * Add our fields.
56
+ * We use the default WordPress Core Customizer fields when possible
57
+ * and only add our own custom controls when needed.
58
+ */
59
+
60
+ // Color controls
61
+ if ( 'color' == $control['type'] ) {
62
+ $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, $control['settings'] . '_color', $control ) );
63
+ }
64
+
65
+ // Image Controls
66
+ elseif ( 'image' == $control['type'] ) {
67
+ $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, $control['settings'] . '_color', $control ) );
68
+ }
69
+
70
+ // Text, Dropdown Pages, Textarea and Select controls
71
+ elseif ( in_array( $control['type'], array( 'text', 'dropdown-pages', 'textarea', 'select' ) ) ) {
72
+ $wp_customize->add_control( new WP_Customize_Control( $wp_customize, $control['settings'], $control ) );
73
+ }
74
+
75
+ // Upload Controls
76
+ elseif ( 'upload' == $control['type'] ) {
77
+ $wp_customize->add_control( new WP_Customize_Upload_Control( $wp_customize, $control['settings'], $control ) );
78
+ }
79
+
80
+ // Switch Controls
81
+ elseif ( 'switch' == $control['type'] || ( 'checkbox' == $control['type'] && isset( $control['mode'] ) && 'switch' == $control['mode'] ) ) {
82
+ $wp_customize->add_control( new Kirki_Customize_Switch_Control( $wp_customize, $control['settings'], $control ) );
83
+ }
84
+
85
+ // Toggle Controls
86
+ elseif ( 'toggle' == $control['type'] || ( 'checkbox' == $control['type'] && isset( $control['mode'] ) && 'toggle' == $control['mode'] ) ) {
87
+ $wp_customize->add_control( new Kirki_Customize_Toggle_Control( $wp_customize, $control['settings'], $control ) );
88
+ }
89
+
90
+ // Checkbox Controls
91
+ elseif ( 'checkbox' == $control['type'] ) {
92
+ $wp_customize->add_control( new WP_Customize_Control( $wp_customize, $control['settings'], $control ) );
93
+ }
94
+
95
+ // Radio-Buttonset Controls
96
+ elseif ( 'radio-buttonset' == $control['type'] || ( 'radio' == $control['type'] && isset( $control['mode'] ) && 'buttonset' == $control['mode'] ) ) {
97
+ $wp_customize->add_control( new Kirki_Customize_Radio_Buttonset_Control( $wp_customize, $control['settings'], $control ) );
98
+ }
99
+
100
+ // Radio-Image Controls
101
+ elseif ( 'radio-image' == $control['type'] || ( 'radio' == $control['type'] && isset( $control['mode'] ) && 'image' == $control['mode'] ) ) {
102
+ $wp_customize->add_control( new Kirki_Customize_Radio_Image_Control( $wp_customize, $control['settings'], $control ) );
103
+ }
104
+
105
+ // Radio Controls
106
+ elseif ( 'radio' == $control['type'] ) {
107
+ $wp_customize->add_control( new WP_Customize_Control( $wp_customize, $control['settings'], $control ) );
108
+ }
109
+
110
+ // Sortable Controls
111
+ elseif ( 'sortable' == $control['type'] ) {
112
+ $wp_customize->add_control( new Kirki_Customize_Sortable_Control( $wp_customize, $control['settings'], $control ) );
113
+ }
114
+
115
+ // Slider Controls
116
+ elseif ( 'slider' == $control['type'] ) {
117
+ $wp_customize->add_control( new Kirki_Customize_Slider_Control( $wp_customize, $control['settings'], $control ) );
118
+ }
119
+
120
+ // Number Controls
121
+ elseif ( 'number' == $control['type'] ) {
122
+ $wp_customize->add_control( new Kirki_Customize_Number_Control( $wp_customize, $control['settings'], $control ) );
123
+ }
124
+
125
+ // Multicheck Controls
126
+ elseif ( 'multicheck' == $control['type'] ) {
127
+ $wp_customize->add_control( new Kirki_Customize_Multicheck_Control( $wp_customize, $control['settings'], $control ) );
128
+ }
129
130
+ // Group-Title Controls
131
+ elseif ( 'group-title' == $control['type'] ) {
132
+ $wp_customize->add_control( new Kirki_Customize_Group_Title_Control( $wp_customize, $control['settings'], $control ) );
133
+ }
134
135
+ // Background Controls
136
+ elseif ( 'background' == $control['type'] ) {
137
/**
138
* The background control is a multi-control element
139
* so it requires extra steps to be created
140
*/
141
+ if ( isset( $control['default']['color'] ) ) {
142
+ $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, $control['settings'] . '_color', array(
143
+ 'label' => isset( $control['label'] ) ? $control['label'] : '',
144
+ 'section' => $control['section'],
145
+ 'settings' => $control['settings'] . '_color',
146
+ 'priority' => $control['priority'],
147
+ 'help' => $control['help'],
148
+ 'description' => __( 'Background Color', 'kirki' ),
149
+ 'required' => $control['required'],
150
+ 'transport' => $control['transport']
151
+ ) ) );
152
+ }
153
+
154
+ if ( isset( $control['default']['image'] ) ) {
155
+ $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, $control['settings'] . '_image', array(
156
+ 'label' => '',
157
+ 'section' => $control['section'],
158
+ 'settings' => $control['settings'] . '_image',
159
+ 'priority' => $control['priority'] + 1,
160
+ 'help' => '',
161
+ 'description' => __( 'Background Image', 'kirki' ),
162
+ 'required' => $control['required'],
163
+ 'transport' => $control['transport']
164
+ ) ) );
165
+ }
166
+
167
+ if ( isset( $control['default']['repeat'] ) ) {
168
+ $wp_customize->add_control( $control['settings'] . '_repeat', array(
169
+ 'type' => 'select',
170
+ 'label' => '',
171
+ 'section' => $control['section'],
172
+ 'settings' => $control['settings'] . '_repeat',
173
+ 'priority' => $control['priority'] + 2,
174
+ 'choices' => array(
175
+ 'no-repeat' => __( 'No Repeat', 'kirki' ),
176
+ 'repeat' => __( 'Repeat All', 'kirki' ),
177
+ 'repeat-x' => __( 'Repeat Horizontally', 'kirki' ),
178
+ 'repeat-y' => __( 'Repeat Vertically', 'kirki' ),
179
+ 'inherit' => __( 'Inherit', 'kirki' )
180
+ ),
181
+ 'help' => '',
182
+ 'description' => __( 'Background Repeat', 'kirki' ),
183
+ 'required' => $control['required'],
184
+ 'transport' => $control['transport']
185
+ ) );
186
+ }
187
+
188
+ if ( isset( $control['default']['size'] ) ) {
189
+ $wp_customize->add_control( $control['settings'] . '_size', array(
190
+ 'type' => 'radio',
191
+ 'label' => '',
192
+ 'section' => $control['section'],
193
+ 'settings' => $control['settings'] . '_size',
194
+ 'priority' => $control['priority'] + 3,
195
+ 'choices' => array(
196
+ 'inherit' => __( 'Inherit', 'kirki' ),
197
+ 'cover' => __( 'Cover', 'kirki' ),
198
+ 'contain' => __( 'Contain', 'kirki' ),
199
+ ),
200
+ 'help' => '',
201
+ 'mode' => 'buttonset',
202
+ 'description' => __( 'Background Size', 'kirki' ),
203
+ 'required' => $control['required'],
204
+ 'transport' => $control['transport']
205
+ ) );
206
+ }
207
+
208
+ if ( isset( $control['default']['attach'] ) ) {
209
+ $wp_customize->add_control( $control['settings'] . '_attach', array(
210
+ 'label' => '',
211
+ 'type' => 'radio',
212
+ 'section' => $control['section'],
213
+ 'settings' => $control['settings'] . '_attach',
214
+ 'priority' => $control['priority'] + 4,
215
+ 'choices' => array(
216
+ 'inherit' => __( 'Inherit', 'kirki' ),
217
+ 'fixed' => __( 'Fixed', 'kirki' ),
218
+ 'scroll' => __( 'Scroll', 'kirki' ),
219
+ ),
220
+ 'help' => '',
221
+ 'mode' => 'buttonset',
222
+ 'description' => __( 'Background Attachment', 'kirki' ),
223
+ 'required' => $control['required'],
224
+ 'transport' => $control['transport']
225
+ ) );
226
+ }
227
+
228
+ if ( isset( $control['default']['position'] ) ) {
229
+ $wp_customize->add_control( $control['settings'] . '_position', array(
230
+ 'type' => 'select',
231
+ 'label' => '',
232
+ 'section' => $control['section'],
233
+ 'settings' => $control['settings'] . '_position',
234
+ 'priority' => $control['priority'] + 5,
235
+ 'choices' => array(
236
+ 'left-top' => __( 'Left Top', 'kirki' ),
237
+ 'left-center' => __( 'Left Center', 'kirki' ),
238
+ 'left-bottom' => __( 'Left Bottom', 'kirki' ),
239
+ 'right-top' => __( 'Right Top', 'kirki' ),
240
+ 'right-center' => __( 'Right Center', 'kirki' ),
241
+ 'right-bottom' => __( 'Right Bottom', 'kirki' ),
242
+ 'center-top' => __( 'Center Top', 'kirki' ),
243
+ 'center-center' => __( 'Center Center', 'kirki' ),
244
+ 'center-bottom' => __( 'Center Bottom', 'kirki' ),
245
+ ),
246
+ 'help' => '',
247
+ 'description' => __( 'Background Position', 'kirki' ),
248
+ 'required' => $control['required'],
249
+ 'transport' => $control['transport']
250
+ ) );
251
+ }
252
+
253
+ if ( isset( $control['default']['opacity'] ) && $control['default']['opacity'] ) {
254
+ $wp_customize->add_control( new Kirki_Customize_Slider_Control( $wp_customize, $control['settings'] . '_opacity', array(
255
+ 'label' => '',
256
'section' => $control['section'],
257
+ 'settings' => $control['settings'] . '_opacity',
258
'priority' => $control['priority'] + 6,
259
'choices' => array(
260
'min' => 0,
261
'max' => 100,
262
'step' => 1,
263
),
264
+ 'help' => '',
265
+ 'description' => __( 'Background Opacity', 'kirki' ),
266
'required' => $control['required'],
267
'transport' => $control['transport']
268
) ) );
includes/class-kirki-customize-control.php DELETED
@@ -1,24 +0,0 @@
1
- <?php
2
-
3
- class Kirki_Customize_Control extends WP_Customize_Control {
4
- public $type;
5
- public $description;
6
- public $mode;
7
- public $subtitle;
8
-
9
- public function __construct( $manager, $id, $args = array() ) {
10
- parent::__construct( $manager, $id, $args );
11
- }
12
-
13
- public function description() { ?>
14
- <?php if ( isset( $this->description ) && '' != $this->description ) : ?>
15
- <a href="#" class="button tooltip hint--left" data-hint="<?php echo strip_tags( esc_html( $this->description ) ); ?>">?</a>
16
- <?php endif;
17
- }
18
-
19
- public function subtitle() { ?>
20
- <?php if ( '' != $this->subtitle ) : ?>
21
- <div class="customizer-subtitle"><?php echo $this->subtitle; ?></div>
22
- <?php endif;
23
- }
24
- }
includes/class-kirki-fonts.php CHANGED
@@ -93,41 +93,26 @@ class Kirki_Fonts {
93
}
94
95
// load the font weight
96
- if ( is_array( $weight ) ) {
97
-
98
- $weight = implode( ',', $weight );
99
-
100
- }
101
-
102
- $request .= ':' . $weight;
103
104
// Load the font subset
105
if ( 'all' === $subset ) {
106
107
$subsets_available = self::get_google_font_subsets();
108
-
109
// Remove the all set
110
unset( $subsets_available['all'] );
111
-
112
// Build the array
113
$subsets = array_keys( $subsets_available );
114
115
} else {
116
117
- $subsets = array(
118
- 'latin',
119
- $subset,
120
-
121
- );
122
123
}
124
125
// Append the subset string
126
- if ( ! empty( $subsets ) ) {
127
-
128
- $request .= urlencode( '&subset=' . join( ',', $subsets ) );
129
-
130
- }
131
132
return esc_url( $request );
133
@@ -172,7 +157,6 @@ class Kirki_Fonts {
172
if ( empty( $variants ) ) {
173
174
$fonts = self::get_google_fonts();
175
-
176
if ( array_key_exists( $font, $fonts ) ) {
177
$variants = $fonts[ $font ]['variants'];
178
}
@@ -181,27 +165,19 @@ class Kirki_Fonts {
181
182
// If a "regular" variant is not found, get the first variant
183
if ( ! in_array( 'regular', $variants ) ) {
184
-
185
$chosen_variants[] = $variants[0];
186
-
187
} else {
188
-
189
$chosen_variants[] = 'regular';
190
-
191
}
192
193
// Only add "italic" if it exists
194
if ( in_array( 'italic', $variants ) ) {
195
-
196
$chosen_variants[] = 'italic';
197
-
198
}
199
200
// Only add "700" if it exists
201
if ( in_array( '700', $variants ) ) {
202
-
203
$chosen_variants[] = '700';
204
-
205
}
206
207
return apply_filters( 'kirki/font/variants', array_unique( $chosen_variants ), $font, $variants );
93
}
94
95
// load the font weight
96
+ $weight = ( is_array( $weight ) ) ? implode( ',', $weight ) : $weight;
97
+ $request .= $weight;
98
99
// Load the font subset
100
if ( 'all' === $subset ) {
101
102
$subsets_available = self::get_google_font_subsets();
103
// Remove the all set
104
unset( $subsets_available['all'] );
105
// Build the array
106
$subsets = array_keys( $subsets_available );
107
108
} else {
109
110
+ $subsets = (array)$subset;
111
112
}
113
114
// Append the subset string
115
+ $request .= ( ! empty( $subsets ) ) ? '&subset=' . join( ',', $subsets ) : '';
116
117
return esc_url( $request );
118
157
if ( empty( $variants ) ) {
158
159
$fonts = self::get_google_fonts();
160
if ( array_key_exists( $font, $fonts ) ) {
161
$variants = $fonts[ $font ]['variants'];
162
}
165
166
// If a "regular" variant is not found, get the first variant
167
if ( ! in_array( 'regular', $variants ) ) {
168
$chosen_variants[] = $variants[0];
169
} else {
170
$chosen_variants[] = 'regular';
171
}
172
173
// Only add "italic" if it exists
174
if ( in_array( 'italic', $variants ) ) {
175
$chosen_variants[] = 'italic';
176
}
177
178
// Only add "700" if it exists
179
if ( in_array( '700', $variants ) ) {
180
$chosen_variants[] = '700';
181
}
182
183
return apply_filters( 'kirki/font/variants', array_unique( $chosen_variants ), $font, $variants );
includes/class-kirki-scripts.php CHANGED
@@ -2,20 +2,34 @@
2
3
class Kirki_Scripts {
4
5
- function __construct() {
6
7
add_action( 'customize_controls_print_styles', array( $this, 'styles' ) );
8
add_action( 'customize_controls_print_styles', array( $this, 'googlefonts' ) );
9
add_action( 'customize_controls_print_scripts', array( $this, 'custom_js' ), 999 );
10
add_action( 'customize_controls_print_styles', array( $this, 'custom_css' ), 999 );
11
// TODO: This is not perfect under ANY circumstances.
12
add_action( 'customize_controls_print_footer_scripts', array( $this, 'postmessage' ), 21 );
13
14
- add_action( 'wp_enqueue_scripts', array( $this, 'frontend_styles' ) );
15
add_action( 'customize_controls_enqueue_scripts', array( $this, 'scripts' ) );
16
17
}
18
19
/**
20
* Enqueue the stylesheets required.
21
*/
@@ -58,7 +72,7 @@ class Kirki_Scripts {
58
global $kirki;
59
$config = $kirki->get_config();
60
$controls = $kirki->get_controls();
61
-
62
$kirki_url = isset( $options['url_path'] ) ? $options['url_path'] : KIRKI_URL;
63
64
foreach( $controls as $control ) {
@@ -301,17 +315,54 @@ class Kirki_Scripts {
301
}
302
303
/**
304
- * Try to automatically generate the script necessary for postMessage to work.
305
- * Something like this will have to be added to the control arguments:
306
- *
307
- * 'transport' => 'postMessage',
308
- * 'js_vars' => array(
309
- * 'element' => 'body',
310
- * 'type' => 'css',
311
- * 'property' => 'color',
312
- * ),
313
- *
314
- */
315
function postmessage() {
316
317
global $kirki;
2
3
class Kirki_Scripts {
4
5
+ private static $instance;
6
+
7
+ protected function __construct() {
8
+
9
+ $config = apply_filters( 'kirki/config', array() );
10
+ $styles_priority = ( isset( $options['styles_priority'] ) ) ? $styles_priority : 10;
11
12
add_action( 'customize_controls_print_styles', array( $this, 'styles' ) );
13
add_action( 'customize_controls_print_styles', array( $this, 'googlefonts' ) );
14
add_action( 'customize_controls_print_scripts', array( $this, 'custom_js' ), 999 );
15
+ add_action( 'customize_controls_print_footer_scripts', array( $this, 'help_bubble_script' ), 999 );
16
add_action( 'customize_controls_print_styles', array( $this, 'custom_css' ), 999 );
17
// TODO: This is not perfect under ANY circumstances.
18
add_action( 'customize_controls_print_footer_scripts', array( $this, 'postmessage' ), 21 );
19
20
+ add_action( 'wp_enqueue_scripts', array( $this, 'frontend_styles' ), $styles_priority );
21
add_action( 'customize_controls_enqueue_scripts', array( $this, 'scripts' ) );
22
23
}
24
25
+ public static function get_instance() {
26
+ if ( null == self::$instance ) {
27
+ self::$instance = new self;
28
+ }
29
+
30
+ return self::$instance;
31
+ }
32
+
33
/**
34
* Enqueue the stylesheets required.
35
*/
72
global $kirki;
73
$config = $kirki->get_config();
74
$controls = $kirki->get_controls();
75
+
76
$kirki_url = isset( $options['url_path'] ) ? $options['url_path'] : KIRKI_URL;
77
78
foreach( $controls as $control ) {
315
}
316
317
/**
318
+ * Add the help bubble
319
+ */
320
+ function help_bubble_script() {
321
+
322
+ global $kirki;
323
+ $controls = $kirki->get_controls();
324
+
325
+ $scripts = array();
326
+ $script = '';
327
+
328
+ foreach ( $controls as $control ) {
329
+
330
+ $control = Kirki_Controls::control_clean( $control );
331
+
332
+ if ( ! empty( $control['help'] ) ) {
333
+ $bubble_content = $control['help'];
334
+ $content = "<a href='#' class='button tooltip hint--left' data-hint='" . strip_tags( esc_html( $bubble_content ) ) . "'>?</a>";
335
+ $scripts[] = '$( "' . $content . '" ).appendTo( "#customize-control-' . $control['settings'] . '" );';
336
+ }
337
+
338
+ }
339
+
340
+ // No need to echo anything if the script is empty
341
+ if ( empty( $scripts ) ) {
342
+ return;
343
+ }
344
+
345
+ // Make sure we don't add any duplicates
346
+ $scripts = array_unique( $scripts );
347
+ // Convert array to string
348
+ $script = implode( '', $scripts );
349
+
350
+ echo '<script type="text/javascript">jQuery(document).ready(function( $ ) {' . $script . '});</script>';
351
+ }
352
+
353
+ /**
354
+ * Try to automatically generate the script necessary for postMessage to work.
355
+ * Something like this will have to be added to the control arguments:
356
+ *
357
+
358
+ 'transport' => 'postMessage',
359
+ 'js_vars' => array(
360
+ 'element' => 'body',
361
+ 'type' => 'css',
362
+ 'property' => 'color',
363
+ ),
364
+ *
365
+ */
366
function postmessage() {
367
368
global $kirki;
includes/class-kirki-settings.php CHANGED
@@ -10,56 +10,67 @@ class Kirki_Settings extends Kirki {
10
11
if ( 'background' == $control['type'] ) {
12
13
- $wp_customize->add_setting( $control['setting'] . '_color', array(
14
- 'default' => $control['default']['color'],
15
- 'type' => 'theme_mod',
16
- 'capability' => 'edit_theme_options',
17
- 'transport' => isset( $control['transport'] ) ? $control['transport'] : 'refresh',
18
- 'sanitize_callback' => isset( $control['sanitize_callback'] ) ? $control['sanitize_callback'] : 'sanitize_hex_color'
19
- ) );
20
-
21
- $wp_customize->add_setting( $control['setting'] . '_image', array(
22
- 'default' => $control['default']['image'],
23
- 'type' => 'theme_mod',
24
- 'capability' => 'edit_theme_options',
25
- 'transport' => isset( $control['transport'] ) ? $control['transport'] : 'refresh',
26
- 'sanitize_callback' => isset( $control['sanitize_callback'] ) ? $control['sanitize_callback'] : 'esc_url_raw'
27
- ) );
28
29
- $wp_customize->add_setting( $control['setting'] . '_repeat', array(
30
- 'default' => $control['default']['repeat'],
31
- 'type' => 'theme_mod',
32
- 'capability' => 'edit_theme_options',
33
- 'transport' => isset( $control['transport'] ) ? $control['transport'] : 'refresh',
34
- 'sanitize_callback' => isset( $control['sanitize_callback'] ) ? $control['sanitize_callback'] : array( $this, 'sanitize_bg_repeat' ),
35
- ) );
36
37
- $wp_customize->add_setting( $control['setting'] . '_size', array(
38
- 'default' => $control['default']['size'],
39
- 'type' => 'theme_mod',
40
- 'capability' => 'edit_theme_options',
41
- 'transport' => isset( $control['transport'] ) ? $control['transport'] : 'refresh',
42
- 'sanitize_callback' => isset( $control['sanitize_callback'] ) ? $control['sanitize_callback'] : array( $this, 'sanitize_bg_size' ),
43
- ) );
44
45
- $wp_customize->add_setting( $control['setting'] . '_attach', array(
46
- 'default' => $control['default']['attach'],
47
- 'type' => 'theme_mod',
48
- 'capability' => 'edit_theme_options',
49
- 'transport' => isset( $control['transport'] ) ? $control['transport'] : 'refresh',
50
- 'sanitize_callback' => isset( $control['sanitize_callback'] ) ? $control['sanitize_callback'] : array( $this, 'sanitize_bg_attach' ),
51
- ) );
52
53
- $wp_customize->add_setting( $control['setting'] . '_position', array(
54
- 'default' => $control['default']['position'],
55
- 'type' => 'theme_mod',
56
- 'capability' => 'edit_theme_options',
57
- 'transport' => isset( $control['transport'] ) ? $control['transport'] : 'refresh',
58
- 'sanitize_callback' => isset( $control['sanitize_callback'] ) ? $control['sanitize_callback'] : array( $this, 'sanitize_bg_position' ),
59
- ) );
60
61
- if ( false != $control['default']['opacity'] ) {
62
63
$wp_customize->add_setting( $control['setting'] . '_opacity', array(
64
'default' => $control['default']['opacity'],
65
'type' => 'theme_mod',
10
11
if ( 'background' == $control['type'] ) {
12
13
+ if ( isset( $control['default']['color'] ) ) {
14
+ $wp_customize->add_setting( $control['setting'] . '_color', array(
15
+ 'default' => $control['default']['color'],
16
+ 'type' => 'theme_mod',
17
+ 'capability' => 'edit_theme_options',
18
+ 'transport' => isset( $control['transport'] ) ? $control['transport'] : 'refresh',
19
+ 'sanitize_callback' => isset( $control['sanitize_callback'] ) ? $control['sanitize_callback'] : 'sanitize_hex_color'
20
+ ) );
21
+ }
22
23
+ if ( isset( $control['default']['image'] ) ) {
24
+ $wp_customize->add_setting( $control['setting'] . '_image', array(
25
+ 'default' => $control['default']['image'],
26
+ 'type' => 'theme_mod',
27
+ 'capability' => 'edit_theme_options',
28
+ 'transport' => isset( $control['transport'] ) ? $control['transport'] : 'refresh',
29
+ 'sanitize_callback' => isset( $control['sanitize_callback'] ) ? $control['sanitize_callback'] : 'esc_url_raw'
30
+ ) );
31
+ }
32
33
+ if ( isset( $control['default']['repeat'] ) ) {
34
+ $wp_customize->add_setting( $control['setting'] . '_repeat', array(
35
+ 'default' => $control['default']['repeat'],
36
+ 'type' => 'theme_mod',
37
+ 'capability' => 'edit_theme_options',
38
+ 'transport' => isset( $control['transport'] ) ? $control['transport'] : 'refresh',
39
+ 'sanitize_callback' => isset( $control['sanitize_callback'] ) ? $control['sanitize_callback'] : array( $this, 'sanitize_bg_repeat' ),
40
+ ) );
41
+ }
42
43
+ if ( isset( $control['default']['size'] ) ) {
44
+ $wp_customize->add_setting( $control['setting'] . '_size', array(
45
+ 'default' => $control['default']['size'],
46
+ 'type' => 'theme_mod',
47
+ 'capability' => 'edit_theme_options',
48
+ 'transport' => isset( $control['transport'] ) ? $control['transport'] : 'refresh',
49
+ 'sanitize_callback' => isset( $control['sanitize_callback'] ) ? $control['sanitize_callback'] : array( $this, 'sanitize_bg_size' ),
50
+ ) );
51
+ }
52
53
+ if ( isset( $control['default']['attach'] ) ) {
54
+ $wp_customize->add_setting( $control['setting'] . '_attach', array(
55
+ 'default' => $control['default']['attach'],
56
+ 'type' => 'theme_mod',
57
+ 'capability' => 'edit_theme_options',
58
+ 'transport' => isset( $control['transport'] ) ? $control['transport'] : 'refresh',
59
+ 'sanitize_callback' => isset( $control['sanitize_callback'] ) ? $control['sanitize_callback'] : array( $this, 'sanitize_bg_attach' ),
60
+ ) );
61
+ }
62
63
+ if ( isset( $control['default']['position'] ) ) {
64
+ $wp_customize->add_setting( $control['setting'] . '_position', array(
65
+ 'default' => $control['default']['position'],
66
+ 'type' => 'theme_mod',
67
+ 'capability' => 'edit_theme_options',
68
+ 'transport' => isset( $control['transport'] ) ? $control['transport'] : 'refresh',
69
+ 'sanitize_callback' => isset( $control['sanitize_callback'] ) ? $control['sanitize_callback'] : array( $this, 'sanitize_bg_position' ),
70
+ ) );
71
+ }
72
73
+ if ( isset( $control['default']['opacity'] ) && $control['default']['opacity'] ) {
74
$wp_customize->add_setting( $control['setting'] . '_opacity', array(
75
'default' => $control['default']['opacity'],
76
'type' => 'theme_mod',
includes/class-kirki-style.php CHANGED
@@ -82,32 +82,52 @@ class Kirki_Style {
82
// Background Controls
83
elseif ( 'background' == $control['type'] ) {
84
85
- $bg_color = Kirki_Color::sanitize_hex( get_theme_mod( $control['setting'] . '_color', $control['default']['color'] ) );
86
- $bg_image = get_theme_mod( $control['setting'] . '_image', $control['default']['image'] );
87
- $bg_repeat = get_theme_mod( $control['setting'] . '_repeat', $control['default']['repeat'] );
88
- $bg_size = get_theme_mod( $control['setting'] . '_size', $control['default']['size'] );
89
- $bg_attach = get_theme_mod( $control['setting'] . '_attach', $control['default']['attach'] );
90
- $bg_position = get_theme_mod( $control['setting'] . '_position', $control['default']['position'] );
91
- $bg_opacity = get_theme_mod( $control['setting'] . '_opacity', $control['default']['opacity'] );
92
-
93
- if ( false != $control['default']['opacity'] ) {
94
-
95
- $bg_position = get_theme_mod( $control['setting'] . '_opacity', $control['default']['opacity'] );
96
-
97
- // If we're using an opacity other than 100, then convert the color to RGBA.
98
- if ( 100 != $bg_opacity ) {
99
- $bg_color = Kirki_Color::get_rgba( $bg_color, $bg_opacity );
100
}
101
102
}
103
104
- $styles[$element]['background-color'] = $bg_color;
105
- if ( '' != $bg_image ) {
106
- $styles[$element]['background-image'] = 'url("' . $bg_image . '")';
107
- $styles[$element]['background-repeat'] = $bg_repeat;
108
- $styles[$element]['background-size'] = $bg_size;
109
- $styles[$element]['background-attachment'] = $bg_attach;
110
- $styles[$element]['background-position'] = str_replace( '-', ' ', $bg_position );
111
}
112
113
}
82
// Background Controls
83
elseif ( 'background' == $control['type'] ) {
84
85
+ if ( isset( $control['default']['color'] ) ) {
86
+ $bg_color = Kirki_Color::sanitize_hex( get_theme_mod( $control['setting'] . '_color', $control['default']['color'] ) );
87
+ }
88
+ if ( isset( $control['default']['image'] ) ) {
89
+ $bg_image = get_theme_mod( $control['setting'] . '_image', $control['default']['image'] );
90
+ }
91
+ if ( isset( $control['default']['repeat'] ) ) {
92
+ $bg_repeat = get_theme_mod( $control['setting'] . '_repeat', $control['default']['repeat'] );
93
+ }
94
+ if ( isset( $control['default']['size'] ) ) {
95
+ $bg_size = get_theme_mod( $control['setting'] . '_size', $control['default']['size'] );
96
+ }
97
+ if ( isset( $control['default']['attach'] ) ) {
98
+ $bg_attach = get_theme_mod( $control['setting'] . '_attach', $control['default']['attach'] );
99
+ }
100
+ if ( isset( $control['default']['position'] ) ) {
101
+ $bg_position = get_theme_mod( $control['setting'] . '_position', $control['default']['position'] );
102
+ }
103
+ if ( isset( $control['default']['opacity'] ) && $control['default']['opacity'] ) {
104
+ $bg_opacity = get_theme_mod( $control['setting'] . '_opacity', $control['default']['opacity'] );
105
+ if ( isset( $bg_color ) ) {
106
+ // If we're using an opacity other than 100, then convert the color to RGBA.
107
+ $bg_color = ( 100 != $bg_opacity ) ? Kirki_Color::get_rgba( $bg_color, $bg_opacity ) : $bg_color;
108
+ } elseif ( isset( $bg_image ) ) {
109
+ $element_opacity = ( $bg_opacity / 100 );
110
}
111
112
}
113
114
+ if ( isset( $bg_color ) ) {
115
+ $styles[$element]['background-color'] = $bg_color;
116
+ }
117
+ if ( isset( $bg_image ) && '' != $bg_image ) {
118
+ $styles[$element]['background-image'] = 'url("' . $bg_image . '")';
119
+ if ( isset( $bg_repeat ) ) {
120
+ $styles[$element]['background-repeat'] = $bg_repeat;
121
+ }
122
+ if ( isset( $bg_size ) ) {
123
+ $styles[$element]['background-size'] = $bg_size;
124
+ }
125
+ if ( isset( $bg_attach ) ) {
126
+ $styles[$element]['background-attachment'] = $bg_attach;
127
+ }
128
+ if ( isset( $bg_position ) ) {
129
+ $styles[$element]['background-position'] = str_replace( '-', ' ', $bg_position );
130
+ }
131
}
132
133
}
includes/controls/class-kirki-customize-checkbox-control.php DELETED
@@ -1,34 +0,0 @@
1
- <?php
2
-
3
- class Kirki_Customize_Checkbox_Control extends Kirki_Customize_Control {
4
-
5
- public function __construct( $manager, $id, $args = array() ) {
6
- $this->type = 'checkbox';
7
- $this->mode = ( ! isset( $this->mode ) || empty( $this->mode ) ) ? 'checkbox' : $this->mode;
8
- parent::__construct( $manager, $id, $args );
9
- }
10
-
11
- public function render_content() { ?>
12
- <?php $display = ( 'switch' == $this->mode || 'toggle' == $this->mode ) ? ' style="display: none;"' : ''; ?>
13
- <label class="customizer-checkbox">
14
- <?php if ( 'switch' == $this->mode || 'toggle' == $this->mode ) : ?><div class="switch-info"><?php endif; ?>
15
- <input type="checkbox" value="<?php echo esc_attr( $this->value() ); ?>" id="<?php echo $this->id . esc_attr( $this->value() ); ?>" <?php $this->link(); checked( $this->value() ); ?><?php echo $display; ?> />
16
- <?php if ( 'switch' == $this->mode || 'toggle' == $this->mode ) : ?></div><?php endif; ?>
17
- <strong><?php echo esc_html( $this->label ); ?></strong>
18
- <?php if ( 'switch' == $this->mode || 'toggle' == $this->mode ) : ?>
19
- <?php $classes = ( esc_attr( $this->value() ) ) ? ' On' : ' Off'; ?>
20
- <?php $classes .= 'toggle' == $this->mode ? ' Round' : ''; ?>
21
- <div class="Switch <?php echo $classes; ?>">
22
- <div class="Toggle"></div>
23
- <?php if ( 'toggle' != $this->mode ) : ?>
24
- <span class="On"><?php _e( 'ON', 'kirki' ); ?></span>
25
- <span class="Off"><?php _e( 'OFF', 'kirki' ); ?></span>
26
- <?php endif; ?>
27
- </div>
28
- <?php endif; ?>
29
- <?php $this->description(); ?>
30
- <?php $this->subtitle(); ?>
31
- </label>
32
- <?php
33
- }
34
- }
includes/controls/class-kirki-customize-color-control.php DELETED
@@ -1,83 +0,0 @@
1
- <?php
2
-
3
- /**
4
- * Customize Color Control Class
5
- *
6
- * @package WordPress
7
- * @subpackage Customize
8
- * @since 3.4.0
9
- */
10
- class Kirki_Customize_Color_Control extends Kirki_Customize_Control {
11
- public $statuses;
12
-
13
- /**
14
- * Constructor.
15
- *
16
- * @since 3.4.0
17
- * @uses WP_Customize_Control::__construct()
18
- *
19
- * @param WP_Customize_Manager $manager
20
- * @param string $id
21
- * @param array $args
22
- */
23
- public function __construct( $manager, $id, $args = array() ) {
24
- $this->type = 'color';
25
- $this->statuses = array( '' => __( 'Default', 'kirki' ) );
26
- parent::__construct( $manager, $id, $args );
27
- }
28
-
29
- /**
30
- * Enqueue scripts/styles for the color picker.
31
- *
32
- * @since 3.4.0
33
- */
34
- public function enqueue() {
35
- wp_enqueue_script( 'wp-color-picker' );
36
- wp_enqueue_style( 'wp-color-picker' );
37
- }
38
-
39
- /**
40
- * Refresh the parameters passed to the JavaScript via JSON.
41
- *
42
- * @since 3.4.0
43
- * @uses WP_Customize_Control::to_json()
44
- */
45
- public function to_json() {
46
- parent::to_json();
47
- $this->json['statuses'] = $this->statuses;
48
- }
49
-
50
- /**
51
- * Render the control's content.
52
- *
53
- * @since 3.4.0
54
- */
55
- public function render_content() {
56
- $this_default = $this->setting->default;
57
- $default_attr = '';
58
- $this_id = $this->id;
59
-
60
- if ( $this_default ) {
61
- if ( false === strpos( $this_default, '#' ) )
62
- $this_default = '#' . $this_default;
63
- $default_attr = ' data-default-color="' . esc_attr( $this_default ) . '"';
64
- }
65
-
66
- $setting_attr = ' data-customize-setting-link="' . esc_attr( $this_id ) . '"';
67
-
68
- // The input's value gets set by JS. Don't fill it.
69
- ?>
70
- <label>
71
- <span class="customize-control-title">
72
- <?php echo esc_html( $this->label ); ?>
73
- <?php $this->description(); ?>
74
- </span>
75
- <?php $this->subtitle(); ?>
76
- <div class="customize-control-content">
77
- <input class="color-picker-hex kirki-color-picker" type="text" maxlength="7" placeholder="<?php esc_attr_e( 'Hex Value' ); ?>"<?php echo $default_attr; ?> <?php echo $setting_attr; ?>/>
78
- </div>
79
- </label>
80
- <?php
81
-
82
- }
83
- }
includes/controls/class-kirki-customize-group-title-control.php CHANGED
@@ -1,20 +1,18 @@
1
<?php
2
3
- class Kirki_Customize_Group_Title_Control extends Kirki_Customize_Control {
4
5
- public function __construct( $manager, $id, $args = array() ) {
6
- $this->type = 'group_title';
7
- parent::__construct( $manager, $id, $args );
8
- }
9
10
public function render_content() { ?>
11
12
<label class="customizer-separator">
13
<span class="customize-control-title">
14
<?php echo esc_html( $this->label ); ?>
15
- <?php $this->description; ?>
16
</span>
17
- <?php $this->subtitle(); ?>
18
</label>
19
<?php
20
}
1
<?php
2
3
+ class Kirki_Customize_Group_Title_Control extends WP_Customize_Control {
4
5
+ public $type = 'group_title';
6
7
public function render_content() { ?>
8
9
<label class="customizer-separator">
10
<span class="customize-control-title">
11
<?php echo esc_html( $this->label ); ?>
12
+ <?php if ( ! empty( $this->description ) ) : ?>
13
+ <span class="description customize-control-description"><?php echo $this->description; ?></span>
14
+ <?php endif; ?>
15
</span>
16
</label>
17
<?php
18
}
includes/controls/class-kirki-customize-image-control.php DELETED
@@ -1,193 +0,0 @@
1
- <?php
2
-
3
- /**
4
- * Customize Image Control Class
5
- *
6
- * @package WordPress
7
- * @subpackage Customize
8
- * @since 3.4.0
9
- */
10
- class Kirki_Customize_Image_Control extends WP_Customize_Upload_Control {
11
- public $type = 'image';
12
- public $get_url;
13
- public $statuses;
14
- public $extensions = array( 'jpg', 'jpeg', 'gif', 'png' );
15
- public $description = '';
16
- public $subtitle = '';
17
-
18
- protected $tabs = array();
19
-
20
- /**
21
- * Constructor.
22
- *
23
- * @since 3.4.0
24
- * @uses WP_Customize_Upload_Control::__construct()
25
- *
26
- * @param WP_Customize_Manager $manager
27
- * @param string $id
28
- * @param array $args
29
- */
30
- public function __construct( $manager, $id, $args ) {
31
- $this->statuses = array( '' => __( 'No Image', 'kirki' ) );
32
-
33
- parent::__construct( $manager, $id, $args );
34
-
35
- $this->add_tab( 'upload-new', __( 'Upload New', 'kirki' ), array( $this, 'tab_upload_new' ) );
36
- $this->add_tab( 'uploaded', __( 'Uploaded', 'kirki' ), array( $this, 'tab_uploaded' ) );
37
-
38
- // Early priority to occur before $this->manager->prepare_controls();
39
- add_action( 'customize_controls_init', array( $this, 'prepare_control' ), 5 );
40
- }
41
-
42
- /**
43
- * Prepares the control.
44
- *
45
- * If no tabs exist, removes the control from the manager.
46
- *
47
- * @since 3.4.2
48
- */
49
- public function prepare_control() {
50
- if ( ! $this->tabs )
51
- $this->manager->remove_control( $this->id );
52
- }
53
-
54
- /**
55
- * Refresh the parameters passed to the JavaScript via JSON.
56
- *
57
- * @since 3.4.0
58
- * @uses WP_Customize_Upload_Control::to_json()
59
- */
60
- public function to_json() {
61
- parent::to_json();
62
- $this->json['statuses'] = $this->statuses;
63
- }
64
-
65
- /**
66
- * Render the control's content.
67
- *
68
- * @since 3.4.0
69
- */
70
- public function render_content() {
71
- $src = $this->value();
72
- if ( isset( $this->get_url ) )
73
- $src = call_user_func( $this->get_url, $src );
74
-
75
- ?>
76
- <div class="customize-image-picker">
77
- <span class="customize-control-title">
78
- <?php echo esc_html( $this->label ); ?>
79
- <?php if ( isset( $this->description ) && '' != $this->description ) { ?>
80
- <a href="#" class="button tooltip hint--left" data-hint="<?php echo strip_tags( esc_html( $this->description ) ); ?>">?</a>
81
- <?php } ?>
82
- </span>
83
-
84
- <?php if ( '' != $this->subtitle ) : ?>
85
- <div class="customizer-subtitle"><?php echo $this->subtitle; ?></div>
86
- <?php endif; ?>
87
-
88
- <div class="customize-control-content">
89
- <div class="dropdown preview-thumbnail" tabindex="0">
90
- <div class="dropdown-content">
91
- <?php if ( empty( $src ) ): ?>
92
- <img style="display:none;" />
93
- <?php else: ?>
94
- <img src="<?php echo esc_url( set_url_scheme( $src ) ); ?>" />
95
- <?php endif; ?>
96
- <div class="dropdown-status"></div>
97
- </div>
98
- <div class="dropdown-arrow"></div>
99
- </div>
100
- </div>
101
-
102
- <div class="library">
103
- <ul>
104
- <?php foreach ( $this->tabs as $id => $tab ): ?>
105
- <li data-customize-tab='<?php echo esc_attr( $id ); ?>' tabindex='0'>
106
- <?php echo esc_html( $tab['label'] ); ?>
107
- </li>
108
- <?php endforeach; ?>
109
- </ul>
110
- <?php foreach ( $this->tabs as $id => $tab ): ?>
111
- <div class="library-content" data-customize-tab='<?php echo esc_attr( $id ); ?>'>
112
- <?php call_user_func( $tab['callback'] ); ?>
113
- </div>
114
- <?php endforeach; ?>
115
- </div>
116
-
117
- <div class="actions">
118
- <a href="#" class="remove"><?php _e( 'Remove Image', 'kirki' ); ?></a>
119
- </div>
120
- </div>
121
- <?php
122
- }
123
-
124
- /**
125
- * Add a tab to the control.
126
- *
127
- * @since 3.4.0
128
- *
129
- * @param string $id
130
- * @param string $label
131
- * @param mixed $callback
132
- */
133
- public function add_tab( $id, $label, $callback ) {
134
- $this->tabs[ $id ] = array(
135
- 'label' => $label,
136
- 'callback' => $callback,
137
- );
138
- }
139
-
140
- /**
141
- * Remove a tab from the control.
142
- *
143
- * @since 3.4.0
144
- *
145
- * @param string $id
146
- */
147
- public function remove_tab( $id ) {
148
- unset( $this->tabs[ $id ] );
149
- }
150
-
151
- /**
152
- * @since 3.4.0
153
- */
154
- public function tab_upload_new() {
155
- if ( ! _device_can_upload() ) {
156
- echo '<p>' . sprintf( __('The web browser on your device cannot be used to upload files. You may be able to use the <a href="%s">native app for your device</a> instead.'), 'https://wordpress.org/mobile/' ) . '</p>';
157
- } else {
158
- ?>
159
- <div class="upload-dropzone">
160
- <?php _e('Drop a file here or <a href="#" class="upload">select a file</a>.'); ?>
161
- </div>
162
- <div class="upload-fallback">
163
- <span class="button-secondary"><?php _e( 'Select File', 'kirki' ); ?></span>
164
- </div>
165
- <?php
166
- }
167
- }
168
-
169
- /**
170
- * @since 3.4.0
171
- */
172
- public function tab_uploaded() {
173
- ?>
174
- <div class="uploaded-target"></div>
175
- <?php
176
- }
177
-
178
- /**
179
- * @since 3.4.0
180
- *
181
- * @param string $url
182
- * @param string $thumbnail_url
183
- */
184
- public function print_tab_image( $url, $thumbnail_url = null ) {
185
- $url = set_url_scheme( $url );
186
- $thumbnail_url = ( $thumbnail_url ) ? set_url_scheme( $thumbnail_url ) : $url;
187
- ?>
188
- <a href="#" class="thumbnail" data-customize-image-value="<?php echo esc_url( $url ); ?>">
189
- <img src="<?php echo esc_url( $thumbnail_url ); ?>" />
190
- </a>
191
- <?php
192
- }
193
- }
includes/controls/class-kirki-customize-multicheck-control.php CHANGED
@@ -5,14 +5,11 @@
5
* See https://github.com/gambitph/Titan-Framework/blob/v1.4.2/class-option-multicheck.php for more details.
6
*/
7
8
- class Kirki_Customize_Multicheck_Control extends Kirki_Customize_Control {
9
10
- private static $firstLoad = true;
11
12
- public function __construct( $manager, $id, $args = array() ) {
13
- $this->type = 'multicheck';
14
- parent::__construct( $manager, $id, $args );
15
- }
16
17
// Since theme_mod cannot handle multichecks, we will do it with some JS
18
public function render_content() {
@@ -57,9 +54,10 @@ class Kirki_Customize_Multicheck_Control extends Kirki_Customize_Control {
57
<label class='tf-multicheck-container'>
58
<span class="customize-control-title">
59
<?php echo esc_html( $this->label ); ?>
60
- <?php $this->description(); ?>
61
</span>
62
- <?php $this->subtitle(); ?>
63
<?php
64
foreach ( $this->choices as $value => $label ) {
65
printf('<label for="%s"><input class="tf-multicheck" id="%s" type="checkbox" value="%s" %s/> %s</label><br>',
5
* See https://github.com/gambitph/Titan-Framework/blob/v1.4.2/class-option-multicheck.php for more details.
6
*/
7
8
+ class Kirki_Customize_Multicheck_Control extends WP_Customize_Control {
9
10
+ public $type = 'multicheck';
11
12
+ private static $firstLoad = true;
13
14
// Since theme_mod cannot handle multichecks, we will do it with some JS
15
public function render_content() {
54
<label class='tf-multicheck-container'>
55
<span class="customize-control-title">
56
<?php echo esc_html( $this->label ); ?>
57
+ <?php if ( ! empty( $this->description ) ) : ?>
58
+ <span class="description customize-control-description"><?php echo $this->description; ?></span>
59
+ <?php endif; ?>
60
</span>
61
<?php
62
foreach ( $this->choices as $value => $label ) {
63
printf('<label for="%s"><input class="tf-multicheck" id="%s" type="checkbox" value="%s" %s/> %s</label><br>',
includes/controls/class-kirki-customize-number-control.php CHANGED
@@ -1,20 +1,18 @@
1
<?php
2
3
- class Kirki_Customize_Number_Control extends Kirki_Customize_Control {
4
5
- public function __construct( $manager, $id, $args = array() ) {
6
- $this->type = 'number';
7
- parent::__construct( $manager, $id, $args );
8
- }
9
10
public function render_content() { ?>
11
12
<label class="customizer-text">
13
<span class="customize-control-title">
14
<?php echo esc_html( $this->label ); ?>
15
- <?php $this->description(); ?>
16
</span>
17
- <?php $this->subtitle(); ?>
18
<input type="number" <?php $this->link(); ?> value="<?php echo intval( $this->value() ); ?>"/>
19
<?php if ( isset( $this->description ) && '' != $this->description ) { ?>
20
<a href="#" class="button tooltip hint--left" data-hint="<?php echo strip_tags( esc_html( $this->description ) ); ?>">?</a>
1
<?php
2
3
+ class Kirki_Customize_Number_Control extends WP_Customize_Control {
4
5
+ public $type = 'number';
6
7
public function render_content() { ?>
8
9
<label class="customizer-text">
10
<span class="customize-control-title">
11
<?php echo esc_html( $this->label ); ?>
12
+ <?php if ( ! empty( $this->description ) ) : ?>
13
+ <span class="description customize-control-description"><?php echo $this->description; ?></span>
14
+ <?php endif; ?>
15
</span>
16
<input type="number" <?php $this->link(); ?> value="<?php echo intval( $this->value() ); ?>"/>
17
<?php if ( isset( $this->description ) && '' != $this->description ) { ?>
18
<a href="#" class="button tooltip hint--left" data-hint="<?php echo strip_tags( esc_html( $this->description ) ); ?>">?</a>
includes/controls/class-kirki-customize-radio-buttonset-control.php ADDED
@@ -0,0 +1,40 @@
1
+ <?php
2
+
3
+ class Kirki_Customize_Radio_Buttonset_Control extends WP_Customize_Control {
4
+
5
+ public $type = 'radio-buttonset';
6
+
7
+ public function enqueue() {
8
+ wp_enqueue_script( 'jquery-ui-button' );
9
+ }
10
+
11
+ public function render_content() {
12
+
13
+ if ( empty( $this->choices ) ) {
14
+ return;
15
+ }
16
+
17
+ $name = '_customize-radio-' . $this->id;
18
+
19
+ ?>
20
+ <span class="customize-control-title">
21
+ <?php echo esc_html( $this->label ); ?>
22
+ <?php if ( ! empty( $this->description ) ) : ?>
23
+ <span class="description customize-control-description"><?php echo $this->description; ?></span>
24
+ <?php endif; ?>
25
+ </span>
26
+
27
+ <div id="input_<?php echo $this->id; ?>" class="<?php echo $this->mode; ?>">
28
+ <?php foreach ( $this->choices as $value => $label ) : ?>
29
+ <input type="radio" value="<?php echo esc_attr( $value ); ?>" name="<?php echo esc_attr( $name ); ?>" id="<?php echo $this->id . $value; ?>" <?php $this->link(); checked( $this->value(), $value ); ?>>
30
+ <label for="<?php echo $this->id . $value; ?>">
31
+ <?php echo esc_html( $label ); ?>
32
+ </label>
33
+ </input>
34
+ <?php endforeach; ?>
35
+ </div>
36
+ <script>jQuery(document).ready(function($) { $( '[id="input_<?php echo $this->id; ?>"]' ).buttonset(); });</script>
37
+ <?php
38
+ }
39
+
40
+ }
includes/controls/class-kirki-customize-radio-control.php DELETED
@@ -1,85 +0,0 @@
1
- <?php
2
-
3
- class Kirki_Customize_Radio_Control extends Kirki_Customize_Control {
4
-
5
- public function __construct( $manager, $id, $args = array() ) {
6
- $this->type = 'radio';
7
- $this->mode = ( ! isset( $this->mode ) || empty( $this->mode ) ) ? 'radio' : $this->mode;
8
- parent::__construct( $manager, $id, $args );
9
- }
10
-
11
- public function enqueue() {
12
-
13
- if ( 'buttonset' == $this->mode || 'image' == $this->mode ) {
14
- wp_enqueue_script( 'jquery-ui-button' );
15
- }
16
-
17
- }
18
-
19
- public function render_content() {
20
-
21
- if ( empty( $this->choices ) ) {
22
- return;
23
- }
24
-
25
- $name = '_customize-radio-' . $this->id;
26
-
27
- ?>
28
- <span class="customize-control-title">
29
- <?php echo esc_html( $this->label ); ?>
30
- <?php $this->description(); ?>
31
- </span>
32
- <?php $this->subtitle(); ?>
33
-
34
- <div id="input_<?php echo $this->id; ?>" class="<?php echo $this->mode; ?>">
35
- <?php
36
-
37
- // JqueryUI Button Sets
38
- if ( 'buttonset' == $this->mode ) {
39
-
40
- foreach ( $this->choices as $value => $label ) : ?>
41
- <input type="radio" value="<?php echo esc_attr( $value ); ?>" name="<?php echo esc_attr( $name ); ?>" id="<?php echo $this->id . $value; ?>" <?php $this->link(); checked( $this->value(), $value ); ?>>
42
- <label for="<?php echo $this->id . $value; ?>">
43
- <?php echo esc_html( $label ); ?>
44
- </label>
45
- </input>
46
- <?php
47
- endforeach;
48
-
49
- // Image radios.
50
- } elseif ( 'image' == $this->mode ) {
51
-
52
- foreach ( $this->choices as $value => $label ) : ?>
53
- <input class="image-select" type="radio" value="<?php echo esc_attr( $value ); ?>" name="<?php echo esc_attr( $name ); ?>" id="<?php echo $this->id . $value; ?>" <?php $this->link(); checked( $this->value(), $value ); ?>>
54
- <label for="<?php echo $this->id . $value; ?>">
55
- <img src="<?php echo esc_html( $label ); ?>">
56
- </label>
57
- </input>
58
- <?php
59
- endforeach;
60
-
61
- // Normal radios
62
- } else {
63
-
64
- foreach ( $this->choices as $value => $label ) :
65
- ?>
66
- <label class="customizer-radio">
67
- <input class="kirki-radio" type="radio" value="<?php echo esc_attr( $value ); ?>" name="<?php echo esc_attr( $name ); ?>" <?php $this->link(); checked( $this->value(), $value ); ?> />
68
- <?php echo esc_html( $label ); ?><br/>
69
- </label>
70
- <?php
71
- endforeach;
72
-
73
- }
74
- ?>
75
- </div>
76
- <?php if ( 'buttonset' == $this->mode || 'image' == $this->mode ) { ?>
77
- <script>
78
- jQuery(document).ready(function($) {
79
- $( '[id="input_<?php echo $this->id; ?>"]' ).buttonset();
80
- });
81
- </script>
82
- <?php }
83
-
84
- }
85
- }
includes/controls/class-kirki-customize-radio-image-control.php ADDED
@@ -0,0 +1,40 @@
1
+ <?php
2
+
3
+ class Kirki_Customize_Radio_Image_Control extends WP_Customize_Control {
4
+
5
+ public $type = 'radio-image';
6
+
7
+ public function enqueue() {
8
+ wp_enqueue_script( 'jquery-ui-button' );
9
+ }
10
+
11
+ public function render_content() {
12
+
13
+ if ( empty( $this->choices ) ) {
14
+ return;
15
+ }
16
+
17
+ $name = '_customize-radio-' . $this->id;
18
+
19
+ ?>
20
+ <span class="customize-control-title">
21
+ <?php echo esc_html( $this->label ); ?>
22
+ <?php if ( ! empty( $this->description ) ) : ?>
23
+ <span class="description customize-control-description"><?php echo $this->description; ?></span>
24
+ <?php endif; ?>
25
+ </span>
26
+
27
+ <div id="input_<?php echo $this->id; ?>" class="image">
28
+ <?php foreach ( $this->choices as $value => $label ) : ?>
29
+ <input class="image-select" type="radio" value="<?php echo esc_attr( $value ); ?>" name="<?php echo esc_attr( $name ); ?>" id="<?php echo $this->id . $value; ?>" <?php $this->link(); checked( $this->value(), $value ); ?>>
30
+ <label for="<?php echo $this->id . $value; ?>">
31
+ <img src="<?php echo esc_html( $label ); ?>">
32
+ </label>
33
+ </input>
34
+ <?php endforeach; ?>
35
+ </div>
36
+ <script>jQuery(document).ready(function($) { $( '[id="input_<?php echo $this->id; ?>"]' ).buttonset(); });</script>
37
+ <?php
38
+ }
39
+
40
+ }
includes/controls/class-kirki-customize-select-control.php DELETED
@@ -1,32 +0,0 @@
1
- <?php
2
-
3
- class Kirki_Customize_Select_Control extends Kirki_Customize_Control {
4
-
5
- public function __construct( $manager, $id, $args = array() ) {
6
- $this->type = 'select';
7
- parent::__construct( $manager, $id, $args );
8
- }
9
-
10
- public function render_content() {
11
-
12
- if ( empty( $this->choices ) ) {
13
- return;
14
- } ?>
15
-
16
- <label>
17
- <span class="customize-control-title">
18
- <?php echo esc_html( $this->label ); ?>
19
- <?php $this->description(); ?>
20
- </span>
21
- <?php $this->subtitle(); ?>
22
- <select <?php $this->link(); ?>>
23
- <?php
24
- foreach ( $this->choices as $value => $label ) {
25
- echo '<option value="' . esc_attr( $value ) . '"' . selected( $this->value(), $value, false ) . '>' . $label . '</option>';
26
- } ?>
27
- </select>
28
- </label>
29
- <?php
30
-
31
- }
32
- }
includes/controls/class-kirki-customize-slider-control.php CHANGED
@@ -1,16 +1,12 @@
1
<?php
2
3
- class Kirki_Customize_Slider_Control extends Kirki_Customize_Control {
4
5
- public function __construct( $manager, $id, $args = array() ) {
6
- $this->type = 'slider';
7
- parent::__construct( $manager, $id, $args );
8
- }
9
10
public function enqueue() {
11
-
12
wp_enqueue_script( 'jquery-ui-slider' );
13
-
14
}
15
16
public function render_content() { ?>
@@ -18,9 +14,10 @@ class Kirki_Customize_Slider_Control extends Kirki_Customize_Control {
18
19
<span class="customize-control-title">
20
<?php echo esc_html( $this->label ); ?>
21
- <?php $this->description(); ?>
22
</span>
23
- <?php $this->subtitle(); ?>
24
25
<input type="text" class="kirki-slider" id="input_<?php echo $this->id; ?>" disabled value="<?php echo $this->value(); ?>" <?php $this->link(); ?>/>
26
1
<?php
2
3
+ class Kirki_Customize_Slider_Control extends WP_Customize_Control {
4
5
+ public $type = 'slider';
6
7
public function enqueue() {
8
+ wp_enqueue_script( 'jquery-ui' );
9
wp_enqueue_script( 'jquery-ui-slider' );
10
}
11
12
public function render_content() { ?>
14
15
<span class="customize-control-title">
16
<?php echo esc_html( $this->label ); ?>
17
+ <?php if ( ! empty( $this->description ) ) : ?>
18
+ <span class="description customize-control-description"><?php echo $this->description; ?></span>
19
+ <?php endif; ?>
20
</span>
21
22
<input type="text" class="kirki-slider" id="input_<?php echo $this->id; ?>" disabled value="<?php echo $this->value(); ?>" <?php $this->link(); ?>/>
23
includes/controls/class-kirki-customize-sortable-control.php CHANGED
@@ -1,11 +1,8 @@
1
<?php
2
3
- class Kirki_Customize_Sortable_Control extends Kirki_Customize_Control {
4
5
- public function __construct( $manager, $id, $args = array() ) {
6
- $this->type = 'sortable';
7
- parent::__construct( $manager, $id, $args );
8
- }
9
10
public function enqueue() {
11
wp_enqueue_script( 'jquery-ui-core' );
@@ -27,9 +24,10 @@ class Kirki_Customize_Sortable_Control extends Kirki_Customize_Control {
27
<label class='kirki-sortable'>
28
<span class="customize-control-title">
29
<?php echo esc_html( $this->label ); ?>
30
- <?php $this->description(); ?>
31
</span>
32
- <?php $this->subtitle(); ?>
33
34
<?php
35
$values = $this->value();
@@ -39,11 +37,11 @@ class Kirki_Customize_Sortable_Control extends Kirki_Customize_Control {
39
$visibleButton = '<i class="dashicons dashicons-visibility visibility"></i>';
40
?>
41
<ul>
42
- <?php foreach ( $values as $dummy => $value ) : ?>
43
<?php printf( "<li class='kirki-sortable-item' data-value='%s'><i class='dashicons dashicons-menu'></i>%s%s</li>", esc_attr( $value ), $visibleButton, $this->choices[$value] ); ?>
44
<?php endforeach; ?>
45
<?php $invisibleKeys = array_diff( array_keys( $this->choices ), $values ); ?>
46
- <?php foreach ( $invisibleKeys as $dummy => $value ) : ?>
47
<?php printf( "<li class='kirki-sortable-item' data-value='%s'><i class='dashicons dashicons-menu'></i>%s%s</li>", esc_attr( $value ), $visibleButton, $this->choices[$value] ); ?>
48
<?php endforeach; ?>
49
</ul>
1
<?php
2
3
+ class Kirki_Customize_Sortable_Control extends WP_Customize_Control {
4
5
+ public $type = 'sortable';
6
7
public function enqueue() {
8
wp_enqueue_script( 'jquery-ui-core' );
24
<label class='kirki-sortable'>
25
<span class="customize-control-title">
26
<?php echo esc_html( $this->label ); ?>
27
+ <?php if ( ! empty( $this->description ) ) : ?>
28
+ <span class="description customize-control-description"><?php echo $this->description; ?></span>
29
+ <?php endif; ?>
30
</span>
31
32
<?php
33
$values = $this->value();
37
$visibleButton = '<i class="dashicons dashicons-visibility visibility"></i>';
38
?>
39
<ul>
40
+ <?php foreach ( $values as $key => $value ) : ?>
41
<?php printf( "<li class='kirki-sortable-item' data-value='%s'><i class='dashicons dashicons-menu'></i>%s%s</li>", esc_attr( $value ), $visibleButton, $this->choices[$value] ); ?>
42
<?php endforeach; ?>
43
<?php $invisibleKeys = array_diff( array_keys( $this->choices ), $values ); ?>
44
+ <?php foreach ( $invisibleKeys as $key => $value ) : ?>
45
<?php printf( "<li class='kirki-sortable-item' data-value='%s'><i class='dashicons dashicons-menu'></i>%s%s</li>", esc_attr( $value ), $visibleButton, $this->choices[$value] ); ?>
46
<?php endforeach; ?>
47
</ul>
includes/controls/class-kirki-customize-switch-control.php ADDED
@@ -0,0 +1,28 @@
1
+ <?php
2
+
3
+ class Kirki_Customize_Switch_Control extends WP_Customize_Control {
4
+
5
+ public $type = 'switch';
6
+
7
+ /**
8
+ * Render the control's content.
9
+ */
10
+ protected function render_content() { ?>
11
+ <label>
12
+ <div class="switch-info">
13
+ <input style="display: none;" type="checkbox" value="<?php echo esc_attr( $this->value() ); ?>" <?php $this->link(); checked( $this->value() ); ?> />
14
+ </div>
15
+ <?php echo esc_html( $this->label ); ?>
16
+ <?php if ( ! empty( $this->description ) ) : ?>
17
+ <span class="description customize-control-description"><?php echo $this->description; ?></span>
18
+ <?php endif; ?>
19
+ <?php $classes = ( esc_attr( $this->value() ) ) ? ' On' : ' Off'; ?>
20
+ <div class="Switch <?php echo $classes; ?>">
21
+ <div class="Toggle"></div>
22
+ <span class="On"><?php _e( 'ON', 'kirki' ); ?></span>
23
+ <span class="Off"><?php _e( 'OFF', 'kirki' ); ?></span>
24
+ </div>
25
+ </label>
26
+ <?php
27
+ }
28
+ }
includes/controls/class-kirki-customize-text-control.php DELETED
@@ -1,24 +0,0 @@
1
- <?php
2
-
3
- class Kirki_Customize_Text_Control extends Kirki_Customize_Control {
4
-
5
- public function __construct( $manager, $id, $args = array() ) {
6
- $this->type = 'text';
7
- parent::__construct( $manager, $id, $args );
8
- }
9
-
10
- public function render_content() { ?>
11
-
12
- <label class="customizer-text">
13
- <span class="customize-control-title">
14
- <?php echo esc_html( $this->label ); ?>
15
- <?php $this->description(); ?>
16
- </span>
17
- <?php $this->subtitle(); ?>
18
-
19
- <input type="text" value="<?php echo esc_attr( $this->value() ); ?>" <?php $this->link(); ?> />
20
- </label>
21
- <?php
22
-
23
- }
24
- }
includes/controls/class-kirki-customize-textarea-control.php DELETED
@@ -1,23 +0,0 @@
1
- <?php
2
-
3
- class Kirki_Customize_Textarea_Control extends Kirki_Customize_Control {
4
-
5
- public function __construct( $manager, $id, $args = array() ) {
6
- $this->type = 'textarea';
7
- parent::__construct( $manager, $id, $args );
8
- }
9
-
10
- public function render_content() { ?>
11
- <label class="customizer-textarea">
12
- <span class="customize-control-title">
13
- <?php echo esc_html( $this->label ); ?>
14
- <?php $this->description(); ?>
15
- </span>
16
- <?php $this->subtitle(); ?>
17
-
18
- <textarea class="of-input" rows="5" style="width:100%;" <?php $this->link(); ?>><?php echo esc_textarea( $this->value() ); ?></textarea>
19
- </label>
20
- <?php
21
-
22
- }
23
- }
includes/controls/class-kirki-customize-toggle-control.php ADDED
@@ -0,0 +1,27 @@
1
+ <?php
2
+
3
+ class Kirki_Customize_Toggle_Control extends WP_Customize_Control {
4
+
5
+ public $type = 'toggle';
6
+
7
+ /**
8
+ * Render the control's content.
9
+ */
10
+ protected function render_content() { ?>
11
+ <label>
12
+ <div class="switch-info">
13
+ <input style="display: none;" type="checkbox" value="<?php echo esc_attr( $this->value() ); ?>" <?php $this->link(); checked( $this->value() ); ?> />
14
+ </div>
15
+ <?php echo esc_html( $this->label ); ?>
16
+ <?php if ( ! empty( $this->description ) ) : ?>
17
+ <span class="description customize-control-description"><?php echo $this->description; ?></span>
18
+ <?php endif; ?>
19
+ <?php $classes = ( esc_attr( $this->value() ) ) ? ' On' : ' Off'; ?>
20
+ <?php $classes .= ' Round'; ?>
21
+ <div class="Switch <?php echo $classes; ?>">
22
+ <div class="Toggle"></div>
23
+ </div>
24
+ </label>
25
+ <?php
26
+ }
27
+ }
includes/controls/class-kirki-customize-upload-control.php DELETED
@@ -1,69 +0,0 @@
1
- <?php
2
-
3
- /**
4
- * Customize Upload Control Class
5
- *
6
- * @package WordPress
7
- * @subpackage Customize
8
- * @since 3.4.0
9
- */
10
- class Kirki_Customize_Upload_Control extends Kirki_Customize_Control {
11
- public $removed = '';
12
- public $context;
13
- public $extensions = array();
14
-
15
- public function __construct( $manager, $id, $args = array() ) {
16
- $this->type = 'upload';
17
- parent::__construct( $manager, $id, $args );
18
- }
19
-
20
- /**
21
- * Enqueue control related scripts/styles.
22
- *
23
- * @since 3.4.0
24
- */
25
- public function enqueue() {
26
- wp_enqueue_script( 'wp-plupload' );
27
- }
28
-
29
- /**
30
- * Refresh the parameters passed to the JavaScript via JSON.
31
- *
32
- * @since 3.4.0
33
- * @uses WP_Customize_Control::to_json()
34
- */
35
- public function to_json() {
36
- parent::to_json();
37
-
38
- $this->json['removed'] = $this->removed;
39
-
40
- if ( $this->context )
41
- $this->json['context'] = $this->context;
42
-
43
- if ( $this->extensions )
44
- $this->json['extensions'] = implode( ',', $this->extensions );
45
- }
46
-
47
- /**
48
- * Render the control's content.
49
- *
50
- * @since 3.4.0
51
- */
52
- public function render_content() {
53
- ?>
54
- <label>
55
- <span class="customize-control-title">
56
- <?php echo esc_html( $this->label ); ?>
57
- <?php $this->description(); ?>
58
- </span>
59
- <?php $this->subtitle(); ?>
60
-
61
- <div>
62
- <a href="#" class="button-secondary upload"><?php _e( 'Upload', 'kirki' ); ?></a>
63
- <a href="#" class="remove"><?php _e( 'Remove', 'kirki' ); ?></a>
64
- </div>
65
- </label>
66
- <?php
67
-
68
- }
69
- }
kirki.php CHANGED
@@ -5,7 +5,7 @@ Plugin URI: http://kirki.org
5
Description: An options framework using and extending the WordPress Customizer
6
Author: Aristeides Stathopoulos
7
Author URI: http://press.codes
8
- Version: 0.6.2
9
*/
10
11
// Load Kirki_Fonts before everything else
@@ -16,10 +16,14 @@ include_once( dirname( __FILE__ ) . '/includes/class-kirki-fonts.php' );
16
*/
17
if ( ! class_exists( 'Kirki' ) ) :
18
class Kirki {
19
public $scripts;
20
public $styles;
21
22
- function __construct() {
23
24
if ( ! defined( 'KIRKI_PATH' ) ) {
25
define( 'KIRKI_PATH', dirname( __FILE__ ) );
@@ -39,8 +43,9 @@ class Kirki {
39
include_once( dirname( __FILE__ ) . '/includes/class-kirki-controls.php' );
40
include_once( dirname( __FILE__ ) . '/includes/deprecated.php' );
41
42
- $this->scripts = new Kirki_Scripts();
43
- $this->styles = new Kirki_Style();
44
45
add_action( 'customize_register', array( $this, 'include_customizer_controls' ), 1 );
46
add_action( 'customize_register', array( $this, 'customizer_builder' ), 99 );
@@ -48,26 +53,41 @@ class Kirki {
48
49
}
50
51
/**
52
- * Include the necessary files
53
*/
54
function include_customizer_controls() {
55
56
- include_once( dirname( __FILE__ ) . '/includes/class-kirki-customize-control.php' );
57
-
58
$controls = $this->get_controls();
59
foreach ( $controls as $control ) {
60
- if ( 'background' != $control['type'] ) {
61
- if ( 'group_title' == $control['type'] ) {
62
- include_once( KIRKI_PATH . '/includes/controls/class-kirki-customize-group-title-control.php' );
63
- } else {
64
- include_once( KIRKI_PATH . '/includes/controls/class-kirki-customize-' . $control['type'] . '-control.php' );
65
- }
66
- } else {
67
- include_once( KIRKI_PATH . '/includes/controls/class-kirki-customize-color-control.php' );
68
- include_once( KIRKI_PATH . '/includes/controls/class-kirki-customize-image-control.php' );
69
- include_once( KIRKI_PATH . '/includes/controls/class-kirki-customize-select-control.php' );
70
- include_once( KIRKI_PATH . '/includes/controls/class-kirki-customize-radio-control.php' );
71
include_once( KIRKI_PATH . '/includes/controls/class-kirki-customize-slider-control.php' );
72
}
73
}
@@ -81,7 +101,7 @@ class Kirki {
81
82
$controls = $this->get_controls();
83
$kirki_settings = new Kirki_Settings();
84
- $kirki_controls = new Kirki_Controls();
85
86
// Early exit if controls are not set or if they're empty
87
if ( ! isset( $controls ) || empty( $controls ) ) {
@@ -144,8 +164,54 @@ class Kirki {
144
}
145
146
}
147
148
global $kirki;
149
- $kirki = new Kirki();
150
151
endif;
5
Description: An options framework using and extending the WordPress Customizer
6
Author: Aristeides Stathopoulos
7
Author URI: http://press.codes
8
+ Version: 0.7
9
*/
10
11
// Load Kirki_Fonts before everything else
16
*/
17
if ( ! class_exists( 'Kirki' ) ) :
18
class Kirki {
19
+
20
public $scripts;
21
public $styles;
22
+ public $controls;
23
+
24
+ private static $instance;
25
26
+ protected function __construct() {
27
28
if ( ! defined( 'KIRKI_PATH' ) ) {
29
define( 'KIRKI_PATH', dirname( __FILE__ ) );
43
include_once( dirname( __FILE__ ) . '/includes/class-kirki-controls.php' );
44
include_once( dirname( __FILE__ ) . '/includes/deprecated.php' );
45
46
+ $this->scripts = Kirki_Scripts::get_instance();
47
+ $this->styles = new Kirki_Style();
48
+ $this->controls = new Kirki_Controls();
49
50
add_action( 'customize_register', array( $this, 'include_customizer_controls' ), 1 );
51
add_action( 'customize_register', array( $this, 'customizer_builder' ), 99 );
53
54
}
55
56
+ public static function get_instance() {
57
+ if ( null == self::$instance ) {
58
+ self::$instance = new self;
59
+ }
60
+
61
+ return self::$instance;
62
+ }
63
+
64
/**
65
+ * Include the necessary files for custom controls.
66
+ * Default WP Controls are not included here because they are already being loaded from WP Core.
67
*/
68
function include_customizer_controls() {
69
70
$controls = $this->get_controls();
71
foreach ( $controls as $control ) {
72
+ if ( 'group_title' == $control['type'] ) {
73
+ include_once( KIRKI_PATH . '/includes/controls/class-kirki-customize-group-title-control.php' );
74
+ } elseif ( 'multicheck' == $control['type'] ) {
75
+ include_once( KIRKI_PATH . '/includes/controls/class-kirki-customize-multicheck-control.php' );
76
+ } elseif ( 'number' == $control['type'] ) {
77
+ include_once( KIRKI_PATH . '/includes/controls/class-kirki-customize-number-control.php' );
78
+ } elseif ( 'radio-buttonset' == $control['type'] || ( 'radio' == $control['type'] && isset( $control['mode'] ) && 'buttonset' == $control['mode'] ) ) {
79
+ include_once( KIRKI_PATH . '/includes/controls/class-kirki-customize-radio-buttonset-control.php' );
80
+ } elseif ( 'radio-image' == $control['type'] || ( 'radio' == $control['type'] && isset( $control['mode'] ) && 'image' == $control['mode'] ) ) {
81
+ include_once( KIRKI_PATH . '/includes/controls/class-kirki-customize-radio-image-control.php' );
82
+ } elseif ( 'slider' == $control['type'] ) {
83
+ include_once( KIRKI_PATH . '/includes/controls/class-kirki-customize-slider-control.php' );
84
+ } elseif ( 'sortable' == $control['type'] ) {
85
+ include_once( KIRKI_PATH . '/includes/controls/class-kirki-customize-sortable-control.php' );
86
+ } elseif ( 'switch' == $control['type'] || ( 'checkbox' == $control['type'] && isset( $control['mode'] ) && 'switch' == $control['mode'] ) ) {
87
+ include_once( KIRKI_PATH . '/includes/controls/class-kirki-customize-switch-control.php' );
88
+ } elseif ( 'toggle' == $control['type'] || ( 'checkbox' == $control['type'] && isset( $control['mode'] ) && 'toggle' == $control['mode'] ) ) {
89
+ include_once( KIRKI_PATH . '/includes/controls/class-kirki-customize-toggle-control.php' );
90
+ } elseif ( 'background' == $control['type'] ) {
91
include_once( KIRKI_PATH . '/includes/controls/class-kirki-customize-slider-control.php' );
92
}
93
}
101
102
$controls = $this->get_controls();
103
$kirki_settings = new Kirki_Settings();
104
+ $kirki_controls = $this->controls;
105
106
// Early exit if controls are not set or if they're empty
107
if ( ! isset( $controls ) || empty( $controls ) ) {
164
}
165
166
}
167
+ endif;
168
169
+ if ( ! function_exists( 'Kirki' ) ) :
170
+ function Kirki() {
171
+ return Kirki::get_instance();
172
+ }
173
+ endif;
174
+ // Global for backwards compatibility.
175
+ $GLOBALS['kirki'] = Kirki();
176
global $kirki;
177
178
+
179
+ /**
180
+ * A wrapper function for get_theme_mod.
181
+ *
182
+ * This will be a bit more generic and will future-proof the plugin
183
+ * in case we ever decide to switch to using options instead of theme mods.
184
+ *
185
+ * An additional benefit is that it also gets the default values
186
+ * without the need to manually define them like in get_theme_mod();
187
+ *
188
+ * It's recommended that you add the following to your theme/plugin before using this function:
189
+ *
190
+
191
+ if ( ! function_exists( 'kirki_get_option' ) ) :
192
+ function kirki_get_option( $option ) {
193
+ get_theme_mod( $option, '' );
194
+ }
195
endif;
196
+
197
+ *
198
+ * This will NOT get the right value, but at least no fatal errors will occur in case the plugin is not installed.
199
+ */
200
+ function kirki_get_option( $option ) {
201
+
202
+ global $kirki;
203
+
204
+ $controls = $kirki->get_controls();
205
+ $value = '';
206
+
207
+ foreach ( $controls as $control ) {
208
+ $control = Kirki_Controls::control_clean( $control );
209
+ if ( $option == $setting ) {
210
+ $value = get_theme_mod( $control['settings'], $control['default'] );
211
+ }
212
+
213
+ }
214
+
215
+ return $value;
216
+
217
+ }
readme.txt CHANGED
@@ -1,29 +1,34 @@
1
=== Kirki ===
2
Contributors: aristath, fovoc
3
- Donate link: http://kirki.org
4
- Tags: customizer
5
Requires at least: 4.0
6
Tested up to: 4.1.1
7
- Stable tag: 0.6.2
8
License: GPLv2 or later
9
License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
11
Tired of all the bloated options frameworks? You can use the WordPress Customizer instead, and extend it using Kirki!
12
13
- == Description ==
14
15
Kirki allows developers to add advanced controls to their customizer as well as customize the way the customizer looks and feels.
16
17
The following controls are included:
18
19
- * Buttonset
20
* Checkbox
21
* Color
22
* Image
23
* Background
24
- * Image Radio
25
* Multicheck
26
- * Radio
27
* Select
28
* Slider
29
* Text
@@ -32,23 +37,45 @@ The following controls are included:
32
* Switch
33
* Toggle
34
* Sortable
35
36
For documentation and examples on how to use these controls, please visit [kirki.org](http://kirki.org/#fields).
37
38
- In addition you can also automatically generate the CSS for a lot of controls and have it added to the head of your document without writing any custom functions and code for that. [Learn more about automatic output of CSS here](http://kirki.org/#output)
39
40
== Installation ==
41
-
42
- Just install this plugin and activate it.
43
For configuration instructions please visit http://kirki.org/#configuration
44
45
== 0.6.2 - 2014-03-02, dev time: 3 hours ==
46
* Fix: Frontend styles were not properly enqueued (props @dmgawel)
47
* New: Allow multiple output styles per control defined as an array of arrays.
48
* Fix: Background control styles
49
* Fix: Serialise default values for the sortable control. Now you can define default values as an array.
50
* Fix: Required script
51
- * Fix: '_opacity' was added to a lot of controls by mistake. Removed it and wrote a migration script.
52
53
== 0.6.1 - 2014-02-25, dev time: 1 hours ==
54
* Fix: Sortables controls had a JS conflict
@@ -64,7 +91,7 @@ For configuration instructions please visit http://kirki.org/#configuration
64
* New: Only load control classes when they are needed
65
* New: Introducing Kirki_Customize_Control class
66
* Fix: CSS tweaks
67
- * New: Sortable control (creating one is identical to a select control, but with `'type' => 'sortable'`)
68
* Fix: Double output CSS (props @agusmu)
69
* New: Google fonts now parsed from a json file.
70
@@ -75,13 +102,13 @@ For configuration instructions please visit http://kirki.org/#configuration
75
== 0.5 ==
76
* New: Automatic output of styles for generic controls.
77
* New: Automatic output of styles + scripts for fonts (including googlefonts )
78
- * New: The 'output' argument on background controls is now an array for consistency with other controls. Older syntax is still compatible though. :)
79
* New: Add the ability to auto-generate styles for colors.
80
* Fix: Add a blank stylesheet if we need one and no stylesheet_id has been defined in the config options.
81
* Fix: CSS-only tooltips. Fixes issue with tooltips now showing up on WP >= 4.1
82
* Fix: Code cleanups
83
- * New: Added support for WordPress's transport arguments
84
- * Fix: All controls now have a sanitization callback. Users can override the default sanitizations by adding their own 'sanitize_callback' argument.
85
* Fix: OOP rewrite
86
* Fix: Strip protocol from Google API link
87
* Fix: Loading order for some files
@@ -91,14 +118,14 @@ For configuration instructions please visit http://kirki.org/#configuration
91
* Fix: bugfix for selector
92
* New: Change the Kirki theme based on which admin theme is selected.
93
* Fix: Tranlsation domain issue
94
- * New: Added a "group_title" control
95
* Fix: Updated the required script
96
* Fix: Updating CSS
97
* Other minor improvements and bugfixes
98