problema con "loop" de wordpress

[Ulita]

Buenas!
Tengo un par de problemas haciendo mi primer theme de wordpress, quería saber si podían ayudarme.
Mi problema principal es en index.php, con el loop de wordpress. El hecho es que necesito que muestre las entradas publicadas una al lado de la otra, su titulo y una imágen individual que todas van a tener; al acceder a la entrada debería aparecer esta misma imagen y una descripción.

Con el loop que estoy usando solamente consigo que muestre las imágenes de las entradas pero no me muestra el título de la entrada. Traté llamando a the_title(); antes de la imágen y así las muestra, pero todas las imágenes se desalinean y cuando trato de encerrarla en divs para darles propiedades con css... empeora el tema de la alineación.
¿Alguien sabe como puedo hacer para que aparezca el título de la entrada sobre cada imágen?

Actualmente estoy usando este código para el loop:

Código HTML:

<div id="loop">
   
    <?php   if (have_posts()) :     while (have_posts()) : the_post(); ?>
    <div class="cadapost">
    
         <a href="<?php the_permalink();?>" title="<?php the_title(); ?>" class="img-loop">
     <img src="<?php echo catch_that_image() ?>" alt="<?php the_title(); ?>"/>
     </a>
 
    </div>  
 
    
    <?php endwhile; ?>
 
    
            <div class="alinea">
                        <?php next_posts_link('&laquo; Anterior') ?>
            <?php previous_posts_link('Siguiente &raquo;') ?>
                        </div>
    
    
    <?php else : ?>
    
    
        <h2 class="center">Oops!</h2>
        <p class="center">Parece que estás buscando algo que no esta aquí. ¡Podés tratar de nuevo!</p>
        <?php get_search_form(); ?>
 
    <?php endif; ?>
</div>
 

Muchas gracias ^^