Configuración general del diseño del blog

En PrestaBlog, la personalizacion del diseno esta disenada para ser duradera y compatible con las actualizaciones del modulo.

Se recomienda encarecidamente utilizar las opciones de configuracion proporcionadas para este proposito en lugar de modificar directamente o anular plantillas o archivos CSS. Las anulaciones de plantillas complican las futuras actualizaciones, requieren comparar archivos despues de cada evolucion del modulo, y son una fuente frecuente de mal funcionamiento.

La seccion Configuracion > Diseno permite ajustar la apariencia del blog mientras se mantiene una estructura limpia y escalable.

Se basa principalmente en dos elementos:

• ajustes de colores para diferentes elementos del blog
• reglas CSS personalizadas, que permiten agregar estilos sin afectar los archivos del modulo

Los ajustes de colores permiten refinar visualmente:

• el menu del blog
• la paginacion
• los listados de categorias
• el contenido de los articulos
• el contenido de los bloques

Estos ajustes solo afectan al aspecto visual (colores, fondos, hovers) y se aplican globalmente.

Marcadores Visuales

Para algunos elementos mas complejos, PrestaBlog muestra una imagen explicativa junto a los campos de configuracion. Estas imagenes sirven como marcadores visuales para entender rapidamente que parte de la visualizacion corresponde a cada campo de color.

• cada campo de configuracion esta asociado con un numero
• este numero se muestra junto al campo
• el mismo numero aparece en la imagen de vista previa
• el marcador visual permite identificar precisamente el elemento grafico concernido

Este sistema permite ajustar el diseno de manera clara e intuitiva, sin modificar el codigo ni arriesgar conflictos durante las actualizaciones.

CSS Personalizado

PrestaBlog proporciona un campo de CSS personalizado que permite agregar reglas CSS personalizadas sin modificar los archivos del modulo o del tema.

Las reglas agregadas a traves de este campo se conservan durante las actualizaciones de PrestaBlog. Este es el metodo recomendado para hacer ajustes CSS especificos al blog.

Despues de cualquier modificacion al CSS personalizado, es importante tener en cuenta la gestion de la cache. Los navegadores pueden mantener las hojas de estilo en cache, lo que a veces impide ver los cambios inmediatamente.

Para forzar la recarga de la cache del navegador:

• en Windows: CTRL + SHIFT + R
• en macOS: CMD + SHIFT + R

Si los cambios no son visibles, puede ser necesario limpiar la cache de PrestaShop o desactivar temporalmente la minificacion de CSS para verificar el resultado. Ve a parametros avanzados > rendimiento.

Personalizar la visualizacion de las categorias

El aspecto de tus categorias puede ajustarse en dos niveles distintos, lo que ofrece una gran flexibilidad segun si deseas una coherencia global o una puesta en escena especifica para cada categoria.

Opciones globales en la configuracion

La seccion Parametros de visualizacion de las listas de articulos agrupa todos los ajustes que se aplican por defecto a todas tus categorias: numero de articulos por pagina, visualizacion de la imagen de portada, del resumen, de la fecha, del autor, etc. Es el punto de partida logico para definir una guia de visualizacion coherente en todo tu blog.

Personalizacion por categoria

Para ir mas lejos, cada categoria dispone de sus propias opciones de visualizacion, accesibles directamente desde la creacion o edicion de una categoria. Asi puedes, categoria por categoria, sobrescribir los parametros globales: elegir un diseno diferente, mostrar u ocultar ciertos elementos o definir una imagen de portada especifica.

Este funcionamiento en dos niveles — global y luego local — te permite gestionar eficazmente un blog con muchas categorias con identidades visuales distintas.

Y el tema?

La visualizacion del blog tambien esta condicionada por la disposicion elegida en los parametros del tema: numero de columnas, ancho del contenido, presencia de una sidebar... Estos ajustes interactuan directamente con el aspecto de tus categorias. Tenlos en cuenta si buscas ajustar la estructura general de tu blog.