WordPress.org

Make WordPress Core

Ticket #24011: 24011.17.diff

File 24011.17.diff, 4.9 KB (added by aaroncampbell, 5 years ago)
  • wp-admin/css/wp-admin.css

     
    41094109}
    41104110
    41114111.wp-post-format-show-ui.wp-format-image .attachment-display-settings,
    4112 .wp-post-format-show-ui.wp-format-status #titlewrap,
    41134112.wp-post-format-show-ui.wp-format-image #insert-media-button,
    41144113.wp-post-format-show-ui.wp-format-audio #insert-media-button,
    41154114.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'];
     
    140140                        insertMediaButton.fadeToggle( 200 ).css( 'display', 'inline-block' );
    141141                }
    142142                // Animate the title going away or coming back
    143                 formatTo = -1 < $.inArray( format, noTitleFormats );
    144                 formatFrom = -1 < $.inArray( postFormats.currentPostFormat, noTitleFormats );
     143                formatTo = -1 < $.inArray( format, optionalTitleFormats );
     144                formatFrom = -1 < $.inArray( postFormats.currentPostFormat, optionalTitleFormats );
    145145                if ( formatFrom ? !formatTo : formatTo ) { // XOR
    146                         $( '#titlewrap' ).fadeToggle( 200 );
     146                        var o = formatTo ? 0.5 : 1;
     147                        titlePrompt.text( titlePrompt.data('title' + ( formatTo ? '-optional' : '' ) ) );
     148                        $( '#titlewrap' ).animate( {opacity: o}, 200 );
    147149                }
    148150
    149151                // Animate the fields moving going away or coming in
     
    168170                }
    169171
    170172                resizeContent( format );
    171                 postTitle.focus();
     173                if( -1 < $.inArray( format, optionalTitleFormats ) )
     174                        if( $('#content:visible').size() )
     175                                $('#content').focus();
     176                        else
     177                                tinyMCE.activeEditor.focus();
     178                else
     179                        postTitle.focus();
    172180
    173181                if ( '' === postTitle.val() ) {
    174182                        titlePrompt.removeClass( 'screen-reader-text' );
     
    245253                        $(this).closest( 'p' ).find( 'span' ).toggle();
    246254                });
    247255
     256                // Set opacity of title on focus
     257                var optionalTitleFormatsSelector = '.wp-format-' + optionalTitleFormats.join( ' #title,.wp-format-' ) + ' #title';
     258                $( 'html' ).on( 'focusin', optionalTitleFormatsSelector, function(e) {
     259                        $( '#titlewrap' ).animate( {opacity:1}, 200 );
     260                }).on( 'focusout', optionalTitleFormatsSelector, function(e) {
     261                        $( '#titlewrap' ).animate( {opacity:.5}, 200 );
     262                });
     263                $( optionalTitleFormatsSelector ).parents( '#titlewrap' ).animate( {opacity:.5}, 200 );
     264
    248265                // Media selection
    249266                $( '.wp-format-media-select' ).click( function (e) {
    250267                        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, 'required' );
     425                $title_optional_prompt = apply_filters( 'enter_title_here', __( 'Enter title here (optional)' ), $post, 'optional' );
     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">
  • wp-includes/class-wp-editor.php

     
    733733
    734734        <div id="wp-fullscreen-wrap" style="width:<?php echo $dfw_width; ?>px;">
    735735                <?php if ( post_type_supports($post->post_type, 'title') ) { ?>
    736                 <label id="wp-fullscreen-title-prompt-text" for="wp-fullscreen-title"><?php echo apply_filters( 'enter_title_here', __( 'Enter title here' ), $post ); ?></label>
     736                <label id="wp-fullscreen-title-prompt-text" for="wp-fullscreen-title"><?php echo apply_filters( 'enter_title_here', __( 'Enter title here' ), $post, 'required' ); ?></label>
    737737                <input type="text" id="wp-fullscreen-title" value="" autocomplete="off" />
    738738                <?php } ?>
    739739