首先检查模板或源代码,以找到作为一个整体添加到文章中的类(或任何围绕整个文章的html元素)。它可能看起来有点像:
<article class="my-article">
<title class="my-title">TITLE</title>
<img src="..." class="my-featured-image"/>
<div class="my-content">
POST TEXT
</div>
</article>
现在,在你的
style.css
文件您必须区分偶数和奇数帖子:
.my-article:nth-child(even) .my-featured-image (float:left;)
.my-article:nth-child(even) .my-content (float:right;)
.my-article:nth-child(odd) .my-featured-image (float:right;)
.my-article:nth-child(odd) .my-content (float:left;)
请注意,以上是您通常使用css切换两个项目的方式。这可能会干扰主题如何使用其css。除了浮动,您还可以使用
flexbox.