gorniawe4ka

<div class="container">
  <h2>
    <span>О нас</span>
  </h2>
</div>

.container {
  width: 700px;
  margin: auto;
}

h2 {
  text-align: center;
  position: relative;
}
h2:before {
  content: '';
  display: block;
  width: 75%;
  height: 1px;
  background: linear-gradient(90deg, red 70%, blue 70%);
  position: absolute;
  top: 7px;
  left: 0;
}
h2:after {
  content: '';
  display: block;
  width: 75%;
  height: 1px;
  position: absolute;
  background: linear-gradient(90deg, blue 30%, red 30%);
  right: 0;
  bottom: 7px;
}
h2 span {
  padding: 5px 40px;
  background: #fff;
  position: relative;
  z-index: 1;
}

codepen.io/Serj-One/pen/NNYMeE

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