Сообщение навигации в WordPress двадцать десять тему - PullRequest
Новая
       11

Сообщение навигации в WordPress двадцать десять тему

1 голос
/ 20 сентября 2011

Горизонтально отображаются двадцать десять сообщений категории тем в двух столбцах, например:

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 Ответ

2 голосов
/ 20 сентября 2011

Я бы сделал это с помощью 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%;
}

Теперь у вас есть два столбца, и вы также можете сделать его отзывчивым, и ваши "предыдущие / следующие" ссылки также должны работать.

Вот пример. Дэвид Хеллманн

Надеюсь, это может вам помочь. Привет! * * 1016

...