/**
* Add editor styles with colors/fonts from Customizer
*
* This loads style.css into admin editor and outputs CSS contents from a function
* in order to render colors and fonts like on front-end (can use same function).
*
* style.css, heading_font and body_font are loaded by default so can specify just themename_head_styles()
*
* See ctfw_editor_styles_callback() for how Customizer colors/fonts are applied
*
* Usage example:
*
* add_theme_support( 'ctfw-editor-styles', array(
* 'stylesheet' => 'style.css', // style.css will be used if not specified
* 'css_function' => 'themename_head_styles', // function outputting dynamic CSS in <head> (exclude <style> tag)
* 'fonts' => array( 'heading_font', 'body_font' ), // Customizer setting names for Google Fonts
* 'font_subsets' => 'font_subsets', // Customizer setting name for Google Font subsets
* ) );
*
* This is based on http://wordpress.stackexchange.com/a/120849
*
* @since 1.7.2
*/
function ctfw_editor_styles()
{
// Not on admin
// add_editor_style() only runs on admin
if (!is_admin()) {
return;
}
// Theme support?
if (!current_theme_supports('ctfw-editor-styles')) {
return;
}
// Get arguments
$support = get_theme_support('ctfw-editor-styles');
$args = $support[0];
// Defaults
$args = wp_parse_args($args, array('stylesheet' => 'style.css', 'css_function' => '', 'fonts' => array('heading_font', 'body_font'), 'font_subsets' => 'font_subsets'));
// Load Google Fonts
if ($args['fonts']) {
// Get fonts from Customizer settings
$fonts = array();
foreach ($args['fonts'] as $font_setting) {
$font = ctfw_customization($font_setting);
if ($font) {
$fonts[] = $font;
}
}
// Load fonts
if ($fonts) {
$google_fonts_url = ctfw_google_fonts_style_url($fonts, ctfw_customization($args['font_subsets']));
if ($google_fonts_url) {
$font_url = str_replace(',', '%2C', $google_fonts_url);
add_editor_style($font_url);
}
}
}
// Load theme stylesheet
add_editor_style(array($args['stylesheet'], add_query_arg('action', 'ctfw_editor_styles', admin_url('admin-ajax.php'))));
// Apply Customizer fonts and colors to editor
if ($args['css_function'] && function_exists($args['css_function'])) {
// Output as CSS
add_action('wp_ajax_ctfw_editor_styles', 'ctfw_editor_styles_header');
add_action('wp_ajax_nopriv_ctfw_editor_styles', 'ctfw_editor_styles_header');
// Call CSS output function
add_action('wp_ajax_ctfw_editor_styles', $args['css_function']);
add_action('wp_ajax_nopriv_ctfw_editor_styles', $args['css_function']);
}
}
/**
* Color scheme stylesheet URL
*
* This can be used to enqueue the stylesheet.
*
* @since 0.9
* @param string $theme 'child' or 'parent'
* @return string URL of color scheme stylesheet
*/
function ctfw_color_style_url($theme = false)
{
$url = '';
// Make sure active color scheme is valid so nobody tries to mess with file path (ie. via front-end style picker cookie)
if (ctfw_valid_color()) {
$color = ctfw_customization('color');
$color_rel = CTFW_THEME_COLOR_DIR . '/' . $color . '/style.css';
$color_parent_path = CTFW_THEME_PATH . '/' . $color_rel;
$color_parent_url = CTFW_THEME_URL . '/' . $color_rel;
$color_child_path = CTFW_THEME_CHILD_PATH . '/' . $color_rel;
$color_child_url = CTFW_THEME_CHILD_URL . '/' . $color_rel;
// Force parent version
if ('parent' == $theme && file_exists($color_parent_path)) {
$url = $color_parent_url;
} else {
if ('child' == $theme && file_exists($color_child_path)) {
$url = $color_child_url;
} else {
$url = ctfw_theme_url($color_rel);
// use child theme version if provided
}
}
}
// Return filtered
return apply_filters('ctfw_color_style_url', $url, $theme);
}