Las entrañas de WP (VI): código completo del bucle
Continuando con nuestro post anterior sobre El Bucle de WP, hoy vemos el contenido de las secciones 1 y 2.
Básicamente, la salida de cada post se compone de su título, la fecha y el contenido en sí. Para cada uno de esos elementos, se utiliza una función PHP concreta. En el wiki de WP se explican todas las funciones existentes. Para obtener la salida del post se usan las siguientes:
<?php the_title() ?> para escribir el título del post
<?php the_date() ?> para escribir la fecha en la que se escribió el post
<?php the_content() ?> para escribir el contenido del post
De esa forma obtenemos el código de la sección 1:
<div class=’post’>
<h2> <?php the_title() ?> </h2>
<p> <?php the_date() ?> </p>
<?php the_content() ?>
</div>
Ahora adornaremos el código con algunas cosas más. En primer lugar se puede añadir el enlace permanente al título, usando la función <?php the_permalink() ?>. También añadiremos el enlace de navegación hacia los posts anteriores o siguientes con la función <?php link_pages(‘<p>’,'</p>’) ?>. En este punto observamos algo distinto en la llamada a las funciones PHP. Se trata de los argumentos ‘<p>’ y ‘</p>’ que se le pasa a la función. Existen diversos valores de los argumentos que se pueden utilizar tanto en esta función como en su equivalente <?php link_pages(‘arguments’); ?>.
Para la sección 2 simplemente necesitamos escribir un mensaje que indique que no se encontraron posts.
Veamos, pues, el código del bucle completo:
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div class=??post??>
<h2> <a href=??<?php the_permalink() ?>??> <?php the_title() ?> </a> </h2>
<p> <?php the_date() ?> </p>
<?php the_content() ?>
<?php link_pages(‘<p>’,'</p>’) ?>
</div>
<?php endwhile; else: ?>
<p>Sorry, no posts could be found to match your criteria.</p>
<?php endif; ?>
Modificar el formato y el estilo de las plantillas de WP es muy fácil, utilizando un poco de HTML; CSS y las funciones PHP de WP.
También puedes leer:
