Добавить в страницу pagination

Друзья кто то может подсказать?

И еще возник вопрос по выводу информации на главной
Шаблон настроен с портфолио на главной странице таким образом
что загружаются они в зависимости от того сколько их разрешается выводить на главную страницу портфолио.
тоесть: если включено что на главной выводить последних 20 объектов, то при сортировке по категориям — объекты предлагаются из тех которые попадают в 20-ку, а нужно что бы подтягивались со всей базы.

как можно это сделать? я понимаю что нужно копнуть вот тут код, но где точно?

<?php
/*
Template Name: Homepage
*/
?>
<?php get_header(); ?>
<!-- Site Tagline
================================================== -->
<?php  if ($tagline = get_option('of_site_tagline')) { echo '
<div class="container clearfix">
    <div class="sixteen columns intro fadeInDown animated">
        <h2 class="aligncenter">'.$tagline.'</h2>
    </div>
</div>';
} ?>

<div class="container clearfix" id="loadingcontainer">

	<div class="sixteen columns loadingcontainer">
		<div class='ajaxloading'></div>
	</div>
	<div class="clear"></div>

</div>
<!-- Load Container Post
================================================== -->
<div id="ajaxcontainer">
    <div class="container clearfix" id="ajaxouter">
        <div id="ajaxinner" data-url="<?php echo get_template_directory_uri() ?>/functions/ajax-open.php"></div>
    </div>
</div>
<!-- Primary Page Layout
================================================== -->
<div class="slideshowcontainer fadeInUp animated">

<?php $filter = (get_option('of_filter_action')) ? get_option('of_filter_action') : 'Fade'; ?>

    <!-- Filter Portfolio Items
================================================== -->
    <div class="container clearfix">
        <div class="sixteen columns alpha">
            <ul class="filter <?php echo ($filter == 'Fade') ? 'filterfade' : 'filtershuffle'; ?>">
                <li class="active"><a href="#" class="filterall" data-value="*"> <?php _e('Все', 'framework'); ?></a></li>
                <?php wp_list_categories(array('title_li' => '', 'taxonomy' => 'sort', 'show_option_none'   => '', 'walker' => new Walker_Portfolio_Filter())); ?>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
    <!-- Filter Portfolio Items
================================================== -->
    <div class="container clearfix slideshow isotopecontainer" data-value="5">
    <div class="slideshowpreload"></div>
    <?php if ( $homepagenumber = get_option('of_homepage_number') ) { echo '<!--'.$homepagenumber.' Projects -->'; } else { $homepagenumber = 30;} ?>
        <?php $loop = new WP_Query( array( 'post_type' => 'portfolio', 'posts_per_page' => $homepagenumber ) ); $counter = 1;

		    while ( $loop->have_posts() ) : $loop->the_post(); 

			$post_url = get_permalink(); //Get Permalink for post
			$terms = get_the_terms( get_the_ID(), 'sort' );

			 $thumb = get_post_meta($post->ID,'_thumbnail_id',false); $thumb = wp_get_attachment_image_src($thumb[0], 'portfoliosmall', false);  // URL of Featured Full Image
    		 $thumb2 = MultiPostThumbnails::get_post_thumbnail_id('portfolio', 'second-slide', $post->ID); $thumb2 = wp_get_attachment_image_src($thumb2, 'portfoliosmall', false); // URL of Second Slide Full Image
	         $thumb3 = MultiPostThumbnails::get_post_thumbnail_id('portfolio', 'third-slide', $post->ID); $thumb3 = wp_get_attachment_image_src($thumb3, 'portfoliosmall', false); // URL of Third Slide Full Image
	         $thumb4 = MultiPostThumbnails::get_post_thumbnail_id('portfolio', 'fourth-slide', $post->ID); $thumb4 = wp_get_attachment_image_src($thumb4, 'portfoliosmall', false); // URL of Fourth Slide Full Image
	         $thumb5 = MultiPostThumbnails::get_post_thumbnail_id('portfolio', 'fifth-slide', $post->ID); $thumb5 = wp_get_attachment_image_src($thumb5, 'portfoliosmall', false); // URL of Fifth Slide Full Image
	         $thumb6 = MultiPostThumbnails::get_post_thumbnail_id('portfolio', 'sixth-slide', $post->ID); $thumb6 = wp_get_attachment_image_src($thumb6, 'portfoliosmall', false); // URL of Sixth Slide Full Image
		?>
        <!-- Portfolio Item
================================================== -->

<div class="three columns nopadding portfolioitem isobrick  <?php if ($terms) { foreach ($terms as $term) { echo strtolower(preg_replace('/\s+/', '-', $term->slug)). ' '; } } ?>" id="project-<?php the_ID(); ?>">
	<?php if ($browser !== 'Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_3 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7E18 Safari/528.16') : ?>
            <div class="flexslider">
            <?php if ($thumbhover = get_option('of_thumb_hover')) :
				if($thumbhover == 'Title') : ?>
          			 <h3 class="thumbnailtitle" data-url="<?php the_ID(); ?>"><?php the_title();?></h3>
                <?php endif; endif; ?>

                <ul class="slides">
                    <?php if(has_post_thumbnail()) { ?>
                    <li><a href="<?php echo $post_url; ?>" data-url="<?php the_ID(); ?>" class="homeportlink">
                        <img src="<?php  echo $thumb[0]; ?>" alt="" class="scale-with-grid"/>
                        </a></li>
                    <?php } ?>
                    <?php if( MultiPostThumbnails::get_the_post_thumbnail('portfolio', 'second-slide', NULL,  'portfoliosmall') != '') { ?>
                    <li><a href="<?php echo $post_url; ?>" data-url="<?php the_ID(); ?>">
                        <img src="<?php  echo $thumb2[0]; ?>" alt="" class="scale-with-grid"/>
                        </a></li>
                    <?php } ?>
                    <?php if( MultiPostThumbnails::get_the_post_thumbnail('portfolio', 'third-slide', NULL,  'portfoliosmall') != '') { ?>
                    <li><a href="<?php echo $post_url; ?>" data-url="<?php the_ID(); ?>">
                        <img src="<?php  echo $thumb3[0]; ?>" alt="" class="scale-with-grid"/>
                        </a></li>
                    <?php } ?>
                    <?php if( MultiPostThumbnails::get_the_post_thumbnail('portfolio', 'fourth-slide', NULL,  'portfoliosmall') != '') { ?>
                    <li><a href="<?php echo $post_url; ?>" data-url="<?php the_ID(); ?>">
                        <img src="<?php  echo $thumb4[0]; ?>" alt="" class="scale-with-grid"/>
                        </a></li>
                    <?php } ?>
                    <?php if( MultiPostThumbnails::get_the_post_thumbnail('portfolio', 'fifth-slide', NULL,  'portfoliosmall') != '') { ?>
                    <li><a href="<?php echo $post_url; ?>" data-url="<?php the_ID(); ?>">
                        <img src="<?php  echo $thumb5[0]; ?>" alt="" class="scale-with-grid"/>
                        </a></li>
                    <?php } ?>
                    <?php if( MultiPostThumbnails::get_the_post_thumbnail('portfolio', 'sixth-slide', NULL,  'portfoliosmall') != '') { ?>
                    <li><a href="<?php echo $post_url; ?>" data-url="<?php the_ID(); ?>">
                        <img src="<?php  echo $thumb6[0]; ?>" alt="" class="scale-with-grid"/>
                        </a></li>
                    <?php } ?>
                </ul>

            </div>
    <?php else : ?>
    		<a href="<?php echo $post_url; ?>" data-url="<?php the_ID(); ?>">
              <img src="<?php  echo $thumb[0]; ?>" alt="" class="scale-with-grid"/>
            </a>
    <?php endif; ?>        

            <div class="disable <?php foreach ($terms as $term) { echo strtolower(preg_replace('/\s+/', '-', $term->name)). ' '; } ?>"></div>
        </div>
        <?php $counter++; ?>
        <?php endwhile; ?>
        <div class="clear"></div>
    </div>
</div>