Este TIP es una forma rápida de hacerlo y de que funcione. No obstante, en un post aparte, veremos como hacerlo más correctamente y cambiar más propiedades de las imágenes.Ahora vamos a "Editar HTML" para modificar la plantilla.
Este ejemplo es concretamente para ajustar el ancho de todas las imágenes de los post a 500px. Para asegurarnos de que la imagen no se distorsiona debido a una posible declaración anterior de la etiqueta, añadimos que, por si acaso, vuelva a calcular el alto en función del ancho que le acabamos de especificar.
Al añadir "!important" estamos indicando que sobreescriba cualquier declaración anterior y es por esto por lo que este código ha al final de todos los estilos.
A continuación, vamos a la ventana de modificar plantilla en HTML (mas detalles aquí).
Justo delante de "]]></b:skin>" introducimos el siguiente código:
.post-body img { width: 500px!important; height: auto!important; }
Para ajustar las imágenes a otro tamaño sólo has de cambiar "500" por el tamaño que desees.
No hay comentarios:
Publicar un comentario