Après avoir écrit les scripts selon WP codex et WP tutoriel débutant, le site comporte une erreur Javascript: Uncaught ReferenceError: imagesLoaded n'est pas défini.
Beaucoup d'autres ont aussi ce problème.
J'ai suivi le même article et rencontré le même problème; l'auteur (Josh Pollock) a posté un followup sur son blog.
Essentiellement à partir de WP 3.9, la maçonnerie est là pour vous. Par conséquent, tout ce dont vous avez besoin dans functions.php est:
add_action( 'wp_enqueue_scripts', 'slug_masonry' );
function slug_masonry( ) {
wp_enqueue_script('masonry'); // note this is not jQuery
}
puis initialiser:
//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'
});
});
Si vous avez utilisé le code du lien ci-dessus, remplacez wp_enqueue_script('masonry')
par wp_enqueue_script('jquery-masonry')
. Essayez et faites le moi savoir.