在wordpress二十主题后导航

时间:2011-09-20 07:08:49

标签: wordpress categories posts

我在两列中横向显示二十个主题类别帖子,如:

enter image description here

我正在使用以下代码:

<?php if (have_posts()) : while(have_posts()) : $i++; if(($i % 2) == 0) : 

$wp_query->next_post(); else : the_post(); ?>

<div id="left-column">
<h1><?php the_permalink(); ?></h1>
<?php the_content(); ?>
</div>

<?php endif; endwhile; else: ?>
<?php endif; ?>

<?php $i = 0; rewind_posts(); ?>

<?php if (have_posts()) : while(have_posts()) : $i++; if(($i % 2) !== 0) : $wp_query->next_post(); else : the_post(); ?>

<div id="right-column">
<h1><?php the_permalink(); ?></h1>
<?php the_content(); ?>
</div>

<?php endif; endwhile; else: ?>
<?php endif; ?>

如果我点击帖子#1并转到单个帖子显示页面,则会在页面顶部/底部显示完整帖子显示和两个链接(下一篇,上一篇文章)。然后点击下一个帖子链接,它会显示在帖子#3上。但是我需要显示#2后,然后发布#3,发布#4 ......如何可行。?

由于

1 个答案:

答案 0 :(得分:2)

我会用css做这件事。 使用“标准”-Loop。例如

<div id="main-content">
<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
    <div class="post">
        <h2><?php the_title(); ?></h2>
        <?php the_excerpt(); ?>
    </div>
<?php endwhile; ?>
</div>

使用<?php the_excerpt(); ?>可以控制帖子的长度,wordpress标准是55个单词。所以每个帖子的长度都是55个单词。

然后你可以给每个.post元素一个小于50%的宽度并向左浮动它。 一个简单的例子:

#main-content {
      float: left;
}

.post {
      float: left;
      width: 42%;
      margin-right: 5%;
}

现在你有两列,你也可以使它响应,你的“上一个/下一个”链接也应该有效。

这是一个例子。 David Hellmann

我希望,这可以帮到你。 问候!