WordPress.org

Make WordPress Core

Ticket #20346: masonry2.diff

File masonry2.diff, 2.0 KB (added by zamoose, 6 years ago)
  • wp-includes/script-loader.php

     
    172172        $scripts->add( 'jquery-table-hotkeys', "/wp-includes/js/jquery/jquery.table-hotkeys$suffix.js", array('jquery', 'jquery-hotkeys'), false, 1 );
    173173        $scripts->add( 'jquery-touch-punch', "/wp-includes/js/jquery/jquery.ui.touch-punch.js", array('jquery-ui-widget', 'jquery-ui-mouse'), '0.2.2', 1 );
    174174
     175        $scripts->add( 'jquery-masonry', "/wp-includes/js/jquery.masonry$suffix.js", array('jquery'), '2.1.03', 1 );
     176
    175177        $scripts->add( 'thickbox', "/wp-includes/js/thickbox/thickbox.js", array('jquery'), '3.1-20111117', 1 );
    176178        did_action( 'init' ) && $scripts->localize( 'thickbox', 'thickboxL10n', array(
    177179                        'next' => __('Next >'),
  • wp-admin/custom-header.php

     
    169169         */
    170170        function js_includes() {
    171171                $step = $this->step();
    172 
     172               
    173173                if ( ( 1 == $step || 3 == $step ) ) {
    174174                        add_thickbox();
    175175                        wp_enqueue_script( 'media-upload' );
    176176                        wp_enqueue_script( 'custom-header' );
    177                         if ( current_theme_supports( 'custom-header', 'header-text' ) )
    178                                 wp_enqueue_script('farbtastic');
     177                        if ( current_theme_supports( 'custom-header', 'header-text' ) ) {
     178                                wp_enqueue_script( 'farbtastic' );
     179                                wp_enqueue_script( 'jquery-masonry' );
     180                        }
    179181                } elseif ( 2 == $step ) {
    180182                        wp_enqueue_script('imgareaselect');
    181183                }
     
    393395                        });
    394396                });
    395397
     398                var container = $('.available-headers');
     399                container.imagesLoaded(function(){
     400                        container.masonry({
     401                                itemSelector: '.default-header',
     402                                columnWidth: 230
     403                        });
     404                });
     405
    396406                farbtastic = $.farbtastic('#color-picker', function(color) { pickColor(color); });
    397407                <?php if ( display_header_text() ) { ?>
    398408                pickColor('#<?php echo get_header_textcolor(); ?>');