Crear sección información de autor en wordpress

Publicado por Nikko el dia 18 Dec 2009 - Guardado en WordPress Leido 1,440 Veces

autor

En aquellos blog donde podemos encontrar más de un autor publicando artículos, es muy común encontrarnos con el crédito y biografía de un autor al final de cada una de las publicaciones. Si utilizáramos una plataforma fuera de wordpress, puede que llegue a ser un poco más complejo, pero desde wordpress es realmente simple de integrar a nuestros themes o plantillas. Si utilizamos themes prediseñadas puede que tengamos la suerte de que hayan sido integradas estas opciones, caso contrario deberemos integrarlo de forma manual; añadiremos nuestro código en el archivo single.php que acompaña a la estructura de nuestro theme. El objeto final, será mostrar el nombre de autor, vincularla a la página personal de quien escribe, extraer automáticamente su imagen de perfil gravatar y mostrar una pequeña biografía. Toda la información será extraída desde el perfil de usuario creado para cada uno desde wordpress.

Código a añadir en nuestro Single.php

PHP:
<div id="author-info">
    <div id="author-image">
        <a href="<?php the_author_meta('user_url'); ?>"><?php echo get_avatar( get_the_author_meta('user_email'), '80', '' ); ?></a>
    </div>   
    <div id="author-bio">
        <h4>Written by <?php the_author_link(); ?></h4>
        <p><?php the_author_meta('description'); ?></p>
    </div>
</div><!--Author Info-->

Damos estilo

CSS:
#author-info {
    background: #eaeaec; padding: 10px; margin: 0 0 15px 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: auto;
}
#author-info #author-image {
        float: left; margin: 0 10px 5px 0; border: 5px solid #DCDCE1;
    }

Además podremos añadir otras funcionalidades para ampliar la información de autor, como cantidad artículos publicados por cada uno de ellos, enlace a la dirección del usuario en AIM, entre otros.

PHP:
<?php the_author_meta('user_url'); ?>

the_author_meta () esta etiqueta puede ser utilizada para tirar varios fragmentos de información sobre el usuario, en este caso se usa para encontrar la URL del autor.

PHP:
<?php echo get_avatar( get_the_author_meta('user_email'), '80', '' ); ?>

get_avatar () esta etiqueta se utiliza para añadir la imagen gravatar del autor, y get_the_author_meta ( ') USER_EMAIL' para asociar el correo electrónico de usuario en los parámetros.

PHP:
<?php the_author_link(); ?>

the_author_link () etiqueta que se utiliza para caer el nombre del autor, y automáticamente vincularlo a su URL.

PHP:
<?php the_author_meta('description'); ?>

the_author_meta () etiqueta que se utiliza una vez más, esta vez con el parámetro para buscar la descripción del usuario, también conocido como sus datos biográficos.

PHP:
<p>Ver todos los post de <?php the_author_posts_link(); ?> </p>

Mostrar todas las publicaciones del usuario

PHP:
<p><?php the_author(); ?> ha escrito <?php the_author_posts(); ?> articulos en <?php bloginfo('name'); ?></p>

Contar cantidad de post publicados por usuario

PHP:
<p><?php the_author(); ?>'s AIM address is <?php the_author_meta('aim'); ?></p>

Enlace a la dirección del usuario de AIM
Mas Informacion How to Create an Author Info Section in Wordpress by line25.com

Publicado por Nikko

Soy un diseñador y desarrollador web situado en la Patagonia Argentina. Disfruto testear y conocer nuevos scripts, además de experimentar nuevas técnicas tanto en impresión como en desarrollo web. Como propietario de Patagonia Creative, divido mi tiempo entre la empresa, trabajos para Pymes, ONG y Gob. ////////// Facebook / linkedin / xing

Nikko ha publicado 1142 posts en Xyberneticos - Leer todos mis articulos Nikko

  1. [...] Leer Guía (Xyberneticos) | Fuente & más info: Line 25 (Chris Snooper, en inglés)   Compartir a2a_linkname="Un poco de mucho.com";a2a_linkurl="http://unpocodemucho.com"; Entradas Relacionadas [...]

  2. [...] Ver original aqu?: Crear sección información de autor en wordpress [...]

  3. Hades87 - Gravatar

    Hades87

    18-12-2009

    Permalink

    Muy interesante el artículo. Lo acabo de utilizar para un nuevo theme que estoy desarrollando y la verdad que ha quedado perfecto. Mil gracias por el tip!

  4. Kevin - Gravatar

    Kevin

    18-12-2009

    Permalink

    Ah muchas gracias :D ya lo implemente en mi nuevo proyecto y se ve de lujo.

  5. [...] bien, hace unos días publicaron en Xyberneticos un excelente tutorial explicando las principales funciones de WordPress orientadas a mostrar [...]

  6. Recientemente lo publique en mi blog hace como 1 o 2 meses y estuve en las mismas, lo implemente, batalle un poco con los floats pero ya quedo.

  7. [...] Crear sección información de autor en wordpress Por xyberneticos [...]

  8. [...] código utilizamos la etiqueta <pre> que en principio es de bloque o algún plugin que de formato visual al código con CSS. Con la propiedad CSS “overflow:auto” haremos que si el ancho es mayor aparecerá el scroll [...]

  9. [...] PHP: <?php echo get_avatar( get_the_author_meta(‘user_email’), ‘80′, ” ); ?> get_avatar () esta etiqueta se utiliza para añadir la imagen gravatar del autor, y get_the_author_meta ( ‘) USER_EMAIL’ para asociar el correo electrónico de usuario en los parámetros. PHP: <?php the_author_link(); ?> the_author_link () etiqueta que se utiliza para caer el nombre del autor, y automáticamente vincularlo a su URL. PHP: <?php the_author_meta(‘description’); ?> the_author_meta () etiqueta que se utiliza una vez más, esta vez con el parámetro para buscar la descripción del usuario, también conocido como sus datos biográficos. PHP: <p>Ver todos los post de <?php the_author_posts_link(); ?> </p> Mostrar todas las publicaciones del usuario <p><?php the_author(); ?> ha escrito <?php the_author_posts(); ?> articulos en <?php bloginfo(‘name’); ?></p> Contar cantidad de post publicados por usuario PHP: <p><?php the_author(); ?>’s AIM address is <?php the_author_meta(‘aim’); ?></p> Enlace a la dirección del usuario de AIM Mas Informacion How to Create an Author Info Section in Wordpress by line25.com Fuente: Xyberneticos [...]

  10. leandro - Gravatar

    leandro

    18-12-2009

    Permalink

    publicado en mi blog. de paso te dejo mi noticia http://www.globoludo.com/se-busca-colaborador-o-socio-te-pagamos-dinero/

  11. Diseño web - Gravatar

    Diseño web

    18-12-2009

    Permalink

    ñ_ñ

  12. [...] Fuente | Xyberneticos [...]

  13. [...] | Xyberneticos Categories: Internet, Wordpress Tags: author, code, entries, info, php, posts, show [...]

  14. Maquina, de que problema me han salvado. Un saludo y GRACIASSSS

  15. [...] de AIM Mas Informacion How to Create an Author Info Section in Wordpress by line25.com Visto en | Xyberneticos Pueden ver el tuto terminado abajo de este post, en la info que aparece mia [...]



Nombre: (Necesario)

E-mail: (Necesario)

Website:

Escribe tu comentario: