Configuracion

Tema

Esta seccion permite elegir el tema grafico utilizado por PrestaBlog.

Para una nueva instalacion, no se requiere ninguna configuracion particular. El tema por defecto Grid & Slide es el recomendado. Es la plantilla mas reciente, que integra las ultimas evoluciones de diseno con el uso de slides para muchos elementos del blog (bloques, pagina principal, etc.).

El tema Grid for 1.7 corresponde a un diseno mas antiguo. Sin embargo, sigue siendo totalmente compatible con PrestaShop 8 y PrestaShop 9 y las nuevas opciones ofrecidas por PrestaBlog.

El lado derecho de la pantalla permite seleccionar la disposicion del tema. Simplemente haz clic en la disposicion deseada para aplicarla. Las opciones proporcionadas solo afectan la disposicion visual de todo el blog y pueden cambiarse en cualquier momento sin afectar los datos ni el resto de la tienda.

Pagina Principal del Blog

Esta seccion contiene los ajustes relacionados con la pagina principal del blog PrestaBlog.

La primera parte se refiere a la configuracion general de la pagina principal. Puedes definir el meta titulo, la meta descripcion y el titulo H1. Todos estos campos son configurables para cada idioma, lo que te permite adaptar correctamente el contenido y el SEO segun el idioma del sitio. Tambien puedes activar o desactivar la visualizacion del slideshow.

URL de la Pagina Principal del Blog

Una segunda parte permite configurar la URL de la pagina principal del blog. Esta URL puede personalizarse libremente. Solo debes usar caracteres simples, sin acentos, espacios, comillas ni caracteres especiales.

Pop-up de PrestaBlog

El sistema de pop-up de PrestaBlog se activa desde esta pagina o en la pagina de configuracion global. Puedes activar o desactivar el sistema de pop-up. Cuando el pop-up no esta en uso, es recomendable desactivarlo para evitar cargar scripts innecesarios en las paginas del blog. Esto aligerara la carga y optimizara el rendimiento.

Si el pop-up esta activado, puedes elegir si se muestra en la pagina principal del blog y seleccionar que pop-up mostrar. Primero deberas haber creado un pop-up a traves de la pagina de gestion de popups.

Articulos en la Pagina Principal

Esta seccion es un acceso directo a la lista personalizada. Puedes agregar una seccion en la pagina principal que muestre los articulos de la pagina principal. La encontraras directamente en la pestana configuracion > pagina principal del blog.

• Agrega un titulo (por ejemplo: "Nuestras ultimas noticias"). Aparecera encima de la lista.
• Para mantener la coherencia, evita titulos o descripciones demasiado largos para limitar la duplicacion de contenido.
• Elige que categorias mostrar, con opcion de visualizacion aleatoria.

Si deseas cambiar la posicion de este bloque en relacion con otro, ve a la gestion de posiciones de PrestaShop en Diseno > Posiciones. Busca el hook displayHome, localiza PrestaBlog y muevelo arrastrando y soltando el bloque a la posicion deseada.

Configuracion Global

Configuracion de URLs (rewrite)

Esta parte permite gestionar la estructura de URLs del blog.

Puedes activar o desactivar las URLs amigables. En la mayoria de los casos, esta opcion esta activada, siempre que el servidor permita la reescritura de URLs.

Una vez activadas las URLs amigables, aparece una opcion adicional para eliminar los IDs numericos de las URLs de los articulos. Esta opcion solo esta disponible si el rewrite esta activo.

Despues de eliminar los IDs y validar la configuracion, otra opcion esta disponible para agregar el sufijo .html a las URLs. No es posible activar .html si los IDs numericos todavia estan presentes en las URLs.

Configuracion del Front Office

Esta parte se refiere a la visualizacion del blog del lado del visitante.

Las opciones permiten:

• mostrar u ocultar el breadcrumb en las paginas del blog
• mostrar la miniatura en los articulos
• activar la navegacion anterior/siguiente en las paginas de articulos
• mostrar un enlace al feed RSS de la categoria

Tambien puedes agregar una pestana en las paginas de productos que liste los articulos del blog relacionados. Esta opcion permite controlar si los enlaces a los articulos del blog deben aparecer en las paginas de productos.

Esto permite estrategias SEO donde el blog puede enlazar a productos sin mostrar sistematicamente enlaces de retorno desde las paginas de productos al blog.

Otras opciones permiten definir:

• el numero maximo de articulos asociados en una pagina de producto
• el numero maximo de productos asociados en una pagina de articulo
• el tamano de la miniatura de los productos relacionados
• la visualizacion de las valoraciones de articulos

La activacion global del sistema de pop-up tambien esta presente aqui. Si el sistema de pop-up no se utiliza, se recomienda desactivarlo para evitar cargar scripts innecesarios.

Una opcion finalmente permite agregar Material Icons en el encabezado. Es util para algunos temas que no siguen completamente las recomendaciones de PrestaShop y no integran correctamente esta biblioteca, lo que resulta en que los iconos no aparezcan en el blog y muestren nombres en su lugar.

Botones de Compartir

Esta seccion permite activar o desactivar la visualizacion de los botones de compartir en los articulos del blog.

Puedes elegir precisamente que redes sociales deben mostrarse.
Si deseas cambiar su color, ve a configuracion > diseno > botones de compartir. (ver la seccion de diseno)

Configuracion Global de Administracion

Esta ultima parte se refiere unicamente al back-office.

Permite definir:

• el numero de caracteres requeridos para los campos de busqueda al asociar productos o articulos
• el numero de resultados mostrados por pagina para estas busquedas
• el numero de elementos mostrados por pagina en las listas de articulos y comentarios
• si los comentarios se muestran automaticamente al editar un articulo

Estos ajustes estan destinados a refinar la comodidad de uso de la administracion. No tienen impacto en el front office y generalmente no requieren ninguna modificacion particular.

Bloques

Los bloques de PrestaBlog se muestran en las columnas izquierda o derecha del tema, cuando existen. Su posicion depende directamente de la estructura del tema utilizado.

La colocacion de bloques se realiza mediante arrastrar y soltar. Esta accion solo es posible si el tema realmente tiene columnas. Si el tema no proporciona columnas, los bloques no pueden mostrarse alli, incluso si estan activados.
Este comportamiento depende unicamente del tema y no del modulo.

Bloque de Busqueda de Articulos

Este bloque permite activar o desactivar la busqueda de articulos del blog.
Puedes elegir entre una busqueda simple que muestra directamente los articulos, o una busqueda avanzada con filtros.

Una opcion tambien permite mostrar u ocultar el icono de busqueda en el menu.

Bloque de Ultimos Articulos

Este bloque muestra los ultimos articulos del blog.
Hay varias opciones de presentacion disponibles, incluyendo mostrar la introduccion o las miniaturas. El resultado depende del diseno elegido.

Es recomendable probar visualmente las diferentes opciones para adaptar la visualizacion al tema utilizado.

Articulos por Fecha

Este bloque muestra los articulos por fecha, como archivos.
Se usa raramente en la mayoria de las configuraciones, pero sigue disponible para sitios que deseen ofrecer navegacion cronologica.

Ultimas Noticias en el Pie de Pagina

Este bloque muestra los articulos recientes en el pie de pagina del sitio.
Puedes mostrar solo los titulos o agregar miniaturas y texto.

Por razones de legibilidad y SEO, generalmente se recomienda limitar la visualizacion solo a los titulos.

Bloque RSS

Este bloque muestra un enlace al feed RSS del blog.
Esta destinado a usuarios que deseen ofrecer acceso directo al feed, sin ninguna configuracion particular.

Categorias

La configuracion de categorias es realmente el corazon del diseno del blog. Aqui es donde generas el diseno que deseas representar.

Ajustes Principales en la Lista de Categorias

Eliges el numero de articulos por pagina. Si la visualizacion es en 2 o 4 columnas, un numero par es aconsejable. Con 3 columnas, un numero impar es preferible.

El ancho y la altura de la miniatura del articulo se configuran por defecto en 800x600, pero puedes modificar estas dimensiones segun las proporciones deseadas.

La longitud del titulo y el tamano de la descripcion permiten definir cuantos caracteres se muestran. Si un valor se establece en 0, el elemento concernido ya no se muestra.

La visualizacion de articulos puede configurarse en 1, 2, 3 o 4 columnas, o en modo full picture para destacar imagenes grandes.

Tambien puedes elegir si mostrar el numero de articulos en cada categoria.

Ajustes de Visualizacion de Listas de Articulos

Estas opciones permiten elegir que elementos se muestran en las listas de articulos: fecha de publicacion, nombres de categorias, valoraciones, autor, enlace para leer el articulo, numero de comentarios, numero de visitas.

Una opcion permite propagar este diseno a las listas personalizadas y los articulos asociados. Si esta activada, los ajustes de visualizacion seleccionados se aplicaran a los articulos asociados y las listas de articulos personalizadas.

Personalizar una Categoria

Puedes definir una visualizacion diferente para una categoria especifica, reemplazando los ajustes de visualizacion globales.

Para hacer esto, simplemente activa la opcion Reemplazar ajustes de visualizacion global de categorias en la categoria concernida. Las opciones desactivadas seguiran usando la configuracion global.

Esto te permite mostrar ciertas categorias de manera diferente. Por ejemplo, puedes poner una categoria en modo galeria manteniendo solo la imagen, o crear paginas con una presentacion especifica segun el tipo de contenido (testimonios, autores, etc.).

Bloque de Categorias

Esta seccion permite configurar la visualizacion del bloque de categorias del blog.

Puedes activar o desactivar completamente el bloque. Cuando esta activo, varias opciones permiten ajustar precisamente su comportamiento y visualizacion.

Puedes elegir si mostrar las categorias vacias. Cuando esta opcion esta desactivada, el numero de elementos mostrados tiene en cuenta las categorias hijas de forma recursiva.

El arbol de categorias puede mostrarse u ocultarse. Tambien puedes mostrar las miniaturas de las categorias y, si es necesario, parte de su descripcion.

La longitud del titulo y el tamano de la descripcion permiten limitar el numero de caracteres mostrados. Al igual que con otros ajustes del modulo, un valor demasiado alto puede sobrecargar la visualizacion, mientras que un valor reducido permite un resultado mas compacto.

Una opcion permite mostrar un enlace a todos los articulos de la categoria. El feed RSS tambien puede activarse. Esta opcion solo se refiere a la categoria seleccionada.

Menu de Categorias en las Paginas del Blog

Esta seccion permite gestionar la visualizacion del menu de categorias en todas las paginas del blog.

Puedes activar o desactivar el menu segun el contexto:

• pagina principal del blog
• listas de articulos
• paginas de articulos

Tambien puedes:

• mostrar un enlace directo a la pagina principal del blog
• mostrar este enlace como una imagen
• ocultar las categorias vacias
• mostrar u ocultar el numero de articulos por categoria

Las categorias hijas se muestran como un menu desplegable, para una navegacion clara y estructurada.

Parte Superior de la Primera Pagina de Categoria

Esta seccion permite definir la visualizacion del contenido en la parte superior de la primera pagina de una categoria, antes de la lista de articulos.

Puedes mostrar u ocultar la descripcion de la categoria. Esta opcion permite destacar el texto introductorio, util para el SEO y la contextualizacion del contenido.

La visualizacion de la miniatura de la categoria puede activarse o desactivarse. Esta miniatura corresponde a una imagen de tamano reducido, generalmente utilizada para una visualizacion discreta.

Otra opcion permite mostrar una imagen grande en la parte superior de la pagina de la categoria. Esta imagen esta destinada a un resultado mas visual e impactante, por ejemplo para destacar una categoria principal o un universo especifico.

Las dimensiones de las imagenes son totalmente configurables. Puedes definir por separado el ancho y la altura de la miniatura de la categoria, asi como el ancho y la altura de la imagen grande de la categoria.

Estos ajustes permiten adaptar precisamente la visualizacion al diseno del tema utilizado y asegurar la coherencia visual entre las diferentes paginas de categorias.

Comentarios

PrestaBlog ofrece dos sistemas de comentarios, pero no son equivalentes.

El sistema de comentarios clasico de PrestaBlog es el mas adecuado para uso a largo plazo:

• los comentarios se almacenan en la base de datos del sitio
• se conservan durante las migraciones
• pueden gestionarse directamente desde la administracion de PrestaBlog
• el administrador puede responder a los comentarios desde el back-office

Un segundo sistema, basado en comentarios de Facebook, tambien esta disponible. Se basa en un servicio externo y no permite ninguna gestion directa de comentarios desde PrestaBlog.

Comentarios Clasicos

Los comentarios clasicos son el sistema nativo de PrestaBlog. Pueden gestionarse completamente desde el back-office y permiten al autor responder a los comentarios como autor.

Validacion de Comentarios: La opcion "Aprobar comentarios automaticamente" esta fuertemente desaconsejada.

• los comentarios se publican inmediatamente sin control
• el riesgo de spam o contenido no deseado es mayor

Se recomienda mantener la validacion manual de comentarios.

Proteccion Antispam y Captcha

PrestaBlog ofrece dos mecanismos de proteccion contra spam.

Google reCAPTCHA v2

PrestaBlog es compatible con Google reCAPTCHA v2. Si ya tienes una clave reCAPTCHA v2 existente, puedes usarla.

• introduce la clave publica del captcha de Google
• introduce la clave privada del captcha de Google

Antispam de PrestaBlog (recomendado)

Un sistema antispam nativo esta disponible a traves de Herramientas > Antispam.

• el sistema se basa en preguntas simples
• la pregunta mostrada se elige aleatoriamente
• sin dependencia de un servicio externo
• sin clave que configurar

Comentarios de Facebook

PrestaBlog permite usar los comentarios de Facebook en lugar de los comentarios clasicos. Sin embargo, desaconsejamos su uso ya que sigue siendo propietario y solo aparece para usuarios conectados a Facebook (debido a la ley RGPD).

Los comentarios no se almacenan ni se gestionan en PrestaBlog, y tampoco puedes responder desde el blog. Este sistema ya no sera actualizado por nuestro equipo.

Configuracion:

• activa los comentarios de Facebook en la configuracion
• crea una aplicacion de Facebook dedicada a los comentarios
• introduce el ID de la API de Facebook en el campo proporcionado
• opcionalmente agrega moderadores de Facebook

Diseno

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.

Tamanos de Imagenes

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:

1. Ve a la pagina principal de tu blog, donde se muestra el listado de articulos
2. Toma el primer articulo mostrado
3. Haz clic derecho en el titulo de este articulo
4. 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.