Ir al contenido principal

Replicar Banners en distintos entornos (desktop y mobile)

V
Escrito por Virginia Mauri

Thinkindot® CMS permite que el contenido se replique y actualice de forma automática en todos los entornos. El contenido creado en la versión desktop se adapta y actualiza solo para verse en la versión mobile, sin necesidad de cargarlo dos veces.

En esta guía explicamos cómo replicar banners.

Instrucciones

  1. En la aplicación Portada, ingresa al Modo Template y haz clic en Páginas.

2. Selecciona la página donde está el objeto que quieres replicar y haz clic en el ícono del ojo (construir) para editarla.

3. Con la página construida, ubica el objeto que quieres replicar y haz clic en el lápiz (editar) para abrir el Editor de objetos.

4. En el campo Sección, copia el ID del objeto. Luego cierra el editor con la X.

5. Ve a la sección del sitio donde quieres replicar el objeto. Haz clic en la lupa, abre el Administrador de páginas, busca la página de destino (por ejemplo, "Home mobile") y haz clic en el ícono del ojo para construirla.

6. Haz clic de nuevo en la lupa para abrir el Administrador de objetos y arrastra (drag & drop) el objeto Banner hasta la ubicación donde quieres que se vea.

7. Al soltar el objeto se abre el editor. Completa los campos:

  • Descripción: nombre interno. No se publica en el sitio.

  • Estilo: elige entre las opciones predeterminadas; en este caso, entre los estilos mobile.

  • Portal: nombre del portal de origen del contenido a replicar.

  • Página: nombre de la página de origen del contenido a replicar.

  • Sección: selecciona el objeto que quieres replicar usando el ID que copiaste antes.

  • Estado: selecciona una opción:

    • Publicado: el banner se ve en el backend y en el frontend.

    • Pendiente: el banner se ve solo en el backend, en Modo Template y Modo Contenido.

    • Invisible: el banner se ve solo en el backend, en Modo Template.

  • Preroll: permite agregar publicidad a los videos nativos del sitio. No es compatible con adjuntos de tipo YouTube. Para más detalle, consulta el instructivo Crear banners.

  • Título: nombre que se muestra en el frontend. Contextualiza el listado de notas, por ejemplo "Las más leídas".

  • Desplazamiento (offset): genera una cascada de notas entre distintos espacios e indica su posición. El 0 es la primera nota del listado cargado en el objeto, el 1 la segunda, y así sucesivamente.

  • Cantidad: define cuántas notas muestra la cascada. Por ejemplo, si el listado tiene un banner entre los contenidos, configura cuántas notas se muestran arriba y abajo del banner.

  • Lazy load: actívalo para habilitar la carga diferida de imágenes y aligerar el sitio.

  • Contenido Dummy: muestra la previsualización del contenido gráfico. Si está activo, se ve en el backend; si está inactivo, solo se ve la barra del objeto.

  • Publica Mobile: actívalo para que los contenidos del objeto se publiquen en la app mobile. Solo disponible para clientes que cuenten con este desarrollo.

8. Haz clic en Grabar y cierra el editor.

En los bloques de contenido, respeta los valores de desplazamiento y cantidad para evitar que las notas se repitan o que alguna no se muestre.

Resultado

El banner queda replicado en la versión mobile y se actualiza de forma automática junto con la versión desktop.

¿Ha quedado contestada tu pregunta?