WordPress.org

Make WordPress Core

Ticket #19570: 19570.14.diff

File 19570.14.diff, 10.1 KB (added by lessbloat, 5 years ago)
  • wp-admin/js/post-formats.js

     
    11(function($){
    2 
    32        // Post formats selection
    4         $('.post-format-select a').on( 'click.post-format', function(e) {
     3        $('.post-format-options a').on( 'click', function(e){
    54                var $this = $(this),
    65                        editor,
    76                        body,
     7                        parent = $this.parent(),
    88                        format = $this.data('wp-format'),
    9                         container = $('#post-body-content');
     9                        container = $('#post-body-content'),
     10                        description = $('.post-format-description');
    1011
    11                 $('.post-format-select a.nav-tab-active').removeClass('nav-tab-active');
    12                 $this.addClass('nav-tab-active').blur();
     12                parent.find('a.active').removeClass('active');
     13                $this.addClass('active');
     14                $('#icon-edit').removeClass(postFormats.currentPostFormat).addClass(format);
    1315                $('#post_format').val(format);
    1416
    1517                container.get(0).className = container.get(0).className.replace( /\bwp-format-[^ ]+/, '' );
    1618                container.addClass('wp-format-' + format);
     19                $('#title').focus();
    1720
     21                // Update description line
     22                description.html($this.data('description'));
     23
     24                if (description.not(':visible'))
     25                        description.slideDown('fast');
     26
    1827                if ( typeof tinymce != 'undefined' ) {
    1928                        editor = tinymce.get('content');
    2029
     
    2534                        }
    2635                }
    2736
     37                postFormats.currentPostFormat = format;
     38
    2839                e.preventDefault();
     40        }).on('mouseenter focusin', function () {
     41                $('.post-format-tip').html( $(this).prop('title') );
     42        }).on('mouseleave focusout', function () {
     43                $('.post-format-tip').html( $('.post-format-options a.active').prop('title') );
    2944        });
    30 
    31 })(jQuery);
     45})(jQuery);
     46 No newline at end of file
  • wp-admin/edit-form-advanced.php

     
    138138        $format_class = " class='wp-format-{$post_format}'";
    139139}
    140140
     141if ( post_type_supports( $post_type, 'post-formats' ) ) {
     142        $all_post_formats = array(
     143                'standard' => array (
     144                        'description' => __('Add a title and description for your post below.')
     145                ),
     146                'image' => array (
     147                        'description' => __('Select an image using the Add Media button below.')
     148                ),
     149                'gallery' => array (
     150                        'description' => __('Use the Add Media button below to select images for your gallery.')
     151                ),
     152                'link' => array (
     153                        'description' => __('Add a link URL below.')
     154                ),
     155                'video' => array (
     156                        'description' => __('Paste a video embed URL below, or click Add Media to upload a video.')
     157                ),
     158                'audio' => array (
     159                        'description' => __('Paste an audio embed URL below, or click Add Media to upload an audio file.')
     160                ),
     161                'chat' => array (
     162                        'description' => __('Paste a chat transcript below.')
     163                ),
     164                'status' => array (
     165                        'description' => __('What are you up to?  Enter your status message below.')
     166                ),
     167                'quote' => array (
     168                        'description' => __('Enter a quote below.')
     169                ),
     170                'aside' => array (
     171                        'description' => __('Enter a quick thought or side topic below.')
     172                )
     173        );
     174        $post_format_options = '';
     175
     176        foreach ( $all_post_formats as $slug => $attr ) {
     177                $class = '';
     178                if ( $post_format == $slug ) {
     179                        $class = 'class="active"';
     180                        $active_post_type_slug = $slug;
     181                        $active_post_type_label = ucfirst( $slug );
     182                        $active_post_format_description = $attr['description'];
     183                }
     184
     185                $post_format_options .= '<a ' . $class . ' href="?format=' . $slug . '" data-description="' . $attr['description'] . '" data-wp-format="' . $slug . '" title="' . ucfirst( sprintf( __( '%s Post' ), $slug ) ) . '"><div class="' . $slug . '"></div></a>';
     186        }
     187}
     188
     189$current_post_format = array( 'currentPostFormat' => esc_html( $active_post_type_slug ) );
     190wp_localize_script( 'post', 'postFormats', $current_post_format );
     191
    141192if ( post_type_supports($post_type, 'page-attributes') )
    142193        add_meta_box('pageparentdiv', 'page' == $post_type ? __('Page Attributes') : __('Attributes'), 'page_attributes_meta_box', null, 'side', 'core');
    143194
     
    337388?>
    338389
    339390<div id="poststuff">
    340 
    341 <?php
    342 if ( post_type_supports( $post_type, 'post-formats' ) ) {
    343         $all_post_formats = get_post_format_strings();
    344 
    345         echo '<h2 class="nav-tab-wrapper post-format-select">';
    346 
    347         foreach ( $all_post_formats as $slug => $label ) {
    348                 if ( $post_format == $slug )
    349                         $class = 'nav-tab nav-tab-active';
    350                 else
    351                         $class = 'nav-tab';
    352 
    353                 echo '<a class="' . $class . '" href="?format=' . $slug . '" data-wp-format="' . $slug . '">' . $label . '</a>';
    354         }
    355 
    356         echo '</h2>';
    357 }
    358 ?>
    359 
    360391<div id="post-body" class="metabox-holder columns-<?php echo 1 == get_current_screen()->get_columns() ? '1' : '2'; ?>">
    361392<div id="post-body-content"<?php echo $format_class; ?>>
    362393
     394<?php if ( ! empty( $post_format_options ) ) : ?>
     395<div class="post-format-options">
     396        <span class="post-format-tip">Standard Post</span>
     397        <?php echo $post_format_options; ?>
     398</div>
     399<div class="post-format-description"></div>
     400<?php endif; ?>
     401
    363402<?php if ( post_type_supports($post_type, 'title') ) { ?>
    364403<div id="titlediv">
    365404<div id="titlewrap">
  • wp-admin/css/wp-admin-rtl.css

     
    2323        11.1 - Custom Fields
    2424        11.2 - Post Revisions
    2525        11.3 - Featured Images
     26        11.4 - Post Format Selection
    262712.0 - Categories
    272813.0 - Tags
    282914.0 - Media Screen
     
    967968}
    968969
    969970/*------------------------------------------------------------------------------
     971  11.4 - Post format selection
     972------------------------------------------------------------------------------*/
     973
     974.post-format-options a {
     975        border-left: 1px solid #ebebeb;
     976        border-right: none;
     977}
     978
     979.post-format-options a:first-child {
     980        -webkit-border-bottom-left-radius: 0;
     981        -webkit-border-top-left-radius: 0;
     982        border-bottom-left-radius: 0;
     983        border-top-left-radius: 0;
     984}
     985
     986.post-format-options a:last-child {
     987        -webkit-border-bottom-right-radius: 3px;
     988        -webkit-border-top-right-radius: 3px;
     989        border-bottom-right-radius: 3px;
     990        border-top-right-radius: 3px;
     991}
     992
     993.post-format-tip {
     994        float: left;
     995}
     996
     997/*------------------------------------------------------------------------------
    970998  12.0 - Categories
    971999------------------------------------------------------------------------------*/
    9721000
  • wp-admin/css/wp-admin.css

     
    2424        11.1 - Custom Fields
    2525        11.2 - Post Revisions
    2626        11.3 - Featured Images
     27        11.4 - Post Format Selection
    272812.0 - Categories
    282913.0 - Tags
    293014.0 - Media Screen
     
    40664067}
    40674068
    40684069/*------------------------------------------------------------------------------
     4070  11.4 - Post format selection
     4071------------------------------------------------------------------------------*/
     4072
     4073#icon-edit.standard {
     4074        background: url(../images/post-formats32.png) no-repeat -3px -4px;
     4075}
     4076
     4077#icon-edit.image {
     4078        background: url(../images/post-formats32.png) no-repeat  -43px -4px;
     4079}
     4080
     4081#icon-edit.gallery {
     4082        background: url(../images/post-formats32.png) no-repeat -83px -4px;
     4083}
     4084
     4085#icon-edit.audio {
     4086        background: url(../images/post-formats32.png) no-repeat -123px -4px;
     4087}
     4088
     4089#icon-edit.video {
     4090        background: url(../images/post-formats32.png) no-repeat -163px -4px;
     4091}
     4092
     4093#icon-edit.chat {
     4094        background: url(../images/post-formats32.png) no-repeat -202px -4px;
     4095}
     4096
     4097#icon-edit.status {
     4098        background: url(../images/post-formats32.png) no-repeat -242px -4px;
     4099}
     4100
     4101#icon-edit.aside {
     4102        background: url(../images/post-formats32.png) no-repeat -282px -4px;
     4103}
     4104
     4105#icon-edit.quote {
     4106        background: url(../images/post-formats32.png) no-repeat -322px -4px;
     4107}
     4108
     4109#icon-edit.link {
     4110        background: url(../images/post-formats32.png) no-repeat -362px -4px;
     4111}
     4112
     4113.post-format-description {
     4114        color: #666;
     4115        display: none;
     4116        margin: 10px 0;
     4117}
     4118
     4119.post-format-options {
     4120        height: 29px;
     4121        background: #f9f9f9;
     4122        border: 1px solid #dfdfdf;
     4123        -webkit-border-radius: 3px;
     4124        border-radius: 3px;
     4125        margin: 0 0 9px 1px;
     4126        padding: 0;
     4127}
     4128
     4129.post-format-options a {
     4130        border-right: 1px solid #ebebeb;
     4131        display: inline-block;
     4132        height: 16px;
     4133        width: 16px;
     4134        padding: 6px;
     4135        position: relative;
     4136        text-decoration: none;
     4137}
     4138
     4139.post-format-options a:first-child {
     4140        -webkit-border-bottom-left-radius: 3px;
     4141        -webkit-border-top-left-radius: 3px;
     4142        border-bottom-left-radius: 3px;
     4143        border-top-left-radius: 3px;
     4144}
     4145
     4146.post-format-options a.active,
     4147.post-format-options a:focus,
     4148.post-format-options a:hover {
     4149        background: #fff;
     4150        outline: none;
     4151        opacity: 1;
     4152}
     4153
     4154.post-format-options a div {
     4155        height: 16px;
     4156        width: 16px;
     4157        opacity: 0.4;
     4158}
     4159
     4160.post-format-options a.active div,
     4161.post-format-options a:focus div,
     4162.post-format-options a:hover div {
     4163        opacity: 1;
     4164}
     4165
     4166.post-format-options .standard {
     4167        background: url(../images/post-formats.png) no-repeat -8px -8px;
     4168}
     4169
     4170.post-format-options .image {
     4171        background: url(../images/post-formats.png) no-repeat -40px -8px;
     4172}
     4173
     4174.post-format-options .gallery {
     4175        background: url(../images/post-formats.png) no-repeat -72px -8px;
     4176}
     4177
     4178.post-format-options .audio {
     4179        background: url(../images/post-formats.png) no-repeat -104px -8px;
     4180}
     4181
     4182.post-format-options .video {
     4183        background: url(../images/post-formats.png) no-repeat -136px -8px;
     4184}
     4185
     4186.post-format-options .chat {
     4187        background: url(../images/post-formats.png) no-repeat -168px -8px;
     4188}
     4189
     4190.post-format-options .status {
     4191        background: url(../images/post-formats.png) no-repeat -200px -8px;
     4192}
     4193
     4194.post-format-options .aside {
     4195        background: url(../images/post-formats.png) no-repeat -232px -8px;
     4196}
     4197
     4198.post-format-options .quote {
     4199        background: url(../images/post-formats.png) no-repeat -264px -8px;
     4200}
     4201
     4202.post-format-options .link {
     4203        background: url(../images/post-formats.png) no-repeat -296px -8px;
     4204}
     4205
     4206.post-format-tip {
     4207        color: #999;
     4208        font-size: 14px;
     4209        float: right;
     4210        padding: 6px 10px;
     4211        text-transform: capitalize;
     4212}
     4213
     4214/*------------------------------------------------------------------------------
    40694215  12.0 - Categories
    40704216------------------------------------------------------------------------------*/
    40714217