WordPress.org

Make WordPress Core

Ticket #24011: 24011.15.diff

File 24011.15.diff, 4.1 KB (added by aaroncampbell, 2 years ago)
  • wp-admin/css/wp-admin.css

     
    41164116} 
    41174117 
    41184118.wp-post-format-show-ui.wp-format-image .attachment-display-settings, 
    4119 .wp-post-format-show-ui.wp-format-status #titlewrap, 
    41204119.wp-post-format-show-ui.wp-format-image #insert-media-button, 
    41214120.wp-post-format-show-ui.wp-format-audio #insert-media-button, 
    41224121.wp-post-format-show-ui.wp-format-video #insert-media-button, 
  • wp-admin/js/post-formats.js

     
    1313                lastHeight = 360, 
    1414                initialFormat = 'standard', 
    1515                shortClass = 'short-format', 
    16                 noTitleFormats = ['status'], 
     16                optionalTitleFormats = ['status', 'aside'], 
    1717                noMediaFormats = ['status', 'aside', 'image', 'audio', 'video'], 
    1818                shortContentFormats = ['status', 'aside'], 
    1919                noUIFormats = ['standard', 'chat', 'status', 'aside', 'gallery']; 
     
    132132                        insertMediaButton.fadeToggle( 200 ).css( 'display', 'inline-block' ); 
    133133                } 
    134134                // Animate the title going away or coming back 
    135                 formatTo = -1 < $.inArray( format, noTitleFormats ); 
    136                 formatFrom = -1 < $.inArray( postFormats.currentPostFormat, noTitleFormats ); 
     135                formatTo = -1 < $.inArray( format, optionalTitleFormats ); 
     136                formatFrom = -1 < $.inArray( postFormats.currentPostFormat, optionalTitleFormats ); 
    137137                if ( formatFrom ? !formatTo : formatTo ) { // XOR 
    138                         $( '#titlewrap' ).fadeToggle( 200 ); 
     138                        var o = formatTo ? 0.5 : 1; 
     139                        titlePrompt.text( titlePrompt.data('title' + ( formatTo ? '-optional' : '' ) ) ); 
     140                        $( '#titlewrap' ).animate( {opacity: o}, 200 ); 
    139141                } 
    140142 
    141143                // Animate the fields moving going away or coming in 
     
    160162                } 
    161163 
    162164                resizeContent( format ); 
    163                 postTitle.focus(); 
     165                if( -1 < $.inArray( format, optionalTitleFormats ) ) 
     166                        if( $('#content:visible').size() ) 
     167                                $('#content').focus(); 
     168                        else 
     169                                tinyMCE.activeEditor.focus(); 
     170                else 
     171                        postTitle.focus(); 
    164172 
    165173                if ( '' === postTitle.val() ) { 
    166174                        titlePrompt.removeClass( 'screen-reader-text' ); 
     
    237245                        $(this).closest( 'p' ).find( 'span' ).toggle(); 
    238246                }); 
    239247 
     248                // Set opacity of title on focus 
     249                var optionalTitleFormatsSelector = '.wp-format-' + optionalTitleFormats.join( ' #title,.wp-format-' ) + ' #title'; 
     250                $( 'html' ).on( 'focusin', optionalTitleFormatsSelector, function(e) { 
     251                        $( '#titlewrap' ).animate( {opacity:1}, 200 ); 
     252                }).on( 'focusout', optionalTitleFormatsSelector, function(e) { 
     253                        $( '#titlewrap' ).animate( {opacity:.5}, 200 ); 
     254                }); 
     255                $( optionalTitleFormatsSelector ).parents( '#titlewrap' ).animate( {opacity:.5}, 200 ); 
     256 
    240257                // Media selection 
    241258                $( '.wp-format-media-select' ).click( function (e) { 
    242259                        e.preventDefault(); 
  • wp-admin/edit-form-advanced.php

     
    419419<?php if ( post_type_supports($post_type, 'title') ) { ?> 
    420420<div id="titlediv"> 
    421421<div id="titlewrap"> 
    422         <label class="screen-reader-text" id="title-prompt-text" for="title"><?php echo apply_filters( 'enter_title_here', __( 'Enter title here' ), $post ); ?></label> 
     422        <?php 
     423                // Third argument passed to filter denotes optional title field 
     424                $title_prompt          = apply_filters( 'enter_title_here', __( 'Enter title here'            ), $post, false ); 
     425                $title_optional_prompt = apply_filters( 'enter_title_here', __( 'Enter title here (optional)' ), $post, true ); 
     426        ?> 
     427        <label class="screen-reader-text" id="title-prompt-text" for="title" data-title="<?php echo esc_attr( $title_prompt ); ?>" data-title-optional="<?php echo esc_attr( $title_optional_prompt ); ?>"><?php echo in_array( $post_format, array( 'aside', 'status' ) ) ? $title_optional_prompt : $title_prompt; ?></label> 
    423428        <input type="text" name="post_title" size="30" value="<?php echo esc_attr( htmlspecialchars( $post->post_title ) ); ?>" id="title" autocomplete="off" /> 
    424429</div> 
    425430<div class="inside">