WordPress cómo crear listado de posts agrupados por categoría

Introducción

Vamos a ver cómo debemos editar una plantilla para mostrar un listado de posts agrupados por categoría.

Agrupar los posts por categoría puede resultar muy útil para crear un menú. Podemos ver un ejemplo en el pie de la web  dinternet.

Código de fuente

<!–inicio listado de posts por categorias–>
<div>&nbsp;</div>
<div style=”width:100%;”>
<!– ejemplo para mostrar los últimos posts sin categorizar start–>
<!–<h2>Consulta los &uacute;ltimos art&iacute;culos:</h2>–>
<!–<ul><?php wp_get_archives(‘type=postbypost&limit=20&format=html’); ?></ul>–>
<!– ejemplo ara mostrar los últimos posts sin categoriza end –>

<!– list categories start–>
<!–<ul><?php wp_list_cats(‘sort_column=name’); ?></ul>–>
<?php

$categories=  get_categories(”);
$count=0;
foreach ($categories as $category) {
echo ‘<div style=”width:25%;float:left;display:inline;”>’;
echo'<h2><a href=”/category/archives/’.$category->category_nicename.'”>’.$category->cat_name.'</a> (‘.$category->category_count.’):</h2>’;
echo ‘<ul>’;
$postslist = get_posts(‘numberposts=5&offset=0&category=’.$category->term_id);

foreach ($postslist as $post){
//setup_postdata($post);
echo ‘<li><a href=”‘; the_permalink(); echo ‘”>’; the_title(); echo ‘</a></li>’;
}

echo ‘</ul>’;
echo $option;
echo ‘</div>’;
$count++;
if($count%4==0){echo ‘<div>&nbsp;</div>’;}
}

echo ‘</div>’;
?>
<!– list categories end–>
</div>
<!–fin listado de posts por categorias–>

Pendiente(ToDo)

  • Eliminar los estilos incrustados e incluirlos en una css.
  • Limpiar el código.
  • Utilizar variable para elegir cúando realizamos un salto de línea

Lista de funciones interesantes:

Bruno Rico Autor

Marketing, posicionamiento, diseño,accesibilidad, fotografía, internet...y un toque de banca (por de-formación profesional)

Comentarios

    Diana

    (octubre 22, 2013 - 10:35 am)

    muy buen aporte, felicidades porque es muy útil

    María

    (abril 15, 2014 - 6:24 pm)

    Muchas gracias. Me sirvió bastante.

    Guille

    (octubre 13, 2014 - 3:47 pm)

    Excelente aporte, muchas gracias

Deja un comentario

Tu dirección de correo electrónico no será publicada.