Query Posts 4 into List, automatically add last class. WordPress

Roberto Mas answers:

Do it with jQuery

give your ul an id

example

<ul id="myList">
<li>...

$('#myList li:last').addClass("last");

if you need help implemeting that

[email protected] on msn or gmail

Nilesh shiragave answers:

Why you are using query_post() to display subpages . you can use wp_list_pages() to display child pages of a page.

If you want to display subpages of page id 8 then you can use following code.

<ul class="four_column">
<?php wp_list_pages('sort_column=menu_order&title_li=&child_of=8'); ?>
</ul>


and if you want to display child pages of current page then you can use following code

<ul class="four_column">
<?php wp_list_pages('sort_column=menu_order&title_li=&child_of='.$post->ID); ?>
</ul>



and to style last a element you can use following code


<style type="text/css"
>
.four_column li a:last-child
{
color:red;
}
</style>


---

---

---

---

Chris Lee answers:

<strong>@West Coast Design:</strong>

Use the WP_Query Approach. The Above Jquery Approach is a hack. Won't work if javascript isn't loaded.


<?php
// Start your new Query. add your arguments
$q = new WP_Query(); $args = array(
'post_type'=>'page',
'order'=>'ASC',
'orderby'=>'menu_order',
'post_status'=>'publish'
);
$q->query($args);
?>
<?php if ($q->have_posts()) : while ($q->have_posts()) : $q->the_post(); ?>
<?php // modify post_class function
$postclassargs = "post-count-".$q->current_post; // add Class post-count-(#)
if ($q->current_post == 0) $postclassargs .= ' first '; // if it's the first post add first
if ($q->post_count == $q->current_post+1) $postclassargs .= ' last'; // if it's the last post add "last"
$postclassargs .= ' '.$post->post_name;
?>



Then finish the rest of the loop with whatever you need. You want to do this over the wp_list_pages because wp_list pages doesn't actually list content.

Mykyta Savchenko answers:

Here is php implementation:


<ul class="four_column">
<?php
$liNum = 1; //variable for counting li number
$liLast = 4; //what li should be with class
?>
<?php query_posts(array('post_parent' => 8, 'orderby' => 'menu_order', 'order' => 'asc' , 'post_type' => 'page' )); while (have_posts()) { the_post(); ?>

<li <?if ($liNum==$liLast) {?>class="last"<?}?>><?php the_title(); ?></li>

<?php $liNum++; } ?>

</ul>


If you'll need this class for 8th or n post just change $liLast = 4.

---