I know this was covered 8 months ago, but I'm still struggling...
I've installed the proper script in my functions.php to call /js/jquery.masonry.min.js , and it appears to be working- when I view the source, it's up there in the head, as well as the wp included and up to date version of jquery (1.4.4). After the script to call /js/jquery.masonry.min.js , I have:
function my_script() {?>
<script> jQuery('#primary').masonry({
columnWidth: 100,
itemSelector: '.hentry'
}); </script>
<?php }
add_action('wp_head', 'my_script');
So the whole thing looks like:
function add_stuff() {
wp_enqueue_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js</a>"), false, '1.4.4');
wp_enqueue_script('masonry',get_bloginfo('stylesheet_directory') . '/scripts/masonry.js');
}
add_action('init','add_stuff');
function my_script() {?>
<script> jQuery('#primary').masonry({
columnWidth: 100,
itemSelector: '.hentry'
}); </script>
<?php }
add_action('wp_head', 'my_script');
My biggest question is what to do now? I would like to be able to post small and medium sized images in a masoned grid, of varied sizes/widths, on certain pages and posts, and I would like them to be animated. Do I add some css styling to my child themes style.css? Do I throw in some extra div tags in the posts/pages with the images? How should I insert the images in their posts/pages?
I've tried a bunch of different things, read the previous forum posts, and given up and started from scratch numerous times. Please help a noob.