WordPress.org

Make WordPress Core

Ticket #24011: 24011.15.diff

File 24011.15.diff, 4.1 KB (added by aaroncampbell, 5 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">