Title: Adding classes to wp_list_pages
Last modified: August 19, 2016

---

# Adding classes to wp_list_pages

 *  [sta777](https://wordpress.org/support/users/sta777/)
 * (@sta777)
 * [15 years, 9 months ago](https://wordpress.org/support/topic/adding-classes-to-wp_list_pages-1/)
 * Hi,
 * Does anyone know how to edit/change WordPress’s wp_list_pages function in order
   to add classes to the ul and li items?
 * I’m trying to implement the new version of jquery.treeview which requires `<li
   class="expandable">` and `<ul style="display: none;">` on expandable lists and
   child ul’s.
 * I’ve been messing around with this but it aint working too good in that it applies
   the ‘expandable’ class to all li’s:
 *  `<?php
    $pages = wp_list_pages(‘title_li=&echo=0’ ); $pages = preg_replace(‘/
   class=”/’,’class=”expandable ‘, $pages); //note space on end of replacement string//
   output echo $pages; ?>`
 * And here is what the outputted html should look like:
 *  `<ul class=”treeview” id=”tree”>
 *  <li><a href=”#”>Home</a></li>
    <li class=”expandable”><a href=”#”>Expand 1</
   a> <ul style=”display: none;”> <li class=”expandable”><a href=”#”>Expand 2_1</
   a> <ul style=”display: none;”> <li><a href=”#”>Expanded 3_1</a></li> <li><a href
   =”#”>Expanded 3_2</a></li> <li><a href=”#”>Expanded 3_3</a></li> </ul> </li> 
   <li class=”expandable”><a href=”#” >Expand 2_2</a> <ul style=”display: none;”
   > <li><a href=”#”>Expanded 4_1</a></li> <li><a href=”#”>Expanded 4_2</a></li>
   <li><a href=”#”>Expanded 4_3</a></li> </ul> </li> </ul>
 * </ul>`
 * Hope this makes sense and any help greatly appreciated, S.

The topic ‘Adding classes to wp_list_pages’ is closed to new replies.

## Tags

 * [wp_list_pages](https://wordpress.org/support/topic-tag/wp_list_pages/)

 * 0 replies
 * 1 participant
 * Last reply from: [sta777](https://wordpress.org/support/users/sta777/)
 * Last activity: [15 years, 9 months ago](https://wordpress.org/support/topic/adding-classes-to-wp_list_pages-1/)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics