[Sperc]

Здравствуйте. В этой теме я спрашивал, как вывести посты из категории. Как и посоветовал многоуважаемый Rlove, я использовал wp_query. Список вывелся. Теперь хочется оформить его примерно вот так:




Есть ли у кого-нибудь опыт с css-частью списков постов категории? Если да, покажите, пожалуйста, примеры кода, которые подойдут под этот:

Код HTML:

 <div class="news"> <?php $cat = new WP_query(); $cat->query('orderby=rand&showposts=1&cat=3'); ?>
                    <h2 class="title">Заголовок анонса</h2> <?php while ($cat->have_posts()) : $cat->the_post(); ?>
                    <ul class="first"><li><?php the_post_thumbnail(array( 160,160 ), array( 'class' => 'alignright' )); ?>
                    <h3><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></h3></a> <div class="clear"></div> <?php the_excerpt() ?></li> <?php endwhile; ?></ul> <?php $cat = new WP_query(); $cat->query('orderby=rand&showposts=4&cat=3'); ?>
                    <?php while ($cat->have_posts()) : $cat->the_post(); ?>
                    <ul class="other"><li><?php the_post_thumbnail(array( 160,160 ), array( 'class' => 'alignright' )); ?><h3><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></h3></a><br><div class="clear"></div> <?php the_excerpt() ?></li> <?php endwhile; ?></ul> </div>

[Omura]

Т.е. последний пост большой картинкой, а 4 следующих маленькими картинками с заголовком? В вашем варианте не особо много можно сделать. Чтоб реализовать такой вариант как на картинке - надо распарсивать полученный пост чтоб отделить картинку от текста

[Sperc]

Omura, точнее, первый сделать большим, а последующие маленькими. Предположим, можно поместить их в разные теги <ul>, присвоив каждому свой класс. В первом, с 1 постом, назначить большой размер миниатюры, в 4 остальных - маленький, назначив каждому свою колонку. Но я не знаю, как вывести материал в 2 колонках

[Omura]

Вам по сути не нужно динамическое разделение

PHP код:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="top">
    <div class="news">
<?php $cat = new WP_query(); 
$cat->query('orderby=rand&showposts=1&cat=3'); 
?>
                    <h2 class="title">Заголовок анонса</h2>
<?php while ($cat->have_posts()) : $cat->the_post(); ?>
                    <ul class="first"><li><?php the_post_thumbnail(array( 160,160 ), array( 'class' => 'alignright' )); ?>
                    <h3><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></h3></a> <div class="clear"></div> <?php the_excerpt() ?></li> <?php endwhile; ?></ul> <?php $cat = new WP_query(); $cat->query('orderby=rand&showposts=4&cat=3'); ?>
                    <?php while ($cat->have_posts()) : $cat->the_post(); ?>
                    <ul class="other"><li><?php the_post_thumbnail(array( 160,160 ), array( 'class' => 'alignright' )); ?><h3><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></h3></a><br><div class="clear"></div> <?php the_excerpt() ?></li> <?php endwhile; ?></ul> </div>
    </td>
    <td valign="top"><div class="news">
<?php $cat = new WP_query(); 
$cat->query('orderby=rand&showposts=3&cat=3'); 
?>
                    <h2 class="title">Заголовок анонса</h2>
<?php while ($cat->have_posts()) : $cat->the_post(); ?>
                    <ul class="first"><li><?php the_post_thumbnail(array( 160,160 ), array( 'class' => 'alignright' )); ?>
                    <h3><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></h3></a> <div class="clear"></div> <?php the_excerpt() ?></li> <?php endwhile; ?></ul> <?php $cat = new WP_query(); $cat->query('orderby=rand&showposts=4&cat=3'); ?>
                    <?php while ($cat->have_posts()) : $cat->the_post(); ?>
    <ul class="other"><li><?php the_post_thumbnail(array( 160,160 ), array( 'class' => 'alignright' )); ?><h3><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></h3></a><br><div class="clear"></div> <?php the_excerpt() ?></li> <?php endwhile; ?></ul> </div></td>
  </tr>
</table>

Можете кинуть урл где этот код у вас работает? А то у меня сейчас нет WP сайта чтоб попробовать

[Sperc]

Omura, сделано на локальном сервере. Принцип сработал, но в левой колонке стал не 1, а тоже 4 поста.