2016-08-13 4 views
1

私はHTMLファイルにそのようなレイアウトを持っています。Wordpressのループで別のクラスの投稿を投稿するにはどうすればいいですか?

HTML

<div class="section"> 
    <div class="left title "> 
     <!--content1--> 
    </div> 
    <div class=" middle"> 
     <!--content2--> 
    </div> 
    <div class=" right tiles"> 
     <!--content3--> 
    </div> 
</div> 

<div class="section"> 
    <div class="left title "> 
     <!--content1--> 
    </div> 
    <div class=" middle"> 
     <!--content2--> 
    </div> 
    <div class=" right tiles" 
     <!--content3--> 
    </div> 
</div> 

どのように私は同じシーケンスを繰り返すWPループを使用することができますか? 投稿を公開したいときはいつでも必要とし、ユーザはclass="section"で異なるクラスの3つの投稿を1つの行に公開するオプション(選択肢)があります。 WPの専門家が助けてください!

enter image description here

答えて

0

ちょうどセクション内のすべてのdivに同じクラスを与え、n番目の子またはn番目の-のタイプCSSセレクタを使用してスタイルを区別することですこれを達成するための最も簡単な方法。それに応じて、各divをスタイルすることができます。例えば、

:first-of-type { 
//left styles here 
} 

:nth-of-type(2) { 
//middle styles here 
} 

:last-of-type { 
//right styles here 
} 
関連する問題