Показать сообщения в блоге Wordpress в двух столбцах?

Question

Привет, мне нужно изменить мою тему WP, чтобы она отображала последние заголовки сообщений и отличные изображения в двух столбцах.

Я пробовал часы, но я не могу заставить его работать, любое предложение?

Это текущий код раздела php-файла блога, я могу сделать wipeout и забыть этот код и начать с нуля, я пробовал, но я не могу заставить его работать ... Действительно оцените любой намек/предложение. .. Я не специалист, я учусь :)

<div class="main-container"> 
      <div class="main wrapper clearfix"> 



<?php if (have_posts()) while (have_posts()) : the_post(); ?> 


<aside class="left"></aside> 
<article> 
    <h1><?php the_title(); ?></h1> 
<?php endwhile; ?> 


<ul class="posts"> 

<?php 
if (get_query_var('paged')) { $paged = get_query_var('paged'); } 
elseif (get_query_var('page')) { $paged = get_query_var('page'); } 
else { $paged = 1; } 

query_posts('cat=9&posts_per_page=10&&paged=' . $paged); 
?> 
<?php if (have_posts()) : while (have_posts()) : the_post(); ?> 
    <li> 

     <h2><?php the_title(); ?></h2><span class="tags"><?php 
$posttags = get_the_tags(); 
if ($posttags) { 
    foreach($posttags as $tag) { 
    echo $tag->name . ' '; 
    } 
} 
?></span> 
    <time datetime="<?php the_time('Y-m-d'); ?>" pubdate><?php the_time('j F Y'); ?></time> 

    <?php global $more; 
    $more = 0; 
    the_content('Read more'); ?> 


    </li> 
<?php endwhile; endif; ?> 

</ul> 

<div class="pagination"> 
<?php 
global $wp_query; 

$big = 999999999; // need an unlikely integer 

echo paginate_links(array(
    'base' => str_replace($big, '%#%', get_pagenum_link($big)), 
    'format' => '?paged=%#%', 
    'current' => max(1, get_query_var('paged')), 
    'total' => $wp_query->max_num_pages 
)); 
?></div> 

</article-blog> 

Answer 1

Не могли бы вы просто сделать это с помощью CSS? Просто установите все свои LI (например) width:50%;, а затем просто поместите их все слева, и они должны сидеть бок о бок в макете с двумя колонками.

li { 
    display:block; 
    width:50%; 
    float:left; 
} 

Answer 2

Я думаю, что он идеально подходит для вас:

• How to display blog posts dynamically in 2 or 3 columns in wordpress

Answer 3

У меня была та же проблема, и это помогло мне - http://wordpress.org/support/topic/how-to-show-front-pagelatest-posts-in-two-columns#post-4500258

@media screen and (min-width : 640px){ 

.home ul.index > li{ 

    display:inline-block; 
    clear:none; 
} 

.home .index > li:nth-child(odd){ 

    width:50%; 
    float:left; 
    border:1px solid #fff; 
    clear:both; 
} 
.home .index > li:nth-child(even){ 

    width:46%; 
    float:right; 
    border:1px solid #fff; 
}}