Estilos diferentes para varios autores

Hace unos días me preguntaban la forma de escribir varios autores en un blog y que el estilo de las entradas fueran distinto para cada uno de ellos.
Podemos conseguir de forma muy sencilla diferenciar las entradas añadiendo unas líneas en la CSS. En este caso yo las diferencié con distinto color de fondo pero podemos variar el borde, tipo de letra, color, añadir imagen de fondo, redondear esquinas...
Nos situamos justo antes de ]]></b:skin> y añadimos lo siguiente:

.María {
background-color:#D6C0D1;
padding: 0px 25px 25px 20px;
}
.Jesús {
background-color:#CAE8AD;
padding: 0px 25px 25px 20px;
}
.Olga {
background-color: #A0CBFF;
padding: 0px 25px 25px 20px;
}

Guardamos los cambios y nos dirigimos a  Plantilla de entrada que la encontraremos en Configuración|Formato.
Allí buscamos donde dice "Plantilla de entrada"  en el espacio disponible añadimos lo siguiente:
<div class="María">
Aquí escribe María...
</div>

<div class="Jesús">
Aquí es Jesús...
</div>

<div class="Olga">
Y aquí Olga...
</div>

Guardamos los cambios otra vez y nos disponemos a escribir nuestra entrada, en el editor veremos algo así:


El resto es muy sencillo cada autor escribe en el espacio que tiene destinado para ello, el resto de código que pertenece a los otros autores lo elimina y listo.


¡Suerte!!

0 comentarios:

Publicar un comentario