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:

Entradas relacionadas

3 comentarios en “WordPress cómo crear listado de posts agrupados por categoría”

Deja un comentario

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