如何在wordpress中設置wp_list_page？

Question

我想風格清單wp_list_page輸出，基本上我想包裝每一個圓形框中的單頁。我似乎能夠做的所有事情是在CSS上設計LI和UL，但我不工作。

任何想法如何做到這一點？

謝謝

Answer 1

出來把follwing種html。

確保與ul來包裝它像這樣<ul class="main-nav"><?php wp_list_pages(); ?></ul>

這是典型的輸出。

<li class="pagenav">Pages 
    <ul> 
    <li class="page_item page-item-2"><a href="/">Sample Page</a></li> 
    </ul> 
</li> 

在你的CSS你可以編輯它像這樣。

li.page_item {border:1px solid green;} 
li.page_item a {color:yellow;} 
etc... 

如果您希望頁面鏈接四捨五入，您可以插入border-radius語法。

li.page_item {border-radius: 15px; 
-webkit-border-radius: 15px; 
-moz-border-radius: 15px; 

}