@gorniawe4ka

WP КАк вывести статьи в «шахматном порядке»?

1f26b3fdc1ca4e1990a2d596c757c874.jpg
есть такой скрин...
есть код
<?get_header();?>
            <section class="clearfix">
                <div class="column-left">	
                    <h1 class="article" onclick="location.href='<?echo get_category_link(2);?>'">
                        <a href="<?echo get_category_link(2);?>">Статьи</a>
                    </h1>
                    <?php query_posts("cat=10&posts_per_page=3"); ?>	
					<?php while (have_posts()) : the_post(); ?>	
                    <div class="first-news clearfix">
                        <div class="big-miniature"></div>
                        <div class="data"><?php the_time('j F Y') ?></div>
                        <h2><a href="<?php echo get_permalink(); ?>"><?php the_title(); ?></a></h2>
                        <p class="text"> 
                        <?
				        $excerpt = get_the_excerpt();
				        print string_limit_words($excerpt,65);
				        ?></p>    
                    </div>
                    <?php endwhile; ?>		
				    <?wp_reset_query();?>
                    <div class="second-news clearfix">
                        <div class="big-miniature-second"></div>
                        <div class="data">12 сентября 3014 г.</div>
                        <h2>Было сказано</h2>
                        <p class="text">бла-бла-бла</p>      
                    </div>
                    <div class="third-news clearfix">
                        <div class="big-miniature"></div>
                        <div class="data">12 сентября 3014 г.</div>
                        <h2>Было сказано</h2>
                        <p class="text">бла-бла-бла</p>
                    </div>
                </div>

сейчас новости выводятся вот так... 70c498808d084023afb598e6483cae3f.png

а нужно чтобы как на скрине...
извиняюсь, в php не особый специалист
  • Вопрос задан
  • 3964 просмотра
Решения вопроса 1
Считать статьи.
1-ую, 3-ью, 2*n+1 выводить текст + картинка, все остальные наоборот - картинка + текст.

Вот это у Вас блок вывода статьи
<?php query_posts("cat=10&posts_per_page=3"); ?>	
<?php while (have_posts()) : the_post(); ?>	
    <div class="first-news clearfix">
    <div class="big-miniature"></div>
    <div class="data"><?php the_time('j F Y') ?></div>
    <h2><a href="<?php echo get_permalink(); ?>"><?php the_title(); ?></a></h2>
    <p class="text"> 
        <? $excerpt = get_the_excerpt();
            print string_limit_words($excerpt,65);?>
    </p>    
</div>
<?php endwhile; ?>


Если я правильно понял, что за что у вас в верстке отвечает, то "шахматка" будет делаться приблизительно так
<?php query_posts("cat=10&posts_per_page=3"); ?>	
<?php 
$idx = 1;
while (have_posts()) : the_post(); ?>	
<? if( $idx % 2 == 1) { /* выводим нечетные статьи*/ ?> 
    <div class="first-news clearfix">
        <div class="big-miniature"></div>
        <div class="data"><?php the_time('j F Y') ?></div>
        <h2><a href="<?php echo get_permalink(); ?>"><?php the_title(); ?></a></h2>
        <p class="text"> 
            <? $excerpt = get_the_excerpt();
                print string_limit_words($excerpt,65);?>
        </p>    
    </div>
<? } else { /* выводим четные */?> 
    <div class="first-news clearfix">        
        <div class="data"><?php the_time('j F Y') ?></div>
        <h2><a href="<?php echo get_permalink(); ?>"><?php the_title(); ?></a></h2>
        <p class="text"> 
            <? $excerpt = get_the_excerpt();
                print string_limit_words($excerpt,65);?>
        </p>    
        <div class="big-miniature"></div>        
    </div>
<? } ?>

<?php 
$idx++;
endwhile; 
?>
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
rim89
@rim89
программист-велосипедист
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Ведисофт Екатеринбург
от 25 000 ₽
YCLIENTS Москва
от 200 000 до 350 000 ₽
Бюро Цифровых Технологий Санкт-Петербург
от 120 000 до 180 000 ₽
05 мая 2024, в 17:50
7000 руб./за проект
05 мая 2024, в 17:48
1000 руб./за проект
05 мая 2024, в 16:51
10000 руб./за проект