使用循环在 Wordpress 中显示 3 个具有不同 HTML 标记的帖子 [英] Display 3 posts with different HTML markup in Wordpress using a loop
问题描述
我希望能够在我的 index.php 页面上显示来自同一类别的 3 个帖子,但是由于我网站的 HTML/CSS 的编码方式,我在理解执行此操作的正确方法时遇到了一些困难使用循环(因为三个部分使用的 div 代码并不相同,它使用不同的 CSS 样式来实现分层效果/外观).
这是 HTML 代码.
<div class="内容"><h3 class="story-heading">标题 1</h3><ul><li>Nullam 坐 amet scelerisque est.</li><li>Aliquam erat volutpat.Duis sed nisi nunc, faucibus rutrum mauris.<li>Nullam iaculis lorem ut Tortor ullamco per aliquet.整数 id leo non mauris pulvinar gravida vitae a enim.<li>Nullam 坐 amet scelerisque est.</li><a class="learnmore" href="#"><img src="img/button-learnmore.png"></a></div><div class="edge"></div><div id="second-story" class="story"><div class="内容"><h3 class="story-heading">标题 2</h3><p>段落文本</p><a class="learnmore" href="#"><img src="img/button-learnmore.png"></a></div>
<div id="第三个故事" class="story"><div class="edge"></div><div class="content">标题 3</div><ul><li>列表项</li><a class="learnmore" href="#"><img src="img/button-learnmore.png"></a></div>
非常感谢任何帮助.
快速、讨厌并且会完成工作(显然需要添加 the_content(); 等)
<?php if (have_posts()) : ?><?php while (have_posts()) : the_post();?><?php if ($i == 1) { ?><div id="first-story" class="story"><div class="内容"><h3 class="story-heading"><?php the_title();?></h3><ul><li>Nullam 坐 amet scelerisque est.</li><li>Aliquam erat volutpat.Duis sed nisi nunc, faucibus rutrum mauris.<li>Nullam iaculis lorem ut Tortor ullamco per aliquet.整数 id leo non mauris pulvinar gravida vitae a enim.<li>Nullam 坐 amet scelerisque est.</li><a class="learnmore" href="<?php the_permalink(); ?></a>"><img src="img/button-learnmore.png"></a></div><div class="edge"></div>