1

次のように、20 個のテーマ カテゴリの投稿を 2 つの列に水平に表示しています。

ここに画像の説明を入力

以下のコードを使用しています：

<?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をクリックして単一の投稿表示ページに移動すると、投稿全体が表示され、ページの上部/下部に2つのリンク（次の投稿、前の投稿）が表示されます。次に、次の投稿リンクをクリックすると、投稿 #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 ワードです。したがって、すべての投稿の長さは 55 ワードです。

次に、各 .post 要素の幅を 50% 未満にして、左にフロートさせることができます。簡単な例:

#main-content {
      float: left;
}

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

これで 2 つの列ができました。これもレスポンシブにすることができ、「前/次」のリンクも機能するはずです。

ここに例があります。 デビッド・ヘルマン

これでお役に立てば幸いです。ご挨拶！

于 2011-09-20T10:25:37.583 に答える