2016-08-13 105 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個不同類別的帖子。請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 
} 
相關問題