Cómo mostrar una página listando a todos los contribuyentes de un blog

Hoy veremos cómo crear una página en nuestro site que permita listar, con sus avatares y otra información de contacto, a los múltiples autores que se hayan registrado en nuestra web como escritores/colaboradores.

1- Creando una página especial para ello

Vamos a crear un archivo llamado los-autores.php. Su contenido sería, por ejemplo, el siguiente:

<?php
/*
Template Name: Autores
*/
?>

<?php get_header(); ?>

<div class="autores">
	<ul>

	</ul>
</div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Veréis que hemos creado lo que se llama un template personalizado de página. Su función es darle una forma distinta de la página que WP nos crearía por defecto con page.php, en este caso para listar autores programáticamente.

Fijaos que hemos dejado vacía la lista, en la que más tarde deberemos pegar algo de PHP.

Tendremos asimismo que dar algunos estilos de CSS al espacio creado:

.autores{ /*nuestro código aquí*/ }

Seguidamente, vamos a asignar este nuevo template a una página publicada y vacía en nuestra Administración:

Páginas >
  Crear Página >
    Creamos el título >
      Asignamos el template especial que acabamos de crear >
        Publicamos.

2- Abriendo functions.php y pegando el código mágico

Abriremos ahora functions.php en nuestro tema (o lo crearemos y emplazaremos junto al resto de los archivos del mismo) y pegaremos en su interior el siguiente código (al final de todo):

copiar y pegar

No olvidemos que el código debe ser emplazado entre tags de apertura y cierre de PHP, ya sean los que tengamos de entrada en el functions.php de nuestro tema, ya sea añadiéndolos si debemos crearlo:

<?php
// código propuesto aquí, acaso con el resto de funciones con las que el tema nos viniera
?>

Este código nos está preparando para que nos sea posible más tarde hacernos con el avatar de cada uno de nuestros autores registrados, su nombre, un link a su website y a su cuenta de Twitter.

Pegaremos ése código, salvaremos y cerraremos.

3- ¡Nota! Twitter como campo extra en el perfil

Ya que por defecto ese campo no está ahí y siempre puede ser interesante añadirlo (o cualquier otro campo extra), podemos seguir las instrucciones aquí.

4- Regresando a los-autores.php

Llega el final. Iremos a los-autores.php, lo abriremos y pegaremos, en el interior de la lista que dejamos a punto, el siguiente código, que nos desarrollará la función que hemos creado en functions.php:

<?php contributors(); ?>

Salvaremos y cerraremos. Nos podemos dirigir entonces a la página que publicamos, abrirla como si la fuésemos a editar y clicar en Ver Página para comprobar el resultado.

¡No olvidéis copiar su URL y añadirla al menú principal de vuestro site!

Esperamos que el truco os resulte de utilidad.

Comentarios
  1. Gerardo

    Una consulta: Para que pueda mostrar esta plantilla tengo que poner el mismo título que le asignamos a la platilla?

    /*
    Template Name: Autores
    */

    Escrito el27/03/2010
  2. Hola Gerardo, no, le puedes asignar el título que quieras, ése título es simplemente para que puedas encontrar la plantilla cuando estás escribiendo la Página (la plantilla aparece dentro de un menú a ese fin).

    Escrito el11/04/2010
  3. Rmn

    hola, muy bueno el tuto, genial pero no le hice el CSS y se me veía terrible pero lo aprenderé a hacer :/ una cosita: es justamente por eso que no puedo escribir nada? mi intención es esta: acá nos presentamos lo admines del blog, y un sincero agradecimiento a nuestro colaboradoes… y ahi recien la lista que se ve muy bien por cierto. Entonces… estoy haciendo algo más mal aparte de lo del CSS?

    Escrito el27/04/2010
  4. Hola Rmn, gracias por señalarlo, aquí no usé un loop pero si queremos añadir contenidos a la página, tienes que pastear un loop antes de la lista, por ejemplo:

    <?php
    if (have_posts()) :
    while (have_posts()) :
    the_post();
    ?>

    <?php the_title(); ?>
    <?php the_content(); ?>

    <?php endwhile;
    endif;
    ?>

    Escrito el28/04/2010
  5. Rmn

    El lup! claro! Jeje, ahora me siento tonto por haber preguntado… Muchas gracias.

    Escrito el28/04/2010
  6. Ignacio!! me has salvado el pellejo. Buenisimo tu tutorial y tu codigo!! Muchisimas gracias!

    Escrito el11/11/2010

DEJA TU COMENTARIO