Поддержка Проблемы и решения Популярные посты с миниатюрами

  • Подскажите, пожалуйста, что необходимо изменить в коде для вывода результатов в строчку? Этот код выводит картинки и название постов друг за другом в столбик, а мне необходим вывод — три картинки с соотв. названием поста (под картинкой) в одной строчке и три картинки во второй. Те на выходе: две строчки и три столбца.

    <?php $popular = new WP_Query('orderby=comment_count&posts_per_page=6); ?>
        <?php while ($popular->have_posts()) : $popular->the_post(); ?>
        <?php $justanimage = get_post_meta($post->ID, 'thumbnail', true);
            if ($justanimage) { ?>
        <img src="<?php echo get_post_meta($post->ID, "Image", true); ?>" alt="<?php the_title(); ?>" />
        <?php } else { ?>
        <img src="http://site.ru/alt-image.jpg" alt="" />
        <?php } ?>
        <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    <?php endwhile; ?>

    Заранее спасибо.

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    Как вариант:

    <?php $popular = new WP_Query('orderby=comment_count&posts_per_page=6'); ?>
    <?php while ($popular->have_posts()) : $popular->the_post(); ?>
        <div style="width: 33%; float: left">
        <?php $justanimage = get_post_meta($post->ID, 'thumbnail', true);
            if ($justanimage) { ?>
        <img src="<?php echo get_post_meta($post->ID, "Image", true); ?>" alt="<?php the_title(); ?>" />
        <?php } else { ?>
        <img src="http://site.ru/alt-image.jpg" alt="" />
        <?php } ?>
        <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
        </div>
    <?php endwhile; ?>

    Вы — лучший. Спасибо Bам большое за помощь.

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • Тема «Популярные посты с миниатюрами» закрыта для новых ответов.