Categoria en pagina

Hola, recientemente estaba creando una pagina y me he visto con la necesidad de colocar en una pagina un div que ocupe media pagina en el que haya unas miniaturas de las ultimas entradas(titulo,imagen destacada,mini resumen)y al lado otro div que contenga otros divs(todo esto ya esta hecho) he buscado plugins para colocar un shortcode en el div pero ninguno me convence, he encontrado una guia que al poner un codigo php en el archivo functions he logrado desde wordpress generar un shortcode sin necesidad de plugins, pero solo salen los titulos en lista y a mi me gustaria que saliera lo comentado antes, el codigo que puse en el functions es el siguiente:

function show_category_posts( $atts ){
        extract(shortcode_atts(array(
                'cat'=> ''
        ), $atts));
        query_posts('cat='.$cat.'&orderby=date&order=ASC&posts_per_page=-1');
        if ( have_posts() ){
                $content = '

<ul>
  ';
                  while ( have_posts() ){
                          the_post();
                          $content .= the_title('

  <li>
    <a href="'.get_permalink().'">', '</a>
  </li>', true);
                  }
                  $content .= '
</ul>';
        }
        //Reset query
        wp_reset_query();
        return $content;
}
add_shortcode('mostrar_cat', 'show_category_posts');

y el resultado es este: http://www.laconfederacio.org/new/
La verdad es que se lo minimo de php ya que dentro de poco quiero hacer un curso intensivo, alguien sabria como hacer lo mencionado?

Saludos.