/** * Add postMessage support for site title and description for the Customizer. * * @since Twenty Fifteen 1.0 * * @param WP_Customize_Manager $wp_customize Customizer object. */ function HuI_customize_register($wp_customize) { $color_scheme = HuI_get_color_scheme(); $wp_customize->get_setting('blogname')->transport = 'postMessage'; $wp_customize->get_setting('blogdescription')->transport = 'postMessage'; // Add custom header and sidebar background color setting and control. $wp_customize->add_setting('blog_background_color', array('default' => $color_scheme[1], 'sanitize_callback' => 'sanitize_hex_color', 'transport' => 'postMessage')); $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'blog_background_color', array('label' => __('blog Background Color', 'HuI'), 'description' => __('Applied to the header on small screens and the sidebar on wide screens.', 'HuI'), 'section' => 'colors'))); // Add an additional description to the header image section. $wp_customize->get_section('header_image')->description = __('Applied to the header on small screens and the sidebar on wide screens.', 'HuI'); }
/** * Enqueues front-end CSS for the sidebar text color. * * @since Twenty Fifteen 1.0 */ function HuI_sidebar_text_color_css() { $color_scheme = HuI_get_color_scheme(); $default_color = $color_scheme[4]; $sidebar_link_color = get_theme_mod('sidebar_textcolor', $default_color); // Don't do anything if the current color is the default. if ($sidebar_link_color === $default_color) { return; } // If we get this far, we have custom styles. Let's do this. $sidebar_link_color_rgb = HuI_hex2rgb($sidebar_link_color); $sidebar_text_color = vsprintf('rgba( %1$s, %2$s, %3$s, 0.7)', $sidebar_link_color_rgb); $sidebar_border_color = vsprintf('rgba( %1$s, %2$s, %3$s, 0.1)', $sidebar_link_color_rgb); $sidebar_border_focus_color = vsprintf('rgba( %1$s, %2$s, %3$s, 0.3)', $sidebar_link_color_rgb); $css = ' /* Custom Sidebar Text Color */ .site-title a, .site-description, .secondary-toggle:before { color: %1$s; } .site-title a:hover, .site-title a:focus { color: %1$s; /* Fallback for IE7 and IE8 */ color: %2$s; } .secondary-toggle { border-color: %1$s; /* Fallback for IE7 and IE8 */ border-color: %3$s; } .secondary-toggle:hover, .secondary-toggle:focus { border-color: %1$s; /* Fallback for IE7 and IE8 */ border-color: %4$s; } .site-title a { outline-color: %1$s; /* Fallback for IE7 and IE8 */ outline-color: %4$s; } @media screen and (min-width: 59.6875em) { .secondary a, .dropdown-toggle:after, .widget-title, .widget blockquote cite, .widget blockquote small { color: %1$s; } .widget button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"], .widget_calendar tbody a { background-color: %1$s; } .textwidget a { border-color: %1$s; } .secondary a:hover, .secondary a:focus, .main-navigation .menu-item-description, .widget, .widget blockquote, .widget .wp-caption-text, .widget .gallery-caption { color: %2$s; } .widget button:hover, .widget button:focus, .widget input[type="button"]:hover, .widget input[type="button"]:focus, .widget input[type="reset"]:hover, .widget input[type="reset"]:focus, .widget input[type="submit"]:hover, .widget input[type="submit"]:focus, .widget_calendar tbody a:hover, .widget_calendar tbody a:focus { background-color: %2$s; } .widget blockquote { border-color: %2$s; } .main-navigation ul, .main-navigation li, .secondary-toggle, .widget input, .widget textarea, .widget table, .widget th, .widget td, .widget pre, .widget li, .widget_categories .children, .widget_nav_menu .sub-menu, .widget_pages .children, .widget abbr[title] { border-color: %3$s; } .dropdown-toggle:hover, .dropdown-toggle:focus, .widget hr { background-color: %3$s; } .widget input:focus, .widget textarea:focus { border-color: %4$s; } .sidebar a:focus, .dropdown-toggle:focus { outline-color: %4$s; } } '; wp_add_inline_style('HuI-style', sprintf($css, $sidebar_link_color, $sidebar_text_color, $sidebar_border_color, $sidebar_border_focus_color)); }