1

我在两列中水平显示二十十个主题类别的帖子，例如：

在此处输入图像描述

我正在使用以下代码：

<?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....怎么可能。？

谢谢

4

1 回答 1

2

我会用css做到这一点。使用“标准”循环。例如

<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 Words 。因此，每篇文章的长度为 55 个单词。

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

#main-content {
      float: left;
}

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

现在你有两列，你也可以让它响应，你的“上一个/下一个”链接也应该工作。

这是一个例子。 大卫赫尔曼

我希望，这可以帮助你。问候！

于 2011-09-20T10:25:37.583 回答