Mostrar los posts en el theme de WordPress : el loop

     

    

    


    

    

    

    

    


    


    
En este post encontrarás...



    
 

    

    


    

    

    


    


     

      
    
    
    
    

    


    


    

    

    
    
Not Found

    
Disculpa, pero estás buscando algo que no esta aquí.
    
    
    
    
    
    

Puedes descargarte el código del fichero index.php , o verlo como imagen.

Lo primero que hacemos es llamar a las funciones get_header y get_sidebar , que es como hacer un include de header.php y sidebar.php.

Después creamos el div con id “mainContent” y que será donde inluyamos nuestros posts.

Antes de comenzar el loop se hace una comprobación, no hace falta investigar mucho para entender lo que hace la linea

 if(have_posts)

Por lo tanto, si hay posts, comienza el loop.

Recorremos todos los posts con el bucle while, la funcion have_posts devuelve trae si hay posts para recorrer y la funcion the_post(),carga en memoria todos datos del post actual, por lo tanto, a partir de ahora , todas las funciones de WordPress que usemos usarán los datos del post actual cargado mediante the_post().

Puedes encontrar más información sobre el loop en este post del blog de Andrés Nieto

$postCount hace de contador para poder aplicar estilos alternos o algo similar.

Metemos cada post en un div con clase «entry» y dentro de este div hacemos otro para el título del post con clase entrytitle y ademas le aplicamos una clase con nombre entry-NumeroDelPost, por lo tanto podremos asignar estilos especiales a los posts creando clases en nuestra hoja de estilos como entry-1 , entry-2, etc…

Dentro de la clase entrytitle,creamos el título del post con este código :

La función the_permalink() genera el enlace al post actual cargado en memoria mediante the_post.

La función the_title() imprime el título del post actual.

Cerramos el div entrytitle y creamos un nuevo div con clase entrybody. Aquí imprimiremos el contenido de la entrada.

El código que va dentro de entrybody es este :

La función the_content imprime el contenido de la entrada y admite como parámetro el texto que tendrá el enlace leer más.

Lo siguiente será imprimir información sobre el autor de la entrada y un enlace a los comentarios.

Este es código que lo hace :

Creamos un div con clase entrymeta y dentro otro con clase postinfo.

Dentro del div postinfo imprimimos una imagen, yo uso una con un muñeco con forma de persona. Y acto seguido llamamos a la función the_author_posts_link(), la cual imprime un enlace que abre todos los posts del autor.

Después imprimimos otra imagen para los comenatarios y después usamos la funcion comments_popup_link , cuyos tres primeros parámetros de entrada son el mensaje mostrado cuando no hay comentarios, el mensaje cuando solo hay un comentario y e mensaje cuando hay varios comentarios , usando % como comodín que se sustituye por el numero de comentarios. Después usamos la funcion edit_post_link que imprime , en caso de que seas administrador un enlace para editar el post.

Después de esto cerramos el loop con :

<?php endwhile; ?>

Y por último mostramos los enlaces de navegación :

Dentro del div con clase navigation imprimimos el enlace para ir a la pagina de atrás mediante la función php next_posts_link y mediante previous_posts_link imprimimos los de la página siguiente.

Después de esto,con <?php else : ?> generamos la salida para el caso de que no hayan posts, este else corresponde al primer if(have_posts()).

Por último cerramos el el if, y llamamos al pie de página mediante la funcion get_footer(), que es como hacer un include de footer.php, que crearemos más tarde.

Y para finalizar cerramos todas las etiquetas html.

Ya tenemos nuestro punto de entrada para la portada del theme y hemos visto como funciona el loop de WordPress. Lo siguiente es crear el fichero single.php y el fichero archives.php.