Vou-te deixar o código que estou a usar num tema que estou a construir:
Tenho isto no functions.php para limitar o "title" e o "excerpt"
// http://bavotasan.com/tutorials/limiting-the-number-of-words-in-your-excerpt-or-content-in-wordpress/
// INÍCIO: Limite ao title por caracteres
function short_title($num) {
$limit = $num+1;
$title = str_split(get_the_title());
$length = count($title);
if ($length>=$num) {
$title = array_slice( $title, 0, $num);
$title = implode("",$title)."...";
echo $title;
} else {
the_title();
}
}
//
// FIM: Limite ao title por caracteres
//
// INÍCIO: Limite ao excerpt por caracteres
function short_excerpt($num) {
$limit = $num+1;
$shortexcerpt = str_split(get_the_excerpt());
$length = count($shortexcerpt);
if ($length>=$num) {
$shortexcerpt = array_slice( $shortexcerpt, 0, $num);
$shortexcerpt = implode("",$shortexcerpt)."...";
echo $shortexcerpt;
} else {
the_excerpt();
}
}
//
// FIM: Limite ao excerpt por caracteres
E tenho isto para criar o thumbnail:
http://www.maistrafego.pt/wordpress-thumbnails-automaticos-custom-fields-pluginsNo tema uso isto:
<div class="headlines">
<?php query_posts('caller_get_posts=1&orderby=rand&posts_per_page=10&cat=5');
if ( have_posts() ) : while ( have_posts() ) : the_post();
?>
<div class="headline-entry clr">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php getImage('1'); ?>&w=50&h=40&zc=1" alt="<?php the_title(); ?>" class="alignleft" />
</a>
<h1><a href="<?php the_permalink() ?>"><?php echo short_title(15); ?></a></h1>
<?php echo short_excerpt(30); ?>
</div>
<?php endwhile; else: ?>
<p>Não foi encontrado nada</p>
<?php endif; wp_reset_query(); //Reset Query ?>
</div>
Acho que é relativamente simples de perceber:
<?php short_title(15); ?> mostra o título, entre parênteses limitas o tamanho do titulo por caracter
<?php echo short_excerpt(30); ?> mostra o excerto, entre parênteses limitas o tamanho do excerto por caracter
No teu caso também podes substituir o <h1> do título por <li> por exemplo (não esqueças de abrir o <ul> também), no meu caso convém que seja h1.
O único senão é que caso o post não tenha imagem vai aparecer, no IE, o símbolo da falta de imagem, nos outros não aparece e dá para contornar com css, ainda que vá criar um erro 404 para a imagem. Ainda não procurei solução para isso, mas se usas sempre imagem este problema não se coloca.
Vê lá se serve para o que queres, eu ainda não experimentei isto em produção, mas pelos testes tem funcionado a 100%. Já agora, se alguém encontrar alguma coisa que não esteja bem dê uma apitadela