Подскажите пожалуйста как мне вывести последние новости в три колонки на главную, причем из разных рубрик?
Примерно вот так:http://s018.radikal.ru/i527/1204/cf/8ec3a2d69589.png .
я плохо разбираюсь в кодах, подскажите пожалуйста где и что изменить или добавить?
Вывод новостей на главную.

<ul>
<li>
<?php $WP_Query = new WP_Query(‘cat=1&posts_per_page=3’);
if ($WP_Query->have_posts()) : while ($WP_Query->have_posts()) : $WP_Query->the_post();?>
<div><?php the_title(”);?> </div>
<?php endwhile; endif; ?>
</li>
<li>
<?php $WP_Query = new WP_Query(‘cat=2&posts_per_page=3’);
if ($WP_Query->have_posts()) : while ($WP_Query->have_posts()) : $WP_Query->the_post();?>
<div><?php the_title(”);?> </div>
<?php endwhile; endif; ?>
</li>
<li>
<?php $WP_Query = new WP_Query(‘cat=3&posts_per_page=3’);
if ($WP_Query->have_posts()) : while ($WP_Query->have_posts()) : $WP_Query->the_post();?>
<div><?php the_title(”);?> </div>
<?php endwhile; endif; ?>
</li>
</ul>
Где собственно cat – тут вставить ID вашей категории…
На тег li ставить display:inline-block; и ширину так чтоб в ваш блок получалось вывести 3… Но думаю с CSS вы сами разберётесь…
ну и собственно http://codex.wordpress.org/Class_Reference/WP_Query – вот тут можете посмотреть какие ещё вам надо параметры вывода категорий…
Большое Спасибо !
Вот прям сейчас попробую, очень надеюсь что получиться…. 🙂
Ваш код вставила в home.php и некоторую часть в index.php, с маленькими доработками
Новости вышли на главную но идут друг под дружкой ни в одну линию, подскажите если вам не трудно где моя ошибка в CSS ?
#news li {
float:left;
margin-right:5px;
-display: -moz-inline-box;
-display:inline-block;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-bottom:1px solid #fefefe;
border-right:1px solid #fefefe;
padding:6px 12px;
text-shadow:1px 1px #fff;
background:url(images/bk_blurb.jpg) 0 100% repeat-x;
font-weight:bold;
display:block;
}
-display:inline-block;
display:block;
Уберите display:block; и задайте ширину в 33%… Должно помочь…
Код в home.php :
<!– begin news –>
<ul>
<li>
<div id="news">
<div align="justify">
<?php $WP_Query = new WP_Query(‘cat=106&posts_per_page=1’);
if ($WP_Query->have_posts()) : while ($WP_Query->have_posts()) : $WP_Query->the_post();?>
<div><h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
<a href="<?php echo get_thumb_urlfull($post) ?>" rel="prettyPhoto" title="<?php the_title();?>"><?php the_post_thumbnail(); ?></a><?php the_excerpt() ?></div>
<?php endwhile; endif; ?>
</div>
</div>
</li>
<li>
<div id="newsy">
<div align="justify">
<?php $WP_Query = new WP_Query(‘cat=312&posts_per_page=1’);
if ($WP_Query->have_posts()) : while ($WP_Query->have_posts()) : $WP_Query->the_post();?>
<div><h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
<a href="<?php echo get_thumb_urlfull($post) ?>" rel="prettyPhoto" title="<?php the_title();?>"><?php the_post_thumbnail(); ?></a><?php the_excerpt() ?></div>
<?php endwhile; endif; ?>
</div>
</div>
</li>
<li>
<div id="news">
<div align="justify">
<?php $WP_Query = new WP_Query(‘cat=275&posts_per_page=1’);
if ($WP_Query->have_posts()) : while ($WP_Query->have_posts()) : $WP_Query->the_post();?>
<div><h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
<a href="<?php echo get_thumb_urlfull($post) ?>" rel="prettyPhoto" title="<?php the_title();?>"><?php the_post_thumbnail(); ?></a><?php the_excerpt() ?></div>
<?php endwhile; endif; ?>
</div>
</div>
</li>
</ul>
<!– end news –>
Код в CSS :
#news li {
-display: -moz-inline-box;
-display:inline-block;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-bottom:1px solid #fefefe;
border-right:1px solid #fefefe;
padding:6px 12px;
text-shadow:1px 1px #fff;
background:url(images/bk_blurb.jpg) 0 100% repeat-x;
font-weight:bold;
float:left;
width:33%;
height:380px;
margin-right:25px;
overflow:hidden;
margin-bottom:10px;
}
И после всего этого, всего лишь вот что выходит: http://s019.radikal.ru/i602/1204/13/f6d1955fd671.png
а мне нужно чтоб получилось вот так: http://s018.radikal.ru/i527/1204/cf/8ec3a2d69589.png
Вы вроде как Гении в кодах, а я просто слабый любитель…подскажите плиз что не так ?
Да блин… Молодой человек… если вы даже с CSS неособо знакомы… может лучше вам нанять человека что б всё сделал… или подучить немного хотябы его…
-display: -moz-inline-box;
-display:inline-block;
вместо этих 2-х поставьте
display:inline-block;
изначально поубирай все отступы почисть всё… и на эксперементах пробуй…
Спасибо!!!