WordPress.org

Make WordPress Core

Ticket #24011: 24011.17.diff

File 24011.17.diff, 4.9 KB (added by aaroncampbell, 14 months 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