Crear un Author Box en WordPress

Publicado el 26 diciembre 2009, en Blog, Como se hace, Tips, how to, tutorial, por David ko0perfield
votar

Como muchos de ustedes amables lectores frecuentes ya saben, en este blog colaboran varias personas, y es por eso que hace algunos meses se hizo necesario identificar de manera más explícita a cada uno de los que dedican su tiempo a publicar artículos de interés.

En esta ocasión toca turno al author box o cuadro de información del autor, que aparece en la parte inferior de cada uno de los post que se encuentran en este blog:

Para esto haremos las modificaciones en el archivo single.php del theme que estemos utilizando, agregando estas líneas de código donde deseemos que aparezca el Author Box:

<div id="authorbox">
<?php if (function_exists('get_avatar')) { echo get_avatar( get_the_author_email(), '70' ); }?>
<div class=authortext">
<h4>Escrito por <a href="<?php the_author_meta('user_url'); ?>"><?php the_author_meta('display_name'); ?></a></h4>
<p align="justify"><?php the_author_meta('description'); ?></p>
</div>
</div>

Este código consulta los datos directamente del perfil de cada autor en wordpress, en este caso de los campos:
Mostrar este nombre públicamente
Tu imagen
Web
Información biográfica

Ahora solo resta darle formato en la hoja de estilos css, para que se vea mono, esto lo haremos desde el archivo style.css del theme:

/* Estilos CSS para su Caja de Autor */
#authorbox{ background: #EFEFEF; border: 1px solid #010100; width: 585px; margin: 0 auto; margin: 10px 0 10px 0; overflow:hidden; min-height: 115px; height: auto !important; height: 115px; }
#authorbox h4{ font-size: 16px; color: #191919; margin:0; padding: 10px 10px 5px 10px; }
.authortext{ padding: 0 20px 0 100px; }
#authorbox img{ margin: 10px; padding: 0px; float: left; border: 5px solid #ccc; }
#authorbox p{ color: #191919; margin: 0; padding: 0px 10px 10px 10px; }
#authorbox p a { color: #191919; }

Espero que les sea de mucha utilidad, pueden modificar los estilos de texto y los colores, así como otros datos adicionales.
Por último suban los archivos a su respectivo sitio en su servidor.

Related Posts with Thumbnails If you enjoyed this post, make sure you subscribe to my RSS feed!

Etiquetado con:
 
David ko0perfield

Escrito por David ko0perfield

Blogger radicado en Oaxaca, México, fundador de bitacorita.net. Administrador del blog, novio de Sinai, dedicado a la lectura, la música y el café. Escritor de medio tiempo. Autodidacta, aficionado al diseño web, orgulloso estudiante de Ingeniería Civil.

1 Comentario » para “Crear un Author Box en WordPress”

  1. FeedBurner FeedBurner

    Información Bitacoras.com…

    Valora en Bitacoras.com: Como muchos de ustedes amables lectores frecuentes ya saben, en este blog colaboran varias personas, y es por eso que hace algunos meses se hizo necesario identificar de manera más explícita a cada uno de los que dedican su t…..

Dejar un comentario



Bitacorita.net 2010 : Come frutas y verduras.

Top Blogs oaxaca Ranking de blogs de México