我知道这个问题已经问过了,但我找到的所有答案都帮不了我。。
我制作了一个HTML页面,我想将其集成到Wordpress中。
在我进入帖子部分之前,主题的整合是正确的
我对显示帖子的算法有问题,所以我知道它来自Wordpress循环。
我已经在Wordpress循环上进行了多次搜索,但我不了解不同的用途。
下面是我想循环的HTML代码库:
<div class="oeuvres">
<div class="line0"><!-- should be dynamic -->
<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"><!--Should be dynamic-->
<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&sound.jpg" alt="">
</div>
</div><!--class line1 -->
</div>
以下是我已经完成的代码,但我遇到了一些问题:只有3篇文章重复:
<?php
//Variables needed for the template
$req = new WP_Query(\'category_name=creations\') ; //object with the posts
$cptPosts = $req->post_count ; //nomber of post
$cptOeuvres = $cptPosts/2 ; //number of div .Oeuvres needed
$iOeuvres = 1 ; //counter of div.oeuvres
$iPost = 1 ; //counter of posts
?>
<?php echo \'cptpost = \'.$cptPosts ; echo \'cptoeuvres = \'.$cptOeuvres ;// to check $cptPost/$cptoeuvres value ?>
<?php if ($req->have_posts()) : ?>
<?php while($iOeuvres <= $cptOeuvres): ?>
<?php //if $iOeuvres is pair use .line1 else .line2 ?>
<?php if($iOeuvres%2 == 0) : ?>
<div class = "oeuvres">
<div class ="line1">
<?php else : ?>
<div class = "oeuvres">
<div class ="line0">
<?php endif ;?>
<?php while($req->have_posts()) : $req->the_post() ; ?>
<?php //show only 2 posts per line?>
<?php if($iPost<=2):?>
<?php //if iOeuvres is pair, image goes before ?>
<?php if($iOeuvres%2 == 0) : ?>
<div class="oeuvre">
<img class="img-oeuvre" src="<?php bloginfo(\'stylesheet_directory\');?>/ressources/creations/lisemassages.png" alt="">
<div class="infos-oeuvre">
<p><?php the_title() ; ?></p>
<p><?php the_content() ; ?></p>
<a class="btn-oeuvre" href="http://lisemassages.fr" target="_blank">Voir le site</a>
</div><!--fermeture div.infos oeuvre-->
</div><!--fermeture div .oeuvre-->
<?php else : ?>
<div class="oeuvre">
<div class="infos-oeuvre">
<p><?php the_title() ; ?></p>
<p><?php the_content() ; ?></p>
<a class="btn-oeuvre" href="http://lisemassages.fr" target="_blank">Voir le site</a>
</div><!--fermeture div.infos oeuvre-->
<img class="img-oeuvre" src="<?php bloginfo(\'stylesheet_directory\');?>/ressources/creations/lisemassages.png" alt="">
</div><!--fermeture div .oeuvre-->
<?php endif ; ?>
<?php $iPost++ ;?>
<?php else : ?>
<!-- $iPost > 2 : close the bracket -->
<!--of div.line and div oeuvreS -> add 1 div .oeuvreS -->
</div><!--fermeture div .line0/1-->
</div><!--fermeture div .oeuvreS-->
<?php $iPost=1; endif ;?>
<?php endwhile; ?>
<?php $iOeuvres++ ; ?>
<?php endwhile ; ?>
<?php else : ?>
<!-- no post-->
<h1>Rien du tout</h1>
<?php endif ;?>
我不知道我的代码是否可以理解。。。我的英语也。。。
但我的主要问题是,当这些值位于另一个循环中时,如何将其保持在内部循环中。(在我心目中,最好的例子就像酒店的计票室:一楼:你从1,2…5开始,二楼,你从6,7,8…继续)
任何帮助都会很好!