Php Wordpress循环-自定义主题-HTML集成

我制作了一个HTML页面，我想集成到Wordpress中

主题的整合是正确的，直到我进入帖子部分

我对显示帖子的算法有问题，所以我知道它来自Wordpress循环

我已经在Wordpress循环上做了几次搜索，但我不了解不同的用法

以下是我希望自动化的HTML代码库：

<div class="oeuvres">
    <div class="line0">
        <div class="oeuvre">
            <img class="img-oeuvre" src="ressources/creations/lisemassages.png" alt="">
            <div class="infos-oeuvre">
               <p>Title</p>
               <p>Content</p>
               <a class="btn-oeuvre" href="" target="_blank">Voir le site</a>
            </div>
        </div>
        <div class="oeuvre">
            <img class="img-oeuvre" src="ressources/creations/centredesoi.png" alt="">
            <div class="infos-oeuvre">
                <p>Title</p>
                <p>Content</p>
                <a class="btn-oeuvre" href="" target="_blank">voir le site</a>
            </div>
        </div>
    </div><!--class line0 -->
</div>

<div class="oeuvres">
    <div class="line1">
        <div class="oeuvre">
            <div class="infos-oeuvre">
                    <p>title</p>
                    <p>Content</p>
                    <a class="btn-oeuvre" href="" target="_blank">Voir le site</a>
            </div>
            <img class="img-oeuvre" src="ressources/creations/comparepc.png" alt="">
        </div>

        <div class="oeuvre">
            <div class="infos-oeuvre">
                <p>Title</p>
                <p>Content</p>
                <a class="btn-oeuvre" href="" target="_blank">voir nos créations</a>
            </div>
            <img class="img-oeuvre" src="ressources/creations/wine&amp;sound.jpg" alt="">
        </div>
    </div><!--class line1 -->
</div>

头衔

内容

头衔

内容

头衔

内容

头衔

内容

我的循环在类“line1”之后，但是，我需要这个类是动态的：它必须每2篇文章通过“line0”

当该值位于循环之外时，如何更改该值

这是我已经完成的代码，它可以工作，但并不完美

 <div class="oeuvres"> 

    <?php $i = 0 ; $line = ""  ; ?>
     //what i've try to do with those variables is to check if $i is pair or impair to change $line value but like i said its outside the loop so it doesnt change anything...... 

    <div class="<?php echo $line ; ?>">
        <?php while(have_posts()) : the_post(); ?>
        <?php // $i++;
        <?php //$line = ($i%0 == 0) ?"line0" : "line1" ;  ?>                                                                           
              <div class="oeuvre">                                                
                 <div class="infos-oeuvre">
                      <?php the_title(); ?>
                      <?php the_content()?>
                      <a class="btn-oeuvre" href="" target="_blank">Voir le site</a>
                   </div>
               </div>
         <?php endwhile; ?>
      </div>                                               
   </div>                                                     
   <?php endif; ?>

//我试着用这些变量来检查$i是成对的还是改变$line的值，但就像我说的，它在循环之外，所以它不会改变任何东西。。。。。。
您可以手动传递该类，并在每行中执行不同的循环。每发表2篇文章，将标记添加到文章的第0行、第1行和第2行，并使用这些标记进行查询

<div class="oeuvres">
<div class="line0">
<?php
// WP_Query arguments
$args = array (
    'post_type'              => 'post',
    // choose other differentiating parameter, for example tag 
    'tag'                     => 'line0'
);

// The Query
$query = new WP_Query( $args );

// The loop
if( $query->have_posts() ): while( $query->have_posts()): $query->the_post(); 
?>
    <div class="oeuvre">
        <img class="img-oeuvre" src="ressources/creations/centredesoi.png" alt="">
        <div class="infos-oeuvre">
            <p>Title</p>
            <p>Content</p>
            <a class="btn-oeuvre" href="" target="_blank">voir le site</a>
        </div>
    </div>
<?php

endwhile; endif;

// Restore original Post Data
wp_reset_postdata();

?>
</div><!--class line0 -->
</div>

<div class="oeuvres">
<div class="line1">
<?php
// WP_Query arguments
$args = array (
    'post_type'              => 'post',
    // choose other differentiating parameter, for example tag 
    'tag'                     => 'line1'
);

// The Query
$query = new WP_Query( $args );

// The loop
if( $query->have_posts() ): while( $query->have_posts()): $query->the_post(); 
?>

    <div class="oeuvre">
        <div class="infos-oeuvre">
            <p>Title</p>
            <p>Content</p>
            <a class="btn-oeuvre" href="" target="_blank">voir nos créations</a>
        </div>
        <img class="img-oeuvre" src="ressources/creations/wine&amp;sound.jpg" alt="">
    </div>
<?php

endwhile; endif;

// Restore original Post Data
wp_reset_postdata();

?>
</div><!--class line1 -->
</div>


头衔

内容

头衔

内容