Support » Plugins » jquery masonry plugin – neewbie troubles

  • Hello I am new to this world so please be gentle…

    I have a bit of background in coding and designing static websites so I know my way around a little but have moved over to the lightside and getting into WP.

    I have a problem getting Masonry plugin to work. I have followed a tutorial but I can’t get it to work.

    I have this in my head.php

    <?php wp_enqueue_script("jquery"); ?>
    	/* We add some JavaScript to pages with the comment form
    	 * to support sites with threaded comments (when in use).
    	if ( is_singular() && get_option( 'thread_comments' ) )
    		wp_enqueue_script( 'comment-reply' );
    	/* Always have wp_head() just before the closing </head>
    	 * tag of your theme, or you will break many plugins, which
    	 * generally use this hook to add elements to <head> such
    	 * as styles, scripts, and meta tags.
    <script language="javascript" type="text/javascript" src="<?php bloginfo('template_url'); ?>"></script>
    <script type="text/javascript">
      $('#linky').masonry({ singleMode: true });

    I have a #linky with further <div>’s inside but it just seems to be laying the divs out in a vertical fashion.

    Could it be something to do with the file structure? My ‘js’ file is in beside the wp-admin etc folders.

    Any help would be fantastic!!

Viewing 1 replies (of 1 total)
  • Hi there,

    I can’t help with the plugin itself, but I can see the js file is probably on the wrong place and you your code will be also looking in the wrong place.

    It is probably a good idea to put the masonry js files in your theme folder (wp-content/themes/mytheme, and not in the wp-admin folder (because this folder can get affected in a WordPress update).

    The wp-content folder is a safer place for children to play!

    Also, your call for the script is a bit wonky:

    <script language=”javascript” type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>“></script>

    If you put the jquery.masonry.min.js file into your theme folder (in a folder called js), then to find it, the call would be:

    <script src=”<?php bloginfo(‘stylesheet_directory’); ?>/js/jquery.masonry.min.js” type=”text/javascript”></script>

Viewing 1 replies (of 1 total)
  • The topic ‘jquery masonry plugin – neewbie troubles’ is closed to new replies.