WooCommerce에 Masonry를 추가 한 후 사이트가 깨졌습니다.

Question

twentytwelve 하위 테마의 woocommerce shop 페이지에 석조물을 추가하려고합니다. 이것은 또한 내 사이트의 첫 페이지이기도합니다. 나는 PHP와 Wordpress에 상당히 익숙하다.

function twentytwelve_child_masonry() { 
if (! is_admin()) { 
    wp_register_script('jquery_masonry', get_stylesheet_directory_uri(). 'js/masonry.pkgd.min.js' ,array(jquery), 3.2); 
    wp_enque_script('jquery_masonry'); 
    add_action('wp_footer', 'twentytwelve_child_add_masonry');   
    function twentytwelve_child_add_masonry() { ?> 
     <script> 
      jQuery(document).ready(function($) { 
       $('#content').masonry({ 
        itemSelector: '.products', 
      isAnimated: true; 
       }); }); 
     </script> 
    <?php 
    }}} 
add_action('init', 'twentytwelve_child_masonry'); 

난 린다에서 튜토리얼을 발견

첫 단계

는 http://masonry.desandro.com/

이쪽으로부터 masonry.pkgd.min.js 파일을로드하는 기능을 만들 수 있었던 기능이다. co.kr에서 응답 성있는 테마를 작성하십시오. 페이지를로드하려고하면 사이트가 다운됩니다. 누구든지 어떤 생각? 도움을 많이 주시면 감사하겠습니다.

Answer 1

일부 구문 오류를 수정하고 중첩 기능을 중지하고 wp_enqueue_script을 올바르게 사용하고 적절한 순간에 스크립트를 대기열에 추가해야합니다. init 조치를 사용하여이를 대기열에 추가하거나 대기열에 넣을 수 없습니다. 대신, 당신은 정말 다음과 같은 것들을 단순화해야

다음

function twentytwelve_child_masonry() { 
    wp_enqueue_script('jquery_masonry', get_stylesheet_directory_uri() . '/js/masonry.pkgd.min.js', array('jquery'), '3.2', true); 
} 
add_action('wp_enqueue_scripts', 'twentytwelve_child_masonry'); 

, 당신의 footer.php에 다음을 추가 :

<script> 
    jQuery(document).ready(function($) { 
     $('#content').masonry({ 
      itemSelector: '.products', 
      isAnimated: true; 
     }); 
    }); 
</script> 

그러나, 언급 한 바와 같이, 벽돌 배송 워드 프레스와 ... 그래서 이것은 아마도 여전히 복잡한 것들입니다.