Question

我创建了一个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>

我的循环是课后＆＃34; line1＆＃34;但是，我需要这个类是动态的：它必须通过＆＃34; line0＆＃34;每2个帖子。

如何在循环外部更改此值

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

 <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; ?>

任何帮助或建议都会很棒！

由于

Answer 1

您可以手动传递该类，并在每行内部执行diferentes循环。每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>

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

1 个答案: