slip35

Кому интересно, решил проблему, вставив следующий код в файл functions.php:

function my_post_queries( $query ) {
    // do not alter the query on wp-admin pages and only alter it if it's the main query
    if (!is_admin() && $query->is_main_query()){

        // alter the query for the home and category pages


        if(is_category()){
            $query->set('posts_per_page', 1);
            $query->set('post_type','product');
        }

    }
}
add_action( 'pre_get_posts', 'my_post_queries' );

Я даю вам точный ответ

Анимация происходит за счет увеличения ширины, поэтому чтобы визуально растягивался левый край нужно зафиксировать правый.
Для этого можно использовать, например:
float: right
или

position: absolute
right: 0

или (на родительском элементе)
text-align: right;

Согласен с ответом выше.
Я бы в порядке важности распределил вот так:

1. Title
   
2. h1 - (только один на странице)
   
3. h2
   
4. description - alt
   
5. h3
   
6. h4
   
7. li
   
8. strong - em
   
9. p
   

p > br
h1 > span (если вы хотите выделить заголовок)
strong > b (если вы хотите сделать акцент)

Почитайте про семантику

Считать статьи.
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; 
?>