Añadir la biografía del autor donde tú quieras

Cómo puedes añadir la biografía del autor del artículo donde quieras

Esta semana veremos cómo podemos añadir la biografía del autor donde tú quieras, dentro de la página web.

Este artículo completa la serie de mostrar publicaciones en la barra lateral y mostrar los artículos más comentados.

Código que vamos a utilizar para añadir la biografía del autor

Como viene siendo habitual desde hace tiempo, utilizaremos un código sencillo del que explicaremos qué significa y dónde debemos colocarlo.

Este es el código que vamos a usar en este ejemplo:

En este código se crea la variable author que contendrá la información del autor del artículo (post_author). A continuación, se establece que si un artículo es de un autor, se cree una caja (un div) que contenga la información de ese autor concreto, y con una información concreta (descripción, imagen de avatar, nombre del autor y descripción).

¿Dónde tenemos que colocar este código?

Una vez que ya sabemos qué hace este código, tenemos que saber dónde debemos colocarlo. En este caso, tenemos que colocarlo en el archivo single.php de tu tema activo, por lo que te aconsejo que crees un child theme.

Presentar bien esta información

Con todo lo anterior, ha se mostraría la información del autor, pero ¿no estaría bien que se mostrara de una forma más bonita y con un poco de diseño?.

Podemos utilizar un poquito de código CSS para mostrar esa información más atractiva. Te propongo el siguiente código:

.author-box .author-name {
display: inline;
clear: none;
font-weight: bold;
}
.author-box {
display: inline-block;
width: inherit;
background-color: #3c3c3c;
margin: 0 0 40px;
padding: 20px;
}
.author-box .author-img {
margin-right: 20px;
margin-bottom: 20px;
float: left;
}
.author-box .author-img img {
border-radius: 50%;
}

Con este código se crea una caja de un color gris claro, con la información del autor del artículo y con su imagen (avatar) redonda.