Version Description
Removed conflicting wistia javascript link
Download this release
Release Info
Developer | lilaeamedia |
Plugin | Child Theme Configurator |
Version | 1.7.1 |
Comparing to | |
See all releases |
Code changes from version 1.7.0 to 1.7.1
- child-theme-configurator.php +2 -2
- includes/class-ctc-css.php +30 -30
- includes/class-ctc-ui.php +1 -1
- includes/class-ctc.php +2 -2
- includes/forms/parent-child.php +1 -1
- includes/help/help_en_US.php +1 -1
- js/chld-thm-cfg.js +1 -1
- readme.txt +31 -29
child-theme-configurator.php
CHANGED
@@ -6,7 +6,7 @@ if ( !defined( 'ABSPATH' ) ) exit;
|
|
6 |
Plugin Name: Child Theme Configurator
|
7 |
Plugin URI: http://www.lilaeamedia.com/plugins/child-theme-configurator/
|
8 |
Description: Create a Child Theme and customize the stylesheet and templates. Fast CSS editor lets you search, preview and modify by selector, rule or value.
|
9 |
-
Version: 1.7.
|
10 |
Author: Lilaea Media
|
11 |
Author URI: http://www.lilaeamedia.com/
|
12 |
Text Domain: chld_thm_cfg
|
@@ -20,7 +20,7 @@ if ( !defined( 'ABSPATH' ) ) exit;
|
|
20 |
define( 'LILAEAMEDIA_URL', "http://www.lilaeamedia.com" );
|
21 |
defined( 'CHLD_THM_CFG_OPTIONS' ) or
|
22 |
define( 'CHLD_THM_CFG_OPTIONS', 'chld_thm_cfg_options' );
|
23 |
-
define( 'CHLD_THM_CFG_VERSION', '1.7.
|
24 |
define( 'CHLD_THM_CFG_MIN_WP_VERSION', '3.7' );
|
25 |
defined( 'CHLD_THM_CFG_BPSEL' ) or
|
26 |
define( 'CHLD_THM_CFG_BPSEL', '2500' );
|
6 |
Plugin Name: Child Theme Configurator
|
7 |
Plugin URI: http://www.lilaeamedia.com/plugins/child-theme-configurator/
|
8 |
Description: Create a Child Theme and customize the stylesheet and templates. Fast CSS editor lets you search, preview and modify by selector, rule or value.
|
9 |
+
Version: 1.7.1
|
10 |
Author: Lilaea Media
|
11 |
Author URI: http://www.lilaeamedia.com/
|
12 |
Text Domain: chld_thm_cfg
|
20 |
define( 'LILAEAMEDIA_URL', "http://www.lilaeamedia.com" );
|
21 |
defined( 'CHLD_THM_CFG_OPTIONS' ) or
|
22 |
define( 'CHLD_THM_CFG_OPTIONS', 'chld_thm_cfg_options' );
|
23 |
+
define( 'CHLD_THM_CFG_VERSION', '1.7.1' );
|
24 |
define( 'CHLD_THM_CFG_MIN_WP_VERSION', '3.7' );
|
25 |
defined( 'CHLD_THM_CFG_BPSEL' ) or
|
26 |
define( 'CHLD_THM_CFG_BPSEL', '2500' );
|
includes/class-ctc-css.php
CHANGED
@@ -4,9 +4,9 @@ if ( !defined( 'ABSPATH' ) ) exit;
|
|
4 |
|
5 |
/*
|
6 |
Class: ChildThemeConfiguratorCSS
|
7 |
-
Plugin URI: http://www.lilaeamedia.com/
|
8 |
Description: Handles all CSS output, parsing, normalization
|
9 |
-
Version: 1.7.
|
10 |
Author: Lilaea Media
|
11 |
Author URI: http://www.lilaeamedia.com/
|
12 |
Text Domain: chld_thm_cfg
|
@@ -16,37 +16,37 @@ if ( !defined( 'ABSPATH' ) ) exit;
|
|
16 |
*/
|
17 |
class ChildThemeConfiguratorCSS {
|
18 |
// data dictionaries
|
19 |
-
var $dict_query;
|
20 |
-
var $dict_sel;
|
21 |
-
var $dict_qs;
|
22 |
-
var $dict_rule;
|
23 |
-
var $dict_val;
|
24 |
-
var $dict_seq;
|
25 |
// hierarchies
|
26 |
-
var $sel_ndx;
|
27 |
-
var $val_ndx;
|
28 |
// key counters
|
29 |
-
var $qskey;
|
30 |
-
var $querykey;
|
31 |
-
var $selkey;
|
32 |
-
var $rulekey;
|
33 |
-
var $valkey;
|
34 |
// miscellaneous properties
|
35 |
-
var $imports;
|
36 |
-
var $styles;
|
37 |
-
var $child;
|
38 |
-
var $parnt;
|
39 |
-
var $configtype;
|
40 |
-
var $addl_css;
|
41 |
-
var $recent;
|
42 |
-
var $enqueue;
|
43 |
-
var $child_name;
|
44 |
-
var $child_author;
|
45 |
-
var $child_authoruri;
|
46 |
-
var $child_themeuri;
|
47 |
-
var $child_descr;
|
48 |
-
var $child_tags;
|
49 |
-
var $child_version;
|
50 |
var $max_sel;
|
51 |
var $vendorrule = array(
|
52 |
'box-sizing',
|
4 |
|
5 |
/*
|
6 |
Class: ChildThemeConfiguratorCSS
|
7 |
+
Plugin URI: http://www.lilaeamedia.com/child-theme-configurator/
|
8 |
Description: Handles all CSS output, parsing, normalization
|
9 |
+
Version: 1.7.1
|
10 |
Author: Lilaea Media
|
11 |
Author URI: http://www.lilaeamedia.com/
|
12 |
Text Domain: chld_thm_cfg
|
16 |
*/
|
17 |
class ChildThemeConfiguratorCSS {
|
18 |
// data dictionaries
|
19 |
+
var $dict_query; // @media queries and 'base'
|
20 |
+
var $dict_sel; // selectors
|
21 |
+
var $dict_qs; // query/selector lookup
|
22 |
+
var $dict_rule; // css rules
|
23 |
+
var $dict_val; // css values
|
24 |
+
var $dict_seq; // child load order (priority)
|
25 |
// hierarchies
|
26 |
+
var $sel_ndx; // query => selector hierarchy
|
27 |
+
var $val_ndx; // selector => rule => value hierarchy
|
28 |
// key counters
|
29 |
+
var $qskey; // counter for dict_qs
|
30 |
+
var $querykey; // counter for dict_query
|
31 |
+
var $selkey; // counter for dict_sel
|
32 |
+
var $rulekey; // counter for dict_rule
|
33 |
+
var $valkey; // counter for dict_val
|
34 |
// miscellaneous properties
|
35 |
+
var $imports; // @import rules
|
36 |
+
var $styles; // temporary update cache
|
37 |
+
var $child; // child theme slug
|
38 |
+
var $parnt; // parent theme slug
|
39 |
+
var $configtype; // legacy plugin slug
|
40 |
+
var $addl_css; // parent additional stylesheets
|
41 |
+
var $recent; // history of edited styles
|
42 |
+
var $enqueue; // load parent css method (enqueue, import, none)
|
43 |
+
var $child_name; // child theme name
|
44 |
+
var $child_author; // child theme author
|
45 |
+
var $child_authoruri; // child theme author website
|
46 |
+
var $child_themeuri; // child theme website
|
47 |
+
var $child_descr; // child theme description
|
48 |
+
var $child_tags; // child theme tags
|
49 |
+
var $child_version; // stylesheet version
|
50 |
var $max_sel;
|
51 |
var $vendorrule = array(
|
52 |
'box-sizing',
|
includes/class-ctc-ui.php
CHANGED
@@ -5,7 +5,7 @@ if ( !defined( 'ABSPATH' ) ) exit;
|
|
5 |
Class: Child_Theme_Configurator_UI
|
6 |
Plugin URI: http://www.lilaeamedia.com/plugins/child-theme-configurator/
|
7 |
Description: Handles the plugin User Interface
|
8 |
-
Version: 1.7.
|
9 |
Author: Lilaea Media
|
10 |
Author URI: http://www.lilaeamedia.com/
|
11 |
Text Domain: chld_thm_cfg
|
5 |
Class: Child_Theme_Configurator_UI
|
6 |
Plugin URI: http://www.lilaeamedia.com/plugins/child-theme-configurator/
|
7 |
Description: Handles the plugin User Interface
|
8 |
+
Version: 1.7.1
|
9 |
Author: Lilaea Media
|
10 |
Author URI: http://www.lilaeamedia.com/
|
11 |
Text Domain: chld_thm_cfg
|
includes/class-ctc.php
CHANGED
@@ -6,7 +6,7 @@ if ( !defined( 'ABSPATH' ) ) exit;
|
|
6 |
Class: Child_Theme_Configurator
|
7 |
Plugin URI: http://www.lilaeamedia.com/plugins/child-theme-configurator/
|
8 |
Description: Main Controller Class
|
9 |
-
Version: 1.7.
|
10 |
Author: Lilaea Media
|
11 |
Author URI: http://www.lilaeamedia.com/
|
12 |
Text Domain: chld_thm_cfg
|
@@ -108,7 +108,7 @@ class ChildThemeConfiguratorAdmin {
|
|
108 |
$this->ui->render();
|
109 |
}
|
110 |
function enqueue_scripts() {
|
111 |
-
wp_enqueue_style( 'chld-thm-cfg-admin', CHLD_THM_CFG_URL . 'css/chld-thm-cfg.css', array(), '1.7.
|
112 |
|
113 |
// we need to use local jQuery UI Widget/Menu/Selectmenu 1.11.2 because selectmenu is not included in < 1.11.2
|
114 |
// this will be updated in a later release to use WP Core scripts when it is widely adopted
|
6 |
Class: Child_Theme_Configurator
|
7 |
Plugin URI: http://www.lilaeamedia.com/plugins/child-theme-configurator/
|
8 |
Description: Main Controller Class
|
9 |
+
Version: 1.7.1
|
10 |
Author: Lilaea Media
|
11 |
Author URI: http://www.lilaeamedia.com/
|
12 |
Text Domain: chld_thm_cfg
|
108 |
$this->ui->render();
|
109 |
}
|
110 |
function enqueue_scripts() {
|
111 |
+
wp_enqueue_style( 'chld-thm-cfg-admin', CHLD_THM_CFG_URL . 'css/chld-thm-cfg.css', array(), '1.7.1' );
|
112 |
|
113 |
// we need to use local jQuery UI Widget/Menu/Selectmenu 1.11.2 because selectmenu is not included in < 1.11.2
|
114 |
// this will be updated in a later release to use WP Core scripts when it is widely adopted
|
includes/forms/parent-child.php
CHANGED
@@ -76,7 +76,7 @@ if ( !defined( 'ABSPATH' ) ) exit;
|
|
76 |
<input class="ctc_text" id="ctc_child_author" name="ctc_child_author" type="text"
|
77 |
value="<?php echo esc_attr( $css->get_prop( 'author' ) ); ?>" placeholder="<?php _e( 'Author', 'chld_thm_cfg' ); ?>" autocomplete="off" />
|
78 |
</div></div>
|
79 |
-
<div class="ctc-input-row clearfix ctc-themeonly-container<?php echo $disabledclass; ?>" id="
|
80 |
<div class="ctc-input-cell"> <strong>
|
81 |
<?php _e( 'Author Website', 'chld_thm_cfg' ); ?>
|
82 |
</strong> </div>
|
76 |
<input class="ctc_text" id="ctc_child_author" name="ctc_child_author" type="text"
|
77 |
value="<?php echo esc_attr( $css->get_prop( 'author' ) ); ?>" placeholder="<?php _e( 'Author', 'chld_thm_cfg' ); ?>" autocomplete="off" />
|
78 |
</div></div>
|
79 |
+
<div class="ctc-input-row clearfix ctc-themeonly-container<?php echo $disabledclass; ?>" id="input_row_child_authoruri">
|
80 |
<div class="ctc-input-cell"> <strong>
|
81 |
<?php _e( 'Author Website', 'chld_thm_cfg' ); ?>
|
82 |
</strong> </div>
|
includes/help/help_en_US.php
CHANGED
@@ -31,7 +31,7 @@ if ( !defined( 'ABSPATH' ) ) exit;
|
|
31 |
<!-- END tab -->
|
32 |
<!-- BEGIN tab -->
|
33 |
<h3 id="ctc_tutorial">Tutorial Video</h3>
|
34 |
-
<iframe src="//fast.wistia.net/embed/iframe/c0fbu8jhtj" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="640" height="360"></iframe
|
35 |
<!-- BEGIN tab -->
|
36 |
<h3 id="ctc_query_selector">Query/Selector Tab</h3>
|
37 |
<p>There are two ways to identify and override parent styles. The Child Theme Configurator lets you search styles by <strong>selector</strong> and by <strong>rule</strong>. If you wish to change a specific selector (e.g., h1), use the "Query/Selector" tab. If you have a specific value you wish to change site-wide (e.g., the color of the type), use the "Rule/Value" tab.</p>
|
31 |
<!-- END tab -->
|
32 |
<!-- BEGIN tab -->
|
33 |
<h3 id="ctc_tutorial">Tutorial Video</h3>
|
34 |
+
<iframe src="//fast.wistia.net/embed/iframe/c0fbu8jhtj" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="640" height="360"></iframe><!-- END tab -->
|
35 |
<!-- BEGIN tab -->
|
36 |
<h3 id="ctc_query_selector">Query/Selector Tab</h3>
|
37 |
<p>There are two ways to identify and override parent styles. The Child Theme Configurator lets you search styles by <strong>selector</strong> and by <strong>rule</strong>. If you wish to change a specific selector (e.g., h1), use the "Query/Selector" tab. If you have a specific value you wish to change site-wide (e.g., the color of the type), use the "Rule/Value" tab.</p>
|
js/chld-thm-cfg.js
CHANGED
@@ -2,7 +2,7 @@
|
|
2 |
* Script: chld-thm-cfg.js
|
3 |
* Plugin URI: http://www.lilaeamedia.com/plugins/child-theme-configurator/
|
4 |
* Description: Handles jQuery, AJAX and other UI
|
5 |
-
* Version: 1.7.
|
6 |
* Author: Lilaea Media
|
7 |
* Author URI: http://www.lilaeamedia.com/
|
8 |
* License: GPLv2
|
2 |
* Script: chld-thm-cfg.js
|
3 |
* Plugin URI: http://www.lilaeamedia.com/plugins/child-theme-configurator/
|
4 |
* Description: Handles jQuery, AJAX and other UI
|
5 |
+
* Version: 1.7.1
|
6 |
* Author: Lilaea Media
|
7 |
* Author URI: http://www.lilaeamedia.com/
|
8 |
* License: GPLv2
|
readme.txt
CHANGED
@@ -1,14 +1,14 @@
|
|
1 |
=== Child Theme Configurator ===
|
2 |
Contributors: lilaeamedia
|
3 |
Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=8QE5YJ8WE96AJ
|
4 |
-
Tags: child theme, customize, CSS, responsive, css editor, theme generator, stylesheet, customizer
|
5 |
Requires at least: 3.9
|
6 |
Tested up to: 4.1
|
7 |
-
Stable tag: 1.7.
|
8 |
License: GPLv2 or later
|
9 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
10 |
|
11 |
-
Create
|
12 |
|
13 |
== Description ==
|
14 |
|
@@ -18,21 +18,21 @@ Child Theme Configurator is a fast and easy to use CSS editor that allows you to
|
|
18 |
|
19 |
https://www.youtube.com/watch?v=53M7RVxDYEY
|
20 |
|
21 |
-
The Child Theme Configurator parses and indexes your stylesheets so that every CSS media query, selector, rule and value are at your fingertips. Second, it shows you how each change you make will look before you commit it to the
|
22 |
|
23 |
-
You can create any number of
|
24 |
|
25 |
When you are ready, just activate the Child Theme and your WordPress site takes on the new look and feel automatically.
|
26 |
|
27 |
-
= Why create
|
28 |
|
29 |
* Update themes without losing customizations
|
30 |
-
*
|
31 |
* Save hours of development time
|
32 |
* Multisite compatible - great for network sites
|
33 |
* Make modifications above and beyond the theme Customizer
|
34 |
-
*
|
35 |
-
* Export
|
36 |
* Import web fonts and use them in place of theme fonts
|
37 |
* Identify and override exact selectors from the parent theme
|
38 |
* Change specific colors, backgrounds, font styles, etc., without changing other elements
|
@@ -46,7 +46,7 @@ When you are ready, just activate the Child Theme and your WordPress site takes
|
|
46 |
|
47 |
Apply the CSS editing power of Child Theme Configurator to any WordPress Plugin installed on your website. Child Theme Configurator PRO scans your plugins and lets you customize their stylesheets. We’ve added more features to make design work quicker and easier with PRO.
|
48 |
|
49 |
-
https://www.youtube.com/watch?v=
|
50 |
|
51 |
Learn more at http://www.lilaeamedia.com/child-theme-configurator-pro
|
52 |
|
@@ -111,7 +111,7 @@ Learn more at http://www.lilaeamedia.com/plugins/intelliwidget-responsive-menu
|
|
111 |
|
112 |
9. Click "Generate/Rebuild Child Theme Files."
|
113 |
|
114 |
-
10. IMPORTANT: Always test
|
115 |
|
116 |
== Frequently Asked Questions ==
|
117 |
|
@@ -135,7 +135,7 @@ Yes. Go to "Network Admin > Themes > Child Themes." Child themes must be "Networ
|
|
135 |
|
136 |
= Does it work with plugins? =
|
137 |
|
138 |
-
Child Theme Configurator PRO brings the CSS editing power of Child Theme Configurator to any WordPress Plugin installed on your website by scanning your plugins and creating custom CSS in your Child
|
139 |
|
140 |
= Why doesn't this work with my [insert vendor here] theme? =
|
141 |
|
@@ -143,13 +143,13 @@ Some themes (particularly commercial themes) do not correctly load parent templa
|
|
143 |
|
144 |
This is unfortunate, because in the best case they effectively prohibit the webmaster from adding any customizations (other than those made through the admin theme options) that will survive past an upgrade. **In the worst case they will break your website when you activate the child theme.**
|
145 |
|
146 |
-
Contact the vendor directly to ask for this core functionality. It is our opinion that ALL themes (especially commercial ones) must pass the Theme Unit Tests outlined by WordPress.org and ALWAYS TEST
|
147 |
|
148 |
= Will this slow down my site? =
|
149 |
|
150 |
-
Child
|
151 |
|
152 |
-
* Child Theme Configurator creates or updates files that are already being read by the system. On the front-end, there are no database calls so WordPress can run independent of the plugin. In fact, you can remove Child Theme Configurator when you are finished setting up your
|
153 |
* Customizations are applied to a stylesheet file that can be cached by the browser and/or cached and minimized by a performance caching plugin. Because the editor creates mostly "overrides" to existing styles, the file is typically smaller than other stylesheets.
|
154 |
* The code that drives the editor interface only loads when the tool is being used from the WordPress Admin, including Javascript and CSS. This means that it will not get in the way of other admin pages.
|
155 |
* The biggest performance hit occurs when you generate the Child Theme files from the Parent/Child tab, but this is a one-time event and only occurs from the WordPress Admin.
|
@@ -162,17 +162,17 @@ The child theme is in your themes folder, usually
|
|
162 |
|
163 |
[wordpress]/wp-content/themes/[child-theme]
|
164 |
|
165 |
-
To prevent this in the future, always test
|
166 |
|
167 |
-
= Why are my menus displaying incorrectly when I activate
|
168 |
...or...
|
169 |
-
= Why is my custom header missing when I activate
|
170 |
...or...
|
171 |
-
= Why does my custom background go back to the default when I activate
|
172 |
...or...
|
173 |
-
= Why do my theme options disappear when I activate
|
174 |
|
175 |
-
These options are specific to each theme and are saved separately in the database. When you create
|
176 |
|
177 |
Many of these options can be copied over to the child theme by checking "Copy Parent Theme Menus, Widgets and other Options" when you generate the child theme files on the Parent/Child tab.
|
178 |
|
@@ -217,7 +217,7 @@ You can make any manual changes you wish to the stylesheet. Just make sure you i
|
|
217 |
|
218 |
= Where are the .php files? =
|
219 |
|
220 |
-
The Child Theme Configurator automatically adds a blank functions.php file to the child theme directory. You can copy parent theme template files using the Files tab. If you want to create new templates and directories you will have to create/upload them manually via FTP or SSH. Remember that a child theme will automatically inherit the parent theme's templates unless they also exist in the child theme directory. Only copy templates that you intend to customize.
|
221 |
|
222 |
= How do I change a specific color/font style/background? =
|
223 |
|
@@ -267,6 +267,8 @@ https://www.youtube.com/watch?v=iBiiAgsK4G4
|
|
267 |
7. Files tab
|
268 |
|
269 |
== Changelog ==
|
|
|
|
|
270 |
= 1.7.0 =
|
271 |
* New Feature: Enqueue child theme stylesheet option for themes that do not load it.
|
272 |
* New Feature: Child Theme and Author website, description and tag fields.
|
@@ -346,7 +348,7 @@ https://www.youtube.com/watch?v=iBiiAgsK4G4
|
|
346 |
* Render parent CSS including additional stylesheets
|
347 |
|
348 |
= 1.5.1 =
|
349 |
-
* Added copy option to Parent/Child tab to assign menu locations, sidebars/widgets, custom header, background, and other options to
|
350 |
|
351 |
= 1.5.0 =
|
352 |
* Refactored CTC to use the WP_Filesystem API.
|
@@ -361,7 +363,7 @@ https://www.youtube.com/watch?v=iBiiAgsK4G4
|
|
361 |
* Fixed uninitialized variable in files UI.
|
362 |
|
363 |
= 1.4.6 =
|
364 |
-
* Feature: export child
|
365 |
* Added transform to list of vendor rules
|
366 |
* Bug fixed: parser not loading multiple instances of same @media rulesets
|
367 |
* Refactored uploader to use wp core functions for compatibility and security
|
@@ -380,7 +382,7 @@ https://www.youtube.com/watch?v=iBiiAgsK4G4
|
|
380 |
|
381 |
= 1.4.4 =
|
382 |
* Refactored the way CTC caches updates and returns them to the UI controller to reduce memory consumption.
|
383 |
-
* Prevent out of memory fatals when generating new child
|
384 |
* Changed "Scan Parent for Additional Stylesheets" to individual checkbox options for each file with a toggle to show/hide in the Parent/Child tab.
|
385 |
* Added automatic update of form when Parent Theme is changed.
|
386 |
* Pre-populate Parent/Child form when parent slug is passed to CTC options.
|
@@ -395,7 +397,7 @@ https://www.youtube.com/watch?v=iBiiAgsK4G4
|
|
395 |
|
396 |
= 1.4.0 =
|
397 |
* New Feature: Theme Files tab:
|
398 |
-
* Copy parent templates to child
|
399 |
* Remove child theme templates.
|
400 |
* Upload child theme images.
|
401 |
* Remove child theme images.
|
@@ -526,9 +528,9 @@ You can add additional stylesheets and web fonts by typing @import rules into th
|
|
526 |
|
527 |
= Parent Templates =
|
528 |
|
529 |
-
You can copy PHP template files from the parent theme by checking the boxes. Click "Copy Selected to Child Theme" and the templates will be added to the child theme directory.
|
530 |
|
531 |
-
CAUTION: If your child theme is active, the child theme version of the file will be used instead of the parent immediately after it is copied. The functions.php file is generated separately and cannot be copied here.
|
532 |
|
533 |
= Child Theme Files =
|
534 |
|
@@ -548,7 +550,7 @@ You can download your child theme for use on another WordPress site by clicking
|
|
548 |
|
549 |
== Preview and Activate ==
|
550 |
|
551 |
-
**IMPORTANT: Test
|
552 |
|
553 |
Some themes (particularly commercial themes) do not correctly load parent template files or automatically load child theme stylesheets or php files.
|
554 |
|
1 |
=== Child Theme Configurator ===
|
2 |
Contributors: lilaeamedia
|
3 |
Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=8QE5YJ8WE96AJ
|
4 |
+
Tags: child theme, child themes, customize, CSS, responsive, css editor, theme generator, theme creator, stylesheet, customizer
|
5 |
Requires at least: 3.9
|
6 |
Tested up to: 4.1
|
7 |
+
Stable tag: 1.7.1
|
8 |
License: GPLv2 or later
|
9 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
10 |
|
11 |
+
Create Child Themes and customize their stylesheets and templates. Fast CSS editor lets you search, preview and modify by selector, rule or value.
|
12 |
|
13 |
== Description ==
|
14 |
|
18 |
|
19 |
https://www.youtube.com/watch?v=53M7RVxDYEY
|
20 |
|
21 |
+
The Child Theme Configurator parses and indexes your stylesheets so that every CSS media query, selector, rule and value are at your fingertips. Second, it shows you how each change you make will look before you commit it to the child theme. Finally, it saves your work so that you can fine-tune your child themes without the risk of losing your edits.
|
22 |
|
23 |
+
You can create any number of child themes from any existing Parent Theme. The Child Theme Configurator lets you choose from your installed themes (even existing child themes) and save the results in your Themes directory.
|
24 |
|
25 |
When you are ready, just activate the Child Theme and your WordPress site takes on the new look and feel automatically.
|
26 |
|
27 |
+
= Why create child themes using the Child Theme Configurator? =
|
28 |
|
29 |
* Update themes without losing customizations
|
30 |
+
* Copy existing widgets, menus and other options to child theme
|
31 |
* Save hours of development time
|
32 |
* Multisite compatible - great for network sites
|
33 |
* Make modifications above and beyond the theme Customizer
|
34 |
+
* Enqueue (link) parent theme stylesheet instead of using @import
|
35 |
+
* Export child themes as Zip Archive
|
36 |
* Import web fonts and use them in place of theme fonts
|
37 |
* Identify and override exact selectors from the parent theme
|
38 |
* Change specific colors, backgrounds, font styles, etc., without changing other elements
|
46 |
|
47 |
Apply the CSS editing power of Child Theme Configurator to any WordPress Plugin installed on your website. Child Theme Configurator PRO scans your plugins and lets you customize their stylesheets. We’ve added more features to make design work quicker and easier with PRO.
|
48 |
|
49 |
+
https://www.youtube.com/watch?v=fktwCk43a8c
|
50 |
|
51 |
Learn more at http://www.lilaeamedia.com/child-theme-configurator-pro
|
52 |
|
111 |
|
112 |
9. Click "Generate/Rebuild Child Theme Files."
|
113 |
|
114 |
+
10. IMPORTANT: Always test child themes with Live Preview (theme customizer) before activating!
|
115 |
|
116 |
== Frequently Asked Questions ==
|
117 |
|
135 |
|
136 |
= Does it work with plugins? =
|
137 |
|
138 |
+
Child Theme Configurator PRO brings the CSS editing power of Child Theme Configurator to any WordPress Plugin installed on your website by scanning your plugins and creating custom CSS in your Child Themes. Learn more at http://www.lilaeamedia.com/child-theme-configurator-pro
|
139 |
|
140 |
= Why doesn't this work with my [insert vendor here] theme? =
|
141 |
|
143 |
|
144 |
This is unfortunate, because in the best case they effectively prohibit the webmaster from adding any customizations (other than those made through the admin theme options) that will survive past an upgrade. **In the worst case they will break your website when you activate the child theme.**
|
145 |
|
146 |
+
Contact the vendor directly to ask for this core functionality. It is our opinion that ALL themes (especially commercial ones) must pass the Theme Unit Tests outlined by WordPress.org and ALWAYS TEST CHILD THEMES BEFORE ACTIVATING (See "Preview and Activate").
|
147 |
|
148 |
= Will this slow down my site? =
|
149 |
|
150 |
+
Child Theme Configurator is designed to add the minimum amount of additional overhead possible and can actually improve performance. **For example:**
|
151 |
|
152 |
+
* Child Theme Configurator creates or updates files that are already being read by the system. On the front-end, there are no database calls so WordPress can run independent of the plugin. In fact, you can remove Child Theme Configurator when you are finished setting up your child themes.
|
153 |
* Customizations are applied to a stylesheet file that can be cached by the browser and/or cached and minimized by a performance caching plugin. Because the editor creates mostly "overrides" to existing styles, the file is typically smaller than other stylesheets.
|
154 |
* The code that drives the editor interface only loads when the tool is being used from the WordPress Admin, including Javascript and CSS. This means that it will not get in the way of other admin pages.
|
155 |
* The biggest performance hit occurs when you generate the Child Theme files from the Parent/Child tab, but this is a one-time event and only occurs from the WordPress Admin.
|
162 |
|
163 |
[wordpress]/wp-content/themes/[child-theme]
|
164 |
|
165 |
+
To prevent this in the future, always test child themes with Live Preview (theme customizer) before activating.
|
166 |
|
167 |
+
= Why are my menus displaying incorrectly when I activate new child themes? =
|
168 |
...or...
|
169 |
+
= Why is my custom header missing when I activate new child themes? =
|
170 |
...or...
|
171 |
+
= Why does my custom background go back to the default when I activate new child themes? =
|
172 |
...or...
|
173 |
+
= Why do my theme options disappear when I activate new child themes? =
|
174 |
|
175 |
+
These options are specific to each theme and are saved separately in the database. When you create new child themes, their options are blank.
|
176 |
|
177 |
Many of these options can be copied over to the child theme by checking "Copy Parent Theme Menus, Widgets and other Options" when you generate the child theme files on the Parent/Child tab.
|
178 |
|
217 |
|
218 |
= Where are the .php files? =
|
219 |
|
220 |
+
The Child Theme Configurator automatically adds a blank functions.php file to the child theme's directory. You can copy parent theme template files using the Files tab. If you want to create new templates and directories you will have to create/upload them manually via FTP or SSH. Remember that a child theme will automatically inherit the parent theme's templates unless they also exist in the child theme's directory. Only copy templates that you intend to customize.
|
221 |
|
222 |
= How do I change a specific color/font style/background? =
|
223 |
|
267 |
7. Files tab
|
268 |
|
269 |
== Changelog ==
|
270 |
+
= 1.7.1 = Removed conflicting wistia javascript link
|
271 |
+
|
272 |
= 1.7.0 =
|
273 |
* New Feature: Enqueue child theme stylesheet option for themes that do not load it.
|
274 |
* New Feature: Child Theme and Author website, description and tag fields.
|
348 |
* Render parent CSS including additional stylesheets
|
349 |
|
350 |
= 1.5.1 =
|
351 |
+
* Added copy option to Parent/Child tab to assign menu locations, sidebars/widgets, custom header, background, and other options to new Child Themes.
|
352 |
|
353 |
= 1.5.0 =
|
354 |
* Refactored CTC to use the WP_Filesystem API.
|
363 |
* Fixed uninitialized variable in files UI.
|
364 |
|
365 |
= 1.4.6 =
|
366 |
+
* Feature: export child themes as zip archive
|
367 |
* Added transform to list of vendor rules
|
368 |
* Bug fixed: parser not loading multiple instances of same @media rulesets
|
369 |
* Refactored uploader to use wp core functions for compatibility and security
|
382 |
|
383 |
= 1.4.4 =
|
384 |
* Refactored the way CTC caches updates and returns them to the UI controller to reduce memory consumption.
|
385 |
+
* Prevent out of memory fatals when generating new child themes.
|
386 |
* Changed "Scan Parent for Additional Stylesheets" to individual checkbox options for each file with a toggle to show/hide in the Parent/Child tab.
|
387 |
* Added automatic update of form when Parent Theme is changed.
|
388 |
* Pre-populate Parent/Child form when parent slug is passed to CTC options.
|
397 |
|
398 |
= 1.4.0 =
|
399 |
* New Feature: Theme Files tab:
|
400 |
+
* Copy parent templates to child themes to be edited using the Theme Editor.
|
401 |
* Remove child theme templates.
|
402 |
* Upload child theme images.
|
403 |
* Remove child theme images.
|
528 |
|
529 |
= Parent Templates =
|
530 |
|
531 |
+
You can copy PHP template files from the parent theme by checking the boxes. Click "Copy Selected to Child Theme" and the templates will be added to the child theme's directory.
|
532 |
|
533 |
+
CAUTION: If your child theme is active, the child theme's version of the file will be used instead of the parent immediately after it is copied. The functions.php file is generated separately and cannot be copied here.
|
534 |
|
535 |
= Child Theme Files =
|
536 |
|
550 |
|
551 |
== Preview and Activate ==
|
552 |
|
553 |
+
**IMPORTANT: Test child themes before activating!**
|
554 |
|
555 |
Some themes (particularly commercial themes) do not correctly load parent template files or automatically load child theme stylesheets or php files.
|
556 |
|