Autor del post debajo del título

Un lector del Escaparate me pide que explique los pasos para que el nombre del autor de los post, se muestre debajo del título de las entradas.
No es demasiado complicado, hemos de localizar esta parte del código de nuestra plantilla con los artilugios expandidos:

<p class='post-footer-line post-footer-line-1'>


Normalmente justo debajo de esa línea, aunque puede ser que si hemos modificado algo en esa zona el código no este justo ahí, pero si ha de estar cerca, así que servirá para situarnos, veremos esto:

<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>


Lo copiamos,lo eliminamos y pegamos su copia debajo de esta línea que encontraremos algo más arriba de donde hemos copiado el código anterior:

<div class='post-body'>


En algunas plantillas esta línea es ligeramente diferente:

<div class='post-body entry-content'>

Actualización

FranKeinas me pide en los comentarios si hay alguna manera de cambiar la apariencia del autor una vez posicionado debajo del título del post. En concreto se refiere a la alineación (a la derecha), cambio de color y tipo de letra, podemos hacerlo usando para ello el css.

[1] En el código de nuestra plantilla localizamos la etiqueta ]]></b:skin> y justo encima añadiremos las líneas de css necesarias:

.post-author{
font-size: 100%;
color: #2462a5;
float:right;
text-transform:uppercase;
}


font-size: 100%; Tamaño del texto.
color: #2462a5; Color del texto.
float:right; Posición a la derecha.
text-transform:uppercase; Texto en mayúsculas. Podemos cambiarlo por "normal".

0 comentarios:

Publicar un comentario