仿致美化長(zhǎng)圖+寬圖排版的WordPress美化教程
致美化是使用B2主題的，在美化這一方面，算得上是深度美化了，有很多有趣的地方我們可以來學(xué)習(xí)學(xué)習(xí)。
效果演示
我們模仿這一種
可以看到，在這一模塊中，出現(xiàn)了兩種圖片比例，兩種數(shù)量，
- 上面：長(zhǎng)圖，6個(gè)
- 下面：寬圖，8個(gè)
為了模仿這種效果，我們可以用兩個(gè)模塊加上美化來實(shí)現(xiàn)類似的效果。
創(chuàng)建模塊
我們需要?jiǎng)?chuàng)建兩個(gè)區(qū)塊，甲、乙，甲在第一個(gè)區(qū)塊，乙在第二個(gè)區(qū)塊。如下圖：
甲
- 調(diào)用文章內(nèi)容，列表樣式一
- 選擇文章分類
- 每行顯示數(shù)量：6
- 每頁(yè)顯示數(shù)量：6
- 縮略圖比例：3/5
- 是否顯示加載更多按鈕：隱藏
乙
- 調(diào)用文章內(nèi)容，列表樣式一
- 每行顯示數(shù)量：4
- 每頁(yè)顯示數(shù)量：8
- 縮略圖比例：4/2
- 是否顯示加載更多按鈕：隱藏
根據(jù)列表要求配置好模塊，注意甲模塊和乙模塊的位置。
外觀美化
需要注意的是，這兩個(gè)模塊需要在一起，方便使用上面提供的CSS來美化外觀樣式。CSS中的數(shù)字代表對(duì)應(yīng)模塊的Class，各位看一下網(wǎng)頁(yè)源代碼就懂了。
相關(guān)幫助
不懂的就私聊我吧，免費(fèi)教你用噢，1355471563
