サポート » テーマ » 表示件数

  • いつもお世話になります。
    以下テンプレートをイジっているところなのですが、いまの状態だと記事を更新していくたびに下に下に記事がいってしまいます。以下タグです。

    <?php get_header(); ?>

    <div id=”content”>
    <div id=”content_inside”>

    <?php while (have_posts()) : the_post(); ?>

    <?php if($x % 2 == 0) { ?>
    <div class=”post_box”>
    <?php } else { ?>
    <div class=”post_box post_box_right”>
    <?php } ?>
    <h3>“><?php echo substr(get_the_title(),0,28); ?><?php if(strlen(get_the_title()) > 28) { echo ‘..’; } ?></h3>
    <div class=”post_meta”><?php the_time(‘Y-m-d’) ?> / <?php the_author(); ?> </div>

    <div class=”img_link”>“><?php the_post_thumbnail(‘featured-home’); ?></div>
    <div class=”post_cat”><?php the_category(‘ / ‘); ?></div>
    </div><!–//post_box–>

    <?php if($x % 2 == 1) { ?>
    <div class=”clear”></div>
    <?php } ?>

    <?php $x++; ?>
    <?php endwhile; ?>
    <?php wp_reset_query(); ?>

    <div class=”clear”></div>

    </div><!–//content_inside–>
    <div class=”clear”></div>
    <div class=”load_more_cont”>
    <div align=”center”><div class=”load_more_text”><?php next_posts_link(‘LOAD MORE POSTS’) ?></div></div>
    </div><!–//load_more_cont–>

    <?php wp_reset_query(); ?>

    </div><!–//content–>

    <script type=”text/javascript”>
    // Ajax-fetching “Load more posts”
    $(‘.load_more_cont a’).live(‘click’, function(e) {
    e.preventDefault();
    //$(this).addClass(‘loading’).text(‘Loading…’);
    $(‘.load_more_text a’).html(‘Loading…’);
    $.ajax({
    type: “GET”,
    url: $(this).attr(‘href’) + ‘#content’,
    dataType: “html”,
    success: function(out) {
    result = $(out).find(‘#content_inside .post_box’);
    nextlink = $(out).find(‘.load_more_cont a’).attr(‘href’);
    //alert(nextlink);
    //$(‘#boxes’).append(result).masonry(‘appended’, result);
    $(‘#content_inside’).append(result);
    //$(‘.fetch a’).removeClass(‘loading’).text(‘Load more posts’);
    $(‘.load_more_text a’).html(‘Load More’);

    if (nextlink != undefined) {
    $(‘.load_more_cont a’).attr(‘href’, nextlink);
    } else {
    $(‘.load_more_cont’).remove();
    $(‘#content_inside’).append(‘<div class=”clear”></div>’);
    // $(‘.load_more_cont’).css(‘visibilty’,’hidden’);
    }

    /* if (nextlink != undefined) {
    $.get(nextlink, function(data) {
    if($(data + “:contains(‘post_box’)”) != ”) {
    //alert(‘not found’);
    $(‘.load_more_cont’).remove();
    $(‘#content_inside’).append(‘<div class=”clear”></div>’);
    }
    });
    }*/

    }
    });
    });
    </script>

    <?php get_sidebar(); ?>

    <?php get_footer(); ?>

    have_postsの部分をhave_posts()) : query_posts($query_string.’&posts_per_page=3′); に変更すれば解決するとおもったのですが駄目でした。
    どうすれば記事数を制限できるでしょうか??

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック投稿者 01bac

    (@01bac)

    <?php
    global $query_string; //変更前のクエリを取得し、以下の件数とページを付け加える
    //posts_per_page=10 ページあたりの件数を指定
    //paged=”.$paged 表示中のページの取得(これがないと、何ページ目を表示しているか迷子になる)
    query_posts( $query_string . “&posts_per_page=10&paged=”.$paged );
    while ( have_posts() ) : the_post()
    ?>

    ↑と変更すること表示件数を制限することはできるようになったのですが,
    WP-PageNaviのプラグインをつっこんで二ページ目を作ろうと思ったのですが、うまく表示ができません。どこに<!–?php wp_pagenavi(); ?–>を差し込めばいいのでしょうか??

    next_posts_link() と previous_posts_link()の代わりに使用するようですから、while ( have_posts() ) : the_post();のループをendwhile;で抜けた後に記述するといいです。
     

    <?php
    global $query_string; //変更前のクエリを取得し、以下の件数とページを付け加える
    query_posts( $query_string . "&posts_per_page=10" );
    while ( have_posts() ) : the_post();
    
    /* ループ内記事表示の記述 */
    
    endwhile; // End the loop.
    if (  $wp_query->max_num_pages > 1 ) : ?>
    				<div id="nav-below" class="navigation">
    				<?php wp_pagenavi(); /* ここに記述 */ ?>
    				</div><!-- #nav-below -->
    <?php endif; ?>

    上記はTwenty Tenの場合ですから、ナビを囲んでいるdivは、利用しているテーマに合わせて変更してください。
     
    http://wordpress.org/extend/plugins/wp-pagenavi/installation/

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「表示件数」には新たに返信することはできません。