Biografía de Autor en GeneratePress: ¿Cómo Hacerlo?

GeneratePress es mi tema de wordpress favorito debido a que es uno de los más rápidos y es uno de los más rápidos ya que lo puedes instalar en uno ilimitado de sitios.

Una de las cosas que estaba considerando era agregar una biografía del autor pero no quería instalar un plugin para hacerlo.

En una búsqueda descubrí que lo puedes hacer por medio de los hooks de GP Premium.

Lo primero que debes hacer es activar Elements

Y luego debes ir a la pestaña de apariencia y una vez ahí, a la pestaña de elementos

Debes hacer clic en añadir nuevo element y escoger Hook dentro de las opciones.

Agrega el nombre que quieras al hook, Author Bio puede ser.

Y luego pegas este código en el contenido del Hook.

<div class="author-box">
	<div class="avatar">
		<?php echo get_avatar( get_the_author_meta('user_email'), '96', '' ); ?>
	</div>
	<div class="author-info">
		<h5 class="author-title" itemprop="author" itemscope itemtype="http://schema.org/Person">
			<span itemprop="name"><?php printf( get_the_author_meta( 'display_name') );?></span>
		</h5>
		<div class="author-summary">
			<p class="author-description"><?php echo wp_kses( get_the_author_meta( 'description' ), null ); ?></p></div>
		<div class="author-links">
			<a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>" title="Read more">...</a>
		</div>
	</div>
</div>

Una vez que escoges eso, debes de escoger en que parte del sitio debe el contenido mostrarse y en que publicaciones debes hacerlo.

Lo puedes hacer de esta manera:

Escoge generate_after content, marca la casilla que dice Execute PHP y escoge una prioridad entre 10 y 20 dependiendo si ya has creado otros hooks

Luego escoge en que partes del blog, quieres desplegar la Biografía del autor

Para que el author box luzca mejor asegúrate de agregar este CSS a tu sitio yendo a Apariencia, luego a personalizar y por ultimo a la casilla que dice Additional CSS.

.author-box {
	padding: 3%;
	padding-bottom: 10px;
	margin-top: 60px;
	font-size: 0.9em;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 5px;
	box-shadow: rgba(23, 43, 99, .14) 0 7px 28px !important;
}
.author-box .avatar {
	width: 250px;
	height: auto;
	border-radius: 100%;
	margin-right: 30px;
}
h5.author-title {
	margin-bottom: 0.1em;
	font-weight: 600;
}
.author-description {
	line-height: 1.6em
}
.author-links a {
	margin-top: -1.5em;
	font-size: 2em;
	line-height: 2em;
	float: left;
}
@media (max-width: 768px) {
	.author-box {
		padding: 20px;
		padding-bottom: 0px;
		margin-top: 100px;
		flex-direction: column;
		text-align: center;
	}
	.author-box .avatar {
		margin-right: 0;
		margin-bottom: 10px;
		width: 100%;
		margin-top: -35px;
	}
	.author-box .avatar img {
		max-width: 100px;
	}
	.author-links a {
		float: none;
		align-self: center;
	}
	.author-description {
		margin-bottom: -1.1em;
	}
}

Y eso es todo amigos

Información Relacionada

Estas son algunas publicaciones que te podrian interesar

  1. Optimizar Vídeos en WordPress Fácilmente
  2. Reseña sobre Astra: Tema para WordPress
  3. Reseña Sobre GeneratePress
  4. Guía para Comprar un Tema de WordPress
  5. ¿Dónde Comprar un Nombre de Dominio Barato?
  6. 9 Errores Comunes de Seguridad en WordPress
  7. Plugins y Temas GPL: ¿Puedo Usarlos?
  8. 12 Plugins de Seguridad para WordPress
  9. 7 Plugins de Auditoria para WordPress
  10. Ataques de Fuerza Bruta: ¿Qué Hacer?

Sobre Jose manuel

Soy José Manuel, empecé un blog en el 2011 como un pasatiempo y para hacerlo en mis clases y poco a poco, me enamoré de WordPress. Espero que algo de todo lo que he escrito te sirva de ayuda.

RevistaWP

RevistaWP es un sitio donde registro mis pensamientos y descubrimientos sobre todo lo que sucede dentro del mundo WordPress

Contacto

Puedes contactarme por medio de los siguientes canales