El tema Divi no permite de forma nativa añadir una biografía del autor al final de las entradas del blog. Si tu blog tiene varios escritores (o incluso si eres el único), puedes mostrar una pequeña biografía al final de cada entrada. En este tutorial, voy a explicar dos maneras de añadir una "caja de autor " a tus entradas: con o sin un plugin.
Aviso: este artículo contiene enlaces de afiliación que reconocerá fácilmente. Los enlaces clásicos están en púrpura y los patrocinados en rosa.
Método 1: Añade una biografía al final de tus artículos con Simple Author Box
Añade fácilmente una biografía de autor con el plugin "Simple Author Box"
Caja de autor simple es un plugin freemium cuya versión gratuita ya es más que suficiente para añadir una bonita caja de autor al final de tus artículos.
La apariencia de las cajas de autor se puede configurar desde los ajustes generales del plugin. Hay muchas opciones disponibles.
Desde su perfil, cada usuario (administrador, editor, colaborador, autor...) podrá añadir fácilmente las redes sociales que utiliza.
Así es como se hace:
1. Instalar y activar Simple Author Box
Como de costumbre, vaya a la pestaña Extensiones > Añadir e introduzca Simple Author Box en el campo de búsqueda. Instálalo y actívalo.
2. Realice la configuración del plugin
Verá una nueva pestaña en la barra lateral izquierda de su pantalla de administración: Simple Author. Aquí es donde puedes empezar a personalizar tus cajas de autor.
- La pestaña CONFIGURACIÓN: aquí puede decidir si se muestra o no el "cuadro de autor", el correo electrónico, la apertura en una nueva pestaña, los iconos, etc.
- La pestaña APARENCIA: aquí puedes personalizar los márgenes, elegir el aspecto de la foto (redonda o cuadrada) y decidir el aspecto de los iconos de las redes sociales.
- La pestaña COLORES: aquí todo es personalizable. Puedes cambiar el color de la "caja de autor", el fondo de los iconos, los enlaces, el texto, etc.
- La pestaña TIPOGRAFÍA: aquí puede definir el tipo de letra para los títulos, el texto, etc. Puedes elegir entre el catálogo de Google Fonts.
3. Añadir iconos de redes sociales a la biografía de los autores
La segunda parte de la configuración del buzón de autor simple se encuentra en la configuración de tu perfil.
- En la pestaña Usuarios > Su perfil, puede :
- Introduzca su biografía. Esto es nativo de WordPress, así que no necesitas este plugin para introducir tu biografía. Pero si quiere que su "caja de autor" tenga impacto, asegúrese de rellenar este campo.
- Añade una ilustración a tu perfil. Esto es automático si se utiliza Gravatar.
- Si no utiliza un perfil Gravatar, Simple Author Box le permite subir una imagen para ilustrar su perfil.
- Por último, puedes añadir tantos iconos sociales como necesites. No olvides rellenar la URL de cada uno de tus perfiles.
4. Compruebe el resultado
Una vez que hayas realizado tus ajustes y personalizaciones, podrás ver tu biografía al final de cada uno de tus artículos.
Iconos del tipo "Símbolos
Iconos "Colored - Circle".
Iconos del tipo "Colored - Square - Long shadow effect".
5. Ventajas e inconvenientes de este método
Este método es ideal si mantiene un blog con varios autores. De este modo, cada escritor podrá personalizar su perfil a través de la pestaña Usuarios > Su perfil.
Si eres el único editor de tu blog, ¿es realmente necesario añadir un plugin de este tipo? Tal vez porque es fácil de usar y la representación es bastante buena... Si no, tienes una alternativa: codificar tu biografía al final de cada artículo...
Método 2: Añadir una biografía al final de tus artículos sin necesidad de un plugin
El plugin Simple Author Box ofrece tantas posibilidades que no estoy seguro de que necesites o quieras usar el método sin plugin. Aquí tendrás que meter las manos en el código y ser creativo para optimizar el aspecto de tu caja de autor utilizando CSS... ¿Pero por qué no?
Esto es lo que tendrá que hacer:
1. Modificación del single.php en un tema hijo
Para este método sin plugin, necesitarás en primer lugar crear un tema hijo de Divi.
A continuación, tendrá que :
- copie el archivo single.php del tema padre y péguelo en su tema hijo.
- editar este archivo single.php con un editor de texto como SublimText (o Bracket)
- añadir - después de la línea 142 de single.php - este trozo de código:
Nota: todos los enlaces rojos en el código anterior deben ser sustituidos por sus propios enlaces de redes sociales.
Código a añadir a single.php - después de la línea 142
2. Añadir CSS para mejorar la apariencia de la caja de autor
Por último, una vez insertado el código en el lugar correcto de tu archivo single. php, puedes mejorar la apariencia con un poco de CSS. Para mi ejemplo, este es el código CSS que he utilizado:
.ad-author-box {
border: 2px solid;
padding: 30px 30px 60px 30px;
margin-top: 60px;
box-shadow: 5px 5px 0px 0px #e1e1e1 !important;
}
.ad-author-title {
margin-bottom: 20px;
}
.ad-author img{
float: left;
margin-right: 20px;
border-radius: 50%;
box-shadow: 3px 3px 0px 0px #e1e1e1 !important;
}
.ad-icon-author{
padding-top: 45px !important;
background-color: #ffffff;
padding-right: 20px !important;
}
Este código CSS debe añadirse a la pestaña Apariencia > Personalizar > CSS adicional o al Divi > Opciones del tema > Ficha general (al final de la página).
3. Compruebe el resultado
Una vez que hayas modificado el single.php y añadido el CSS, deberías ver una biografía del autor al final de cada una de tus entradas que se parece a la captura de pantalla de arriba. Si no estás contento con el diseño, puedes cambiarlo fácilmente usando CSS.
4. Ventajas e inconvenientes de este método
Este método es ideal si (y sólo si) usted es el único editor de su blog y no quiere cargar su sitio con un plugin adicional. Sin embargo, Simple Author Box hace bien su trabajo... a ver...
En conclusión...
Has visto que es bastante fácil añadir una biografía de autor al final de tus artículos. ¿Es realmente necesario? No... ¿Es interesante? Sí.
De hecho, poner al autor por delante puede ser interesante porque humaniza el artículo. El internauta ve que hay un humano real detrás de un artículo del blog, crea interés, interacción... y eso siempre es bueno. Además, le permitirá darse a conocer porque no todos los internautas se toman la molestia de visitar su página "Acerca de".
0 commentaires