WordPress.org

Make WordPress Core

Ticket #26338: 26338.diff

File 26338.diff, 6.5 KB (added by iamtakashi, 4 years ago)
  • wp-content/themes/twentyfourteen/inc/custom-header.php

     
    1818 */ 
    1919function twentyfourteen_custom_header_setup() { 
    2020        add_theme_support( 'custom-header', apply_filters( 'twentyfourteen_custom_header_args', array( 
    21                 'header-text'            => false, 
     21                'default-text-color'     => 'fff', 
    2222                'width'                  => 1260, 
    2323                'height'                 => 240, 
    2424                'flex-height'            => true, 
     25                'wp-head-callback'       => 'twentyfourteen_header_style', 
    2526                'admin-head-callback'    => 'twentyfourteen_admin_header_style', 
    2627                'admin-preview-callback' => 'twentyfourteen_admin_header_image', 
    2728        ) ) ); 
    2829} 
    2930add_action( 'after_setup_theme', 'twentyfourteen_custom_header_setup' ); 
    3031 
     32if ( ! function_exists( 'twentyfourteen_header_style' ) ) : 
     33/** 
     34 * Styles the header image and text displayed on the blog 
     35 * 
     36 * @see twentyfourteen_custom_header_setup(). 
     37 * 
     38 */ 
     39function twentyfourteen_header_style() { 
     40        $header_text_color = get_header_textcolor(); 
     41 
     42        // If no custom options for text are set, let's bail 
     43        // $header_text_color options: HEADER_TEXTCOLOR is default, hide text (returns 'blank') or any hex value 
     44        if ( HEADER_TEXTCOLOR == $header_text_color ) 
     45                return; 
     46        // If we get this far, we have custom styles. Let's do this. 
     47        ?> 
     48        <style type="text/css"> 
     49        <?php 
     50                // Has the text been hidden? 
     51                if ( 'blank' == $header_text_color ) : 
     52        ?> 
     53                .site-title { 
     54                        position: absolute !important; 
     55                        clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ 
     56                        clip: rect(1px, 1px, 1px, 1px); 
     57                } 
     58        <?php 
     59                // If the user has set a custom color for the text use that 
     60                else : 
     61        ?> 
     62                .site-title a { 
     63                        color: #<?php echo $header_text_color; ?> !important; 
     64                } 
     65        <?php endif; ?> 
     66        </style> 
     67        <?php 
     68} 
     69endif; // twentyfourteen_header_style 
     70 
     71 
    3172if ( ! function_exists( 'twentyfourteen_admin_header_style' ) ) : 
    3273/** 
    3374 * Style the header image displayed on the Appearance > Header admin panel. 
     
    4283        .appearance_page_custom-header #headimg { 
    4384                background-color: #000; 
    4485                border: none; 
    45                 max-width: 1230px; 
     86                max-width: 1260px; 
    4687                min-height: 48px; 
    4788        } 
    4889        #headimg h1 { 
    49                 font-family: lato, sans-serif; 
     90                font-family: Lato, sans-serif; 
    5091                font-size: 18px; 
    51                 line-height: 1.3333333333; 
    52                 margin: 12px 0 12px 27px; 
     92                line-height: 48px; 
     93                margin: 0 0 0 30px; 
    5394        } 
    5495        #headimg h1 a { 
    5596                color: #fff; 
     
    77118                <?php if ( get_header_image() ) : ?> 
    78119                <img src="<?php header_image(); ?>" alt=""> 
    79120                <?php endif; ?> 
    80                 <h1><a id="name" onclick="return false;" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1> 
     121                <h1 class="displaying-header-text"><a id="name"<?php echo sprintf( ' style="color:#%s;"', get_header_textcolor() ); ?> onclick="return false;" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1> 
    81122        </div> 
    82123<?php 
    83124} 
  • wp-content/themes/twentyfourteen/inc/customizer.php

     
    1616 */ 
    1717function twentyfourteen_customize_register( $wp_customize ) { 
    1818        // Add postMessage support for site title and description. 
    19         $wp_customize->get_setting( 'blogname' )->transport        = 'postMessage'; 
    20         $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage'; 
     19        $wp_customize->get_setting( 'blogname' )->transport         = 'postMessage'; 
     20        $wp_customize->get_setting( 'blogdescription' )->transport  = 'postMessage'; 
     21        $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage'; 
    2122 
     23        // Rename the label to "Display Site Title & Tagline" in order to make this option extra clear. 
     24        $wp_customize->add_control( 'display_header_text', array( 
     25                'settings' => 'header_textcolor', 
     26                'label'    => __( 'Display Site Title & Tagline', 'twentyfourteen' ), 
     27                'section'  => 'title_tagline', 
     28                'type'     => 'checkbox', 
     29        ) ); 
     30 
     31        // Rename the label to "Site Title Color" because this only effects the site title in this theme. 
     32        $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'header_textcolor', array( 
     33                'label'   => __( 'Site Title Color', 'twentyfourteen' ), 
     34                'section' => 'colors', 
     35        ) ) ); 
     36 
    2237        // Add custom description to Colors and Background sections. 
    2338        $wp_customize->get_section( 'colors' )->description           = __( 'Background may only be visible on wide screens.', 'twentyfourteen' ); 
    2439        $wp_customize->get_section( 'background_image' )->description = __( 'Background may only be visible on wide screens.', 'twentyfourteen' ); 
     
    6782 * @since Twenty Fourteen 1.0 
    6883 */ 
    6984function twentyfourteen_customize_preview_js() { 
    70         wp_enqueue_script( 'twentyfourteen_customizer', get_template_directory_uri() . '/js/customizer.js', array( 'customize-preview' ), '20120827', true ); 
     85        wp_enqueue_script( 'twentyfourteen_customizer', get_template_directory_uri() . '/js/customizer.js', array( 'customize-preview' ), '20131130', true ); 
    7186} 
    7287add_action( 'customize_preview_init', 'twentyfourteen_customize_preview_js' ); 
    7388 
  • wp-content/themes/twentyfourteen/js/customizer.js

     
    1515                        $( '.site-description' ).text( to ); 
    1616                } ); 
    1717        } ); 
     18        // Header text color. 
     19        wp.customize( 'header_textcolor', function( value ) { 
     20                value.bind( function( to ) { 
     21                        if ( 'blank' == to ) { 
     22                                $( '.site-title a, .site-description' ).css( { 
     23                                        'clip': 'rect(1px, 1px, 1px, 1px)', 
     24                                        'position': 'absolute' 
     25                                } ); 
     26                        } else { 
     27                                $( '.site-title a,  .site-description' ).css( { 
     28                                        'clip': 'auto', 
     29                                        'position': 'relative' 
     30                                } ); 
     31 
     32                                $( '.site-title a' ).css( { 
     33                                        'color': to, 
     34                                } ); 
     35                        } 
     36                } ); 
     37        } ); 
    1838} )( jQuery ); 
     39 No newline at end of file 
  • wp-content/themes/twentyfourteen/style.css

     
    35443544                margin: -3px 0 21px; 
    35453545        } 
    35463546 
     3547        .site-description:empty { 
     3548                margin: 0; 
     3549        } 
     3550 
    35473551        .secondary-navigation { 
    35483552                margin: 0 -30px 48px; 
    35493553                width: 182px;