Como crear una sección de ???Acerca del autor??? en WordPress

Como ya os he comentado en el blog nos hemos embarcado en un nuevo proyecto. En esta nueva página quería darle un toque más personal a los post individuales, cosa que no descarto hacer también en este. Siempre me ha gustado la sección que tienen algunos blog en el muestran la biografía del autor y un pequeño avatar. En general lo os voy a enseñar es como poner un sección muy original de Acerca del autor. La información la he sacado este post de El Webmaster, aunque he adaptado el CSS a mi gusto.

Rellenar la información necesaria

Primero debemos de rellenar en nuestro perfil de WordPress la sección “Acerca de ti” que la podréis encontrar en Usuarios -> Tu perfil. Te recomiendo que ya que modificas esta sección, completar lo más posible para posible opciones futuras.

Estructura de las etiquetas de WordPress

       
       

<?php the_author_posts_link(); ?> | Ha escrito <?php the_author_posts(); ?> post

       

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

   

Como veis encontramos un Avatar en la parte de la izquierda, que nos lleva a la web del autor y a la derecha de esta, un poco de información del autor en el blog. Os recomiendo que os leeis la etiquetas the_author del codex de wordpress. Os será realmente útil.

Estilos CSS

Una vez montada la estructura nos falta introducir el código CSS. Os recomiendo que lo hagáis en la hoja de estilos de vuestra plantilla (style.css)

.author-info {
    width:540px;
    background:#d7d0b9;
    padding:4px 10px;
    font:normal 12px/12px Verdana, "Times New Roman", Times, serif;
    color:#000;
    margin:20px 0 0 0;
    min-height: 115px;
}
.author-image 
{
 float: left; margin: 0 10px 5px 0; 
 width: 90px;
 height: 82px; 
}

.author-image img
{
 border: 5px solid #FFF;
}

Y ya está obtendremos un bonito resultado, que permitirá tener más personalizado nuestro blog.

Seguramente habrá plugins que hagan esto mismo. Pero como podéis ver son 3 pasos muy simples.

Deja un comentario