I have implemented a wordpress gallery feature but I am having issued with it displaying and also the gallery page is pushing the sidebar below the content. Could someone look at my code and tell me if they can spot anything please? <?php/* Template Name: Gallery Template whole page template */ ?> <?php get_header(); ?> <div id="container"> <div role="main" id="content"> <h1 class="home_page_title"><?php the_title(); ?></h1> <?php if ( function_exists( 'pdfprnt_show_buttons_for_custom_post_type' ) ) echo pdfprnt_show_buttons_for_custom_post_type( 'post_type=gallery&orderby=post_date' ); ?> <div class="gallery_box"> <ul> <?php global $post; global $wpdb; global $wp_query; $paged = $wp_query->query_vars["paged"]; $permalink = get_permalink(); $gllr_options = get_option( 'gllr_options' ); if( substr( $permalink, strlen( $permalink ) -1 ) != "/" ) { if( strpos( $permalink, "?" ) !== false ) { $permalink = substr( $permalink, 0, strpos( $permalink, "?" ) -1 )."/"; } else { $permalink .= "/"; } } $count = 0; $args = array( 'post_type' => 'gallery', 'post_status' => 'publish', 'orderby' => 'post_date', 'posts_per_page' => -1 ); $second_query = new WP_Query( $args ); if ( function_exists( 'pdfprnt_show_buttons_for_custom_post_type' ) ) echo pdfprnt_show_buttons_for_custom_post_type( $second_query ); $count_all_albums = count($second_query->posts); $per_page = $showitems = get_option( 'posts_per_page' ); if( $paged != 0 ) $start = $per_page * ($paged - 1); else $start = $per_page * $paged; if ($second_query->have_posts()) : while ($second_query->have_posts()) : $second_query->the_post(); if( $count < $start ) { $count++; continue; } if( ( $count - $start ) > $per_page - 1 ) break; $attachments = get_post_thumbnail_id( $post->ID ); if( empty ( $attachments ) ) { $attachments = get_children( 'post_parent='.$post->ID.'&post_type=attachment&post_mime_type=image&numberposts=1' ); $id = key($attachments); $image_attributes = wp_get_attachment_image_src( $id, 'album-thumb' ); } else { $image_attributes = wp_get_attachment_image_src( $attachments, 'album-thumb' ); } $count++; ?> <li> <img style="width:<?php echo $gllr_options['gllr_custom_size_px'][0][0]; ?>px;" alt="<?php echo $post->post_title; ?>" title="<?php echo $post->post_title; ?>" src="<?php echo $image_attributes[0]; ?>" /> <div class="gallery_detail_box"> <div><?php echo $post->post_title; ?></div> <div><?php echo the_excerpt_max_charlength(100); ?></div> <a href="<?php echo $permalink; echo basename( get_permalink( $post->ID ) ); ?>"><?php echo $gllr_options["read_more_link_text"]; ?></a> </div> <div class="clear"></div> </li> <?php endwhile; endif; wp_reset_query(); ?> </ul> <?php if( $paged == 0 ) $paged = 1; $pages = intval ( $count_all_albums/$per_page ); if( $count_all_albums % $per_page > 0 ) $pages +=1; $range = 100; if( ! $pages ) { $pages = 1; } if( 1 != $pages ) { echo "</div><div class='clear'></div><div class='pagination'>"; for ( $i = 1; $i <= $pages; $i++ ) { if ( 1 != $pages && ( !( $i >= $paged + $range + 1 || $i <= $paged - $range - 1 ) || $pages <= $showitems ) ) { echo ( $paged == $i ) ? "<span class='current'>". $i ."</span>":"<a href='". get_pagenum_link($i) ."' class='inactive' >". $i ."</a>"; } } echo "<div class='clear'></div></div>\n"; } else {?> <?php } ?> </div> </div> </div> <?php get_sidebar(); ?> <?php get_footer(); ?> Code (markup):
<?php get_header(); ?> <div id="container"> <div role="main" id="content"> <?php global $post, $wp_query; $args = array( 'post_type' => 'gallery', 'post_status' => 'publish', 'name' => $wp_query->query_vars['name'], 'posts_per_page' => 1 ); $second_query = new WP_Query( $args ); $gllr_options = get_option( 'gllr_options' ); if ($second_query->have_posts()) : while ($second_query->have_posts()) : $second_query->the_post(); ?> <div class="ribbon"><h1 class="entry-title"><?php the_title(); ?></h1></div> <div class="gallery_box_single"> <?php the_content(); $posts = get_posts(array( "showposts" => -1, "what_to_show" => "posts", "post_status" => "inherit", "post_type" => "attachment", "orderby" => $gllr_options['order_by'], "order" => $gllr_options['order'], "post_mime_type"=> "image/jpeg,image/gif,image/jpg,image/png", "post_parent" => $post->ID )); if( count( $posts ) > 0 ) { $count_image_block = 0; ?> <div class="gallery clearfix"> <?php foreach( $posts as $attachment ) { $key = "gllr_image_text"; $image_attributes = wp_get_attachment_image_src( $attachment->ID, 'photo-thumb' ); $image_attributes_large = wp_get_attachment_image_src( $attachment->ID, 'large' ); $image_attributes_full = wp_get_attachment_image_src( $attachment->ID, 'full' ); if( $count_image_block % $gllr_options['custom_image_row_count'] == 0 ) { ?> <div class="gllr_image_row"> <?php } ?> <div class="gllr_image_block"> <p style="width:<?php echo $gllr_options['gllr_custom_size_px'][1][0]+20; ?>px;height:<?php echo $gllr_options['gllr_custom_size_px'][1][1]+20; ?>px;"> <a rel="gallery_fancybox" href="<?php echo $image_attributes_large[0]; ?>" title="<?php echo get_post_meta( $attachment->ID, $key, true ); ?>" > <img style="width:<?php echo $gllr_options['gllr_custom_size_px'][1][0]; ?>px;height:<?php echo $gllr_options['gllr_custom_size_px'][1][1]; ?>px;" alt="" title="<?php echo get_post_meta( $attachment->ID, $key, true ); ?>" src="<?php echo $image_attributes[0]; ?>" rel="<?php echo $image_attributes_full[0]; ?>" /> </a> </p> <div style="width:<?php echo $gllr_options['gllr_custom_size_px'][1][0]+20; ?>px;" class="gllr_single_image_text"><?php echo get_post_meta( $attachment->ID, $key, true ); ?> </div> </div> <?php if($count_image_block%$gllr_options['custom_image_row_count'] == $gllr_options['custom_image_row_count']-1 ) { ?> </div> <?php } $count_image_block++; } if($count_image_block > 0 && $count_image_block%$gllr_options['custom_image_row_count'] != 0) { ?> </div> <?php } ?> </div> <?php } ?> </div> <div class="clear"></div> <?php endwhile; else: ?> <div class="gallery_box_single"> <p class="not_found"><?php _e('Sorry - nothing to found.', 'gallery'); ?></p> </div> <?php endif; ?> <?php if( $gllr_options['return_link'] == 1 ) { global $wpdb; $parent = $wpdb->get_var("SELECT $wpdb->posts.ID FROM $wpdb->posts, $wpdb->postmeta WHERE meta_key = '_wp_page_template' AND meta_value = 'gallery-template.php' AND (post_status = 'publish' OR post_status = 'private') AND $wpdb->posts.ID = $wpdb->postmeta.post_id"); ?> <div class="return_link"><a href="<?php echo ( !empty( $parent ) ? get_permalink( $parent ) : '' ); ?>"><?php echo $gllr_options['return_link_text']; ?></a></div> <?php } ?> <script type="text/javascript"> (function($){ $(document).ready(function(){ $("a[rel=gallery_fancybox]").fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'titlePosition' : 'inside', 'speedIn' : 500, 'speedOut' : 300, 'titleFormat' : function(title, currentArray, currentIndex, currentOpts) { return '<span id="fancybox-title-inside">' + (title.length ? title + '<br />' : '') + '<?php _e( "Image ", "gallery"); ?>' + (currentIndex + 1) + ' / ' + currentArray.length + '</span><?php if( get_post_meta( $post->ID, 'gllr_download_link', true ) != '' ){?><br /><a href="'+$(currentOpts.orig).attr('rel')+'" target="_blank"><?php echo __('Download High resolution image', 'gallery'); ?> </a><?php } ?>'; }<?php if( $gllr_options['start_slideshow'] == 1 ) { ?>, 'onComplete': function() { clearTimeout(jQuery.fancybox.slider); jQuery.fancybox.slider=setTimeout("jQuery.fancybox.next()",<?php echo empty( $gllr_options['slideshow_interval'] )? 2000 : $gllr_options['slideshow_interval'] ; ?>); }<?php } ?> }); }); })(jQuery); </script> </div> <?php get_sidebar(); ?> <?php get_footer(); ?> Code (markup):