Tutorials
Deporte
Cómo configurar la imagen del slideshow y de las categorías
Esta seccion agrupa todos los ajustes relacionados con las imagenes utilizadas por PrestaBlog.
Encontraras ajustes para:
- imagenes de articulos
- imagenes de categorias
- imagenes del slideshow
- imagenes de productos asociados
- imagenes de autores
Estos ajustes definen las dimensiones y formatos utilizados al subir nuevas imagenes.
Para actualizar las imagenes ya publicadas segun los nuevos ajustes, hay una herramienta complementaria disponible en Herramientas > Regenerar Imagenes.
La configuracion del tamano de imagenes y la herramienta de regeneracion funcionan juntas: se recomienda definir estos ajustes tan pronto como se instale el blog, o regenerar las imagenes si se realizan ajustes en un blog existente.
Como Identificar el Ancho de la Imagen
Al configurar los tamanos de imagenes, es importante conocer el ancho realmente utilizado por tu tema en el listado del blog.
El siguiente procedimiento permite obtener facilmente esta informacion, directamente desde el front-office:
- Ve a la pagina principal de tu blog, donde se muestra el listado de articulos
- Toma el primer articulo mostrado
- Haz clic derecho en el titulo de este articulo
- Haz clic en "Inspeccionar"
La herramienta de desarrollo se abre y generalmente selecciona el titulo del articulo. En el codigo, localiza el bloque justo encima del titulo, que contiene la imagen. Este bloque se identifica por class="block_top".
Pasa el raton sobre este bloque en la herramienta de desarrollo. El navegador entonces muestra directamente las dimensiones del bloque en pixeles en la pantalla. El ancho mostrado corresponde al ancho base utilizado para la imagen en el listado.
Considerar el Zoom al Pasar el Raton
Algunos temas aplican un efecto de zoom al pasar el raton sobre las imagenes en los listados.
La dimension medida corresponde al tamano de visualizacion inicial. Al pasar el raton, la imagen se agranda. Para mantener una imagen nitida y evitar cualquier pixelacion, se recomienda usar una imagen mas grande respetando las proporciones.
Por ejemplo, si el ancho medido es de 400 pixeles:
- multiplicar por 1.5 da 600 pixeles
- multiplicar por 2 da 800 pixeles
Este metodo permite preservar las proporciones de la imagen mientras se asegura una buena calidad, incluso al pasar el raton.
Compartir este contenido
