石積みimagesLoaded javascriptエラー

Question

WP codexおよびWP初心者向けのチュートリアルに従ってスクリプトをエンキューした後、サイトにJavascriptエラーが発生しました。

他の多くの人もこの問題を抱えています。

リンク： http://www.wpbeginner.com/wp-themes/how-to-use-masonry-to-add-pinterest-style-post-grid-in-wordpress/

Answer 1

同じ記事をたどって同じ問題に遭遇した。著者（Josh Pollock）が彼のブログに フォローアップ を投稿しました。

本質的にWP 3.9から、Masonryはあなたが使うためにそこにあります。

add_action( 'wp_enqueue_scripts', 'slug_masonry' );
function slug_masonry( ) {

    wp_enqueue_script('masonry'); // note this is not jQuery

}

そして初期化します：

//set the container that Masonry will be inside of in a var
var container = document.querySelector('#masonry-loop');
//create empty var msnry
var msnry;
// initialize Masonry after all images have loaded
imagesLoaded( container, function() {
    msnry = new Masonry( container, {
        itemSelector: '.post'
    });
});

Answer 2

上記のリンクのコードを使用した場合は、wp_enqueue_script('masonry')をwp_enqueue_script('jquery-masonry')に置き換えてください。試してみて、教えてください。