WordPress.org

Make WordPress Core

Ticket #20346: masonry.diff

File masonry.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

     
    170170        function js_includes() {
    171171                $step = $this->step();
    172172
     173                wp_enqueue_script( 'jquery-masonry' );
     174               
    173175                if ( ( 1 == $step || 3 == $step ) ) {
    174176                        add_thickbox();
    175177                        wp_enqueue_script( 'media-upload' );
    176178                        wp_enqueue_script( 'custom-header' );
    177                         if ( current_theme_supports( 'custom-header', 'header-text' ) )
    178                                 wp_enqueue_script('farbtastic');
     179                        if ( current_theme_supports( 'custom-header', 'header-text' ) ) {
     180                                wp_enqueue_script( 'farbtastic' );
     181                        }
    179182                } elseif ( 2 == $step ) {
    180183                        wp_enqueue_script('imgareaselect');
    181184                }
     
    393396                        });
    394397                });
    395398
     399                var container = $('.available-headers');
     400                container.imagesLoaded(function(){
     401                        container.masonry({
     402                                itemSelector: '.default-header',
     403                                columnWidth: 230
     404                        });
     405                });
     406
    396407                farbtastic = $.farbtastic('#color-picker', function(color) { pickColor(color); });
    397408                <?php if ( display_header_text() ) { ?>
    398409                pickColor('#<?php echo get_header_textcolor(); ?>');