[wordpress]if文を使った条件分岐の書き方

前提・実現したいこと

wordpressでifを使い投稿を分割したいのですが、最適な方法がわかりません
wordpressを導入したphpの記述とphpの記述は大きく異なるはずですが、混ざっているようなものがありどのコードを優先するべきかわかりません
offsetを使って上下で投稿を切り離して出力する方法もあるようですが、正解はどれなんでしょうか？

ヘディングのテキスト

<?php
$wp_query = new WP_Query();
$args = array(
'post_type' => "post", //投稿タイプ設定
);
$wp_query->query($my_posts);
if ($wp_query->have_posts()) :
$i = 0;
while ($wp_query->have_posts()):$wp_query->the_post(); 
$i++;
if ($i==30) {//30件目で終了                       
    break;
}else if ($i%3==0) {//3件ごとにIDをふったタイトルコメント数カテゴリーを挟む	
<div class="img-wrap2">
    <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
</div>
<!--日付けを追加-->
<div class="post-meta2"><div class="img-wrap3">
    <?php the_time('Y/m/d'); ?></div>
<!--リンククラス付きのカテゴリーを追加-->
<?php
$categories = get_the_category();
if ($categories) {
    echo '<ul>';
    foreach ($categories as $category) {
        echo '<li class="cat1"' . $category->slug . '"><a href="' . esc_url(get_category_link($category->term_id)) . '">' . $category->name . '</a></li>';
    }
    echo '</ul>';
}
?>
　　
<!--リンククラス付きのコメント数を追加-->
<?php $num_comments = get_comments_number();
if ($num_comments == 0) {
    $comments = __('No Comments'); // 
} elseif ($num_comments > 1) {
    $comments = $num_comments . __(' Comments'); // 
} else {
    $comments = __('1 Comment'); // 
}
$write_comments = '<span class="singlecomments"><a href="' . get_comments_link() . '">' . $comments . '</a></span>';
echo $write_comments;
?></div>
<!--リンククラス付きのコメントの抜粋を追加-->
<div class="img-wrap4">
    <?php the_excerpt(); ?></div>
<!--リンククラス付きの記事を読むを追加-->
<div class="img-wrap5">
    <a href="<?php the_permalink(); ?>">記事を読む</a>
</div>
}else if ($i%3==0) {//3件ごとにIDをふったタイトルコメント数カテゴリーを挟む
<?php
include_once( ABSPATH . WPINC . '/feed.php' );
$rss = fetch_feed( 'http://fevian.org/feed/anime.xml' ); // Feed URLを入れる
if ( !is_wp_error( $rss ) ) {
	$maxitems = $rss->get_item_quantity( 2 );
	$rss_items = $rss->get_items( 0, $maxitems );
}
?>
		<div class="grid-x grid-margin-x">
<?php if ( !empty( $maxitems ) ) : ?>

	<?php if ($maxitems == 0) echo '<div class="cell large-12">データがありませんでした.</div>';
    else
    foreach ( $rss_items as $item ) : ?>

    <div class="cell medium-4"><!-- 記事中の1枚目の画像を取得-->
  		<a href="<?php echo $item->get_permalink(); ?>">
  			<?php
  			$first_img = '';
  			if ( preg_match( '/<img.+?src=[\'"]([^\'"]+?)[\'"].*?>/msi',
  							$item->get_content(), $matches )
  			   ) { $first_img = $matches[1]; } ?>
  			<?php if ( !empty( $first_img ) ) : ?>
  			<span class="thumbnail">
                  <img class="heit" style="height: 200px;width: 413px;margin:auto;border: 2px solid #e52d77;"src="<?php echo esc_attr( $first_img ); ?>" alt="" />
              </span>
  			<?php endif;  ?>
  		</a>
      <div class="cell medium-8">
    		<a class="name2" href="<?php echo $item->get_permalink(); ?>">
    			<?php echo $item->get_title();// タイトル  ?>
    		</a>
  	</div></div><!-- 記事中の1枚目の画像を取得終了-->

	<?php endforeach; ?>
</div>
<?php endif; ?>
}else if ($i%15==0) {//15件ごとにRSSを挟む
<?php
include_once( ABSPATH . WPINC . '/feed.php' );
$rss = fetch_feed( 'http://fevian.org/feed/anime.xml' ); // Feed URLを入れる
if ( !is_wp_error( $rss ) ) {
	$maxitems = $rss->get_item_quantity( 2 );
	$rss_items = $rss->get_items( 0, $maxitems );
}
?>
		<div class="grid-x grid-margin-x">
<?php if ( !empty( $maxitems ) ) : ?>

	<?php if ($maxitems == 0) echo '<div class="cell large-12">データがありませんでした.</div>';
    else
    foreach ( $rss_items as $item ) : ?>

    <div class="cell medium-4"><!-- 記事中の1枚目の画像を取得-->
  		<a href="<?php echo $item->get_permalink(); ?>">
  			<?php
  			$first_img = '';
  			if ( preg_match( '/<img.+?src=[\'"]([^\'"]+?)[\'"].*?>/msi',
  							$item->get_content(), $matches )
  			   ) { $first_img = $matches[1]; } ?>
  			<?php if ( !empty( $first_img ) ) : ?>
  			<span class="thumbnail">
                  <img class="heit" style="height: 200px;width: 413px;margin:auto;border: 2px solid #e52d77;"src="<?php echo esc_attr( $first_img ); ?>" alt="" />
              </span>
  			<?php endif;  ?>
  		</a>
      <div class="cell medium-8">
    		<a class="name2" href="<?php echo $item->get_permalink(); ?>">
    			<?php echo $item->get_title();// タイトル  ?>
    		</a>
  	</div></div><!-- 記事中の1枚目の画像を取得終了-->

	<?php endforeach; ?>
</div>
<?php endif; ?>    
}
endwhile;
endif;	
?>

問題のコード

}else if ($i%3==0) {//3件ごとにIDをふったタイトルコメント数カテゴリーを挟む}else if ($i%15==0) {//15件ごとにRSSを挟む}

発生している問題・エラーメッセージ

syntax error, unexpected '<'

正解のコード

<!--ループ1-->
<?php
$wp_query = new WP_Query();
$args = array(
'post_type' => "post", //投稿タイプ設定
);
$wp_query->query($my_posts);
if ($wp_query->have_posts()) :
$i = 0;
while ($wp_query->have_posts()):$wp_query->the_post();
$i++;
/**** ▼1件分の投稿内容HTML ****/ 
echo "{$i}:".get_the_title()."<br>";
if ($i >= 3) break; 
endwhile; 
//ループ1
echo "分割<br>";
//ループ2
$wp_query = new WP_Query();
$args = array(
'post_type' => "post", //投稿タイプ設定
'posts_per_page' => 2,     // 表示する投稿数(-1を指定すると全投稿を表示)
);
$wp_query->query($my_posts);
$i = 0;
while ($wp_query->have_posts()) : 
$wp_query->the_post();
$i++; 
if ($i < 4) continue;
/**** ▼1件分の投稿内容HTML ****/ 
echo "{$i}:".get_the_title()."<br>";
if ($i >= 6) break; 
endwhile; 
//ループ2
endif;	
?>