Nota: Si bien hemos traducido las guías más populares al español, algunas guías están disponibles solamente en inglés.

Solución de problemas de Brine

Esta guía explica las preguntas y los problemas que pueden surgir cuando se usan las plantillas de la familia Brine. Ve una lista de las plantillas de Brine.

Consejo: Para recibir ayuda sobre temas generales, consulta la guía de la plantilla Brine.

Añade un botón al encabezado

Añadir un botón al encabezado es un gran modo de alentar un comportamiento específico, por ejemplo dirigir tráfico a una página en particular.

Algunas maneras de añadir un botón al encabezado son las siguientes:

  • Usar la navegación: Para crear una llamada a la acción en tu navegación, mantén un solo enlace en tu Navegación secundaria y, luego, modifica el estilo de la Navegación secundaria para que sea un botón. Modifica el estilo de tu Navegación principal para que corresponda con cualquier otro estilo.
  • Usar el área de intro: Crea una llamada a la acción en ciertas páginas agregando un Bloque de botón en el área de intro. Añade texto u otros bloques para destacar tu mensaje.

No aparece la imagen o el video del banner

En Brine, los banners aparecen en la mayoría de los tipos de páginas, pero no se admiten en los siguientes elementos:

  • Publicaciones individuales de blog, producto y páginas de detalles.
  • Páginas de Portada
  • Imágenes en miniatura añadidas al Índice de la Página principal. En lugar de eso, agrega imágenes en miniatura a las secciones de contenidos dentro del Índice.
  • A veces, los banners de video no se muestran en dispositivos móviles, dependiendo de la velocidad de conexión del visitante y de la versión del navegador. Configura que aparezca una imagen de reserva para dispositivos móviles cuando el banner de video no se pueda cargar.

Si tu página admite banners, pero no están apareciendo, estos son algunos de los pasos para solucionarlo:

  1. En Configuración de página, haz clic en la pestaña Medios.
  2. Para las imágenes de banner, haz clic en Imagen. Para los banners de video, presiona Video.
  3. Comprueba que la imagen o el video estén en su lugar.
  4. Haz clic en Guardar y actualiza la página.

Si el banner no aparece, puedes hacer lo siguiente:

  1. En Estilos del sitio, desplázate hasta la sección Principal.
  2. Aumenta el Relleno de la introducción (con imagen de fondo).
  3. En la sección Principal: Superposición, cerciórate de que el Color de la superposición no sea completamente opaco.
  4. Haz clic en Guardar y actualiza la página.

Los banners no aparecen sin bordes

Por lo general, los anuncios aparecen sin márgenes, es decir que se extienden hasta los bordes del navegador. Si tus anuncios no se comportan así, ajusta el diseño de tu sitio:

  1. En Estilos del sitio, desplázate hasta la sección Sitio.
  2. Elige Diseño: Ancho completo o Diseño: Fondo pleno.
  3. En la sección Sitio: Bordes, verifica que Mostrar borde no esté marcado.
  4. Haz clic en Guardar y actualiza la página.

Las publicaciones de blog no tienen secciones para comentarios

Los comentarios del blog están deshabilitados por defecto en la plantilla Brine, incluso si autorizas los comentarios en una publicación de blog individual.

Para habilitar los comentarios en tu sitio:

  1. En el Menú de Inicio, haz clic en Configuración y, luego, haz clic en Crear publicaciones de blog.
  2. Presiona Configuración de comentarios.
  3. Marca Permitir comentarios globales. Aparecerán más configuraciones de los comentarios.

Para informarte mejor, consulta Gestionar comentarios y Me gusta sencillos.

Cambiar el texto del mes en un calendario de página de eventos

En el diseño Calendario de una página de eventos, el nombre del mes se centra por encima del calendario. La fuente, el tamaño y el color del texto del mes siguen los retoques de Encabezado 1. Para ajustar estos retoques:

  1. Navega a otra página del sitio que incluya el texto Encabezado 1.
  2. Vuelve al menú de Inicio y, a continuación, haz clic en Diseño y en Estilos del sitio
  3. Localiza los retoques Encabezado 1 en Contenido: Fuentes y Contenido: Colores.
  4. Haz clic en Guardar y, a continuación, vuelve a la página Eventos para ver los cambios.

Las columnas aparecen en el lugar equivocado

Las columnas únicas con un recuadro de contenido se envuelven alrededor de los bloques flotantes.

Si el bloque que flota es más alto que el contenido de cada columna, puede interferir con el diseño del contenido en múltiples columnas que sigue. Para ajustarlo, añade un Bloque de Espacio arriba del contenido en múltiples columnas.

Crea una imagen de fondo de página completa

Puedes usar una Página de Índice para crear el efecto de una página única con una imagen de fondo:

  1. Crea una Página de Índice.
  2. Añade una sección de contenidos.
  3. Agrega una imagen en miniatura a la sección de contenidos. Esto crea una imagen de fondo.
  4. Añade el contenido de tu página a la sección de contenidos. Se superpondrá a la imagen en miniatura.
  5. Para extender la altura, añade espacios adicionales a un Bloque de texto en la parte inferior.

page-background-brine.png

Crea un banner en modo presentación

Puedes usar una Página de Índice para crear el efecto de un anuncio de página con diapositivas:

  1. Crea una Página de Índice.
  2. Haz clic en Agregar sección para crear la primera sección.
  3. Selecciona Galería y, a continuación, agrega varias imágenes a la colección.
  4. Agrega una sección de índice de galería con varias imágenes como la primera sección.
  5. En la sección Índice: Galería de Estilos del sitio, elige Diseño: Presentación. (Esto afecta todas las secciones de la galería de tu sitio).
  6. En la sección Índice: Galería en modo presentación, verifica que la opción Reproducción automática de Galería esté marcada.
  7. Agrega una sección de contenido debajo de la sección de índice de galería y añade el contenido de tu página.

brine-slideshow-banner.gif

Desactivar desplazamiento en paralelo

Para hacerlo, sigue estos pasos:

  1. Ve a cualquier página que tenga una imagen de banner.
  2. En Estilos del sitio, desplázate hasta la sección Principal: Superposición.
  3. Desmarca Activar desplazamiento en paralelo.
  4. Haz clic en Guardar y actualiza la página.

Esto afectará a todo tu sitio.

Los menús desplegables no aparecen en la navegación del pie de página

Las carpetas no se muestran como menús desplegables en la Navegación del Pie de página. En lugar de eso, puedes mostrarlas como columnas separadas en las que el título de la carpeta es el encabezado.

Para agregar menús desplegables a tu navegación, agrega la carpeta a la Navegación Primaria o la Navegación Secundaria.

El pie de página tiene diferentes colores de fondo en las distintas páginas

Esto sucede cuando el color de fondo de tu pie de página es parcial o completamente transparente. En las páginas sin imágenes en miniatura, el color del pie de página se muestra sobre un fondo blanco. En las páginas con miniaturas, el color de fondo del pie de página se muestra sobre el color de tu área de contenido principal.

Para solucionar esto:

  1. En Estilos del Sitio, desplázate hasta la sección Pie de página.
  2. Cerciórate de que el color de fondo sea completamente opaco.

Despareció el área de los bloques medios del pie de página

A veces, cuando borras todos los contenidos del área de bloques medios, desaparecerán sus anotaciones en la vista Columnas. Para solucionarlo, cambia transitoriamente al diseño apilado:

  1. En Estilos del Sitio, desplázate hasta la sección Pie de página.
  2. Elige Diseño: Apilado.
  3. Sal de Estilos del sitio.
  4. Añade contenido al área Bloques medios del Pie de página.
  5. Vuelve a abrir Estilos del sitio y elige Diseño: Columnas.
  6. Haz clic en Guardar.

Los elementos del encabezado no aparecen correctamente

Si se configura que demasiados elementos aparezcan en la misma área del encabezado, podrían superponerse en las tabletas o en los navegadores más pequeños.

Para obtener los mejores resultados, coloca cada elemento en una parte diferente del encabezado. Elige dónde aparecerá cada elemento en la sección Encabezado: Diseño de Estilos del sitio.

No aparecen las opciones de encabezado en Estilos del sitio

Los retoques para algunos elementos solo aparecen en Estilos del sitio si dichos elementos ya están en tu sitio.

  • Navegación: Estos ajustes aparecen una vez que has agregado páginas o enlaces a tu Navegación Primaria o Navegación Secundaria.
  • Carrito de compras y cuenta de clientes: Los ajustes aparecen después de que has creado una Página de Productos. La función Compra rápida debe estar desactivada.
  • Eslogan: Los retoques aparecen después de que agregues un eslogan.
  • Encabezado: Parte inferior: Esta sección aparece después de que hayas añadido uno o más elementos a la mitad inferior del encabezado dentro de la sección Encabezado: Diseño.
  • Encabezado: Parte superior: Esta sección aparece después de que hayas añadido uno o más elementos en la mitad inferior del encabezado dentro de la sección Encabezado: diseño.
  • Área de introducción: Los ajustes aparecen cuando estás en una página que admite áreas de introducción.
  • Banner: Los ajustes aparecen cuando estás en una página que admite banners.

Los encabezados se dividen en dos líneas con determinados anchos

En la familia Brine, algunos encabezados se dividen en dos líneas cuando el navegador tiene alrededor de 1400 píxeles de ancho y, luego, vuelven a estar en una línea con alrededor de 1120 píxeles. Esto es parte del diseño de la plantilla.

Los íconos y el título del sitio se superponen en los dispositivos móviles

Si los elementos en tu barra de navegación móvil se superponen, mueve uno o más de ellos a la otra barra de navegación.

Por ejemplo, para mover el ☰ de la barra de navegación superior a la inferior:

  1. En Estilos del sitio, desplázate hasta la sección Dispositivos móviles: Icono del menú.
  2. Cambia la Posición a Inferior (izquierda, derecha o centro).

Repite estos pasos para cualquier elemento que se superponga.

move-icons.png

Las secciones del índice no aparecen con la altura del navegador

Si deseas configurar algunas o todas las secciones de contenido para que aparezcan con la altura del navegador:

  1. En Estilos del sitio, desplázate hasta la sección Índice: Página.
  2. Utiliza Aplicar altura mínima para definir qué secciones se ven afectadas.
  3. Establece la altura mínima en 100vh.

Si tu sección no llena la altura del navegador:

  • Prueba con Relleno (Páginas en superposición) y Relleno hasta obtener el aspecto que te gusta.
  • Si el contenido de tu sección (incluido el relleno) es más grande que la altura del navegador, conservará su altura original.
  • El ajuste de Márgenes en Espejo también podría afectar cómo aparecen las primeras secciones.

Para secciones de índice de galería:

  • Diseño: Diapositivas: Marca Usar altura fija para configurar manualmente la altura.
  • La altura se configura automáticamente según la cantidad y el tamaño de las imágenes de la galería.

El borde en espejo de la Página de Índice no tiene el color correcto

El color de los márgenes en espejo de Brine es igual que el de la página. Para configurarlo, usa Color en la sección Principal de Estilos del sitio.

Las imágenes no se muestran con el ancho del sitio

Los Bloques de Imagen no siguen el recuadro de contenido. En su lugar, tienen el mismo ancho del sitio. Ajusta el ancho del sitio con Ancho en la sección Sitio de Estilos del sitio.

También puedes marcar Ampliar en el Editor de Bloque de Imágenes para asegurarte de que la imagen aparezca en todo el ancho del bloque.

Consejo: Crea imágenes sin bordes en las Páginas de Índice de Brine agregando una sección de Página de Diseño con una imagen de fondo o una sección de Página de Galería en modo presentación.

El sitio para dispositivos móviles tiene desplazamiento horizontal

Tal vez veas el desplazamiento horizontal si hiciste un acercamiento en la página. Intenta actualizar tu navegador en dispositivos móviles para reconfigurar el acercamiento.

Si hacerlo no soluciona el problema, tal vez tu sitio tenga un relleno lateral inferior a 17 píxeles, lo que puede hacer que tu sitio para dispositivos móviles sea más ancho que la ventana del navegador. Para repararlo, haz lo siguiente:

  1. En Estilos del sitio, desplázate hasta la sección Sitio.
  2. Comprueba que el Relleno del sitio tenga 17 píxeles o más.

No aparecen los estilos para dispositivos móviles

Si tus configuraciones de estilos para dispositivos móviles no aparecen en los dispositivos móviles ni en la Vista en dispositivo, tal vez sea porque tu sitio cambia a la vista en dispositivos móviles en los navegadores demasiado angostos. Para reconfigurar el ancho en el cual cambia, sigue estos pasos:

  1. En Estilos del sitio, desplázate hasta la sección Dispositivos móviles.
  2. Cerciórate de que tu Punto de corte para dispositivos móviles esté configurado en 640 píxeles o más.
  3. Haz clic en Guardar.

La barra de navegación tiene un color no previsto

Si ajustas la opacidad de la barra de navegación inferior, su color cuando te desplazas hacia la parte inferior depende de tus configuraciones. Si el sitio tiene un borde, aparece sobre dicho color. Por el contrario:

  • Si la página tiene un banner, aparece sobre el color de fondo del sitio
  • Si no tiene un banner, aparece sobre el color de fondo del pie de página

mobile-banner-examples.png

Las imágenes en paralelo están demasiado recortadas

En la sección Principal: Superposición, marca Recorte inteligente del desplazamiento en paralelo. Con esta opción marcada, las imágenes de banner se recortan en la medida mínima necesaria con el fin de que aparezcan para el desplazamiento en paralelo.

El titulo del sitio web luce de manera diferente en los dispositivos móviles

Puedes cambiar cómo luce el título de tu sitio según el dispositivo. Configura un estilo de fuente distinto para las computadoras de escritorio y para tus dispositivos móviles con los estilos personalizables para dispositivos móviles de tu plantilla.

Para mantener la uniformidad de tus elementos de personalización de la marca entre los diferentes dispositivos, selecciona el mismo estilo de fuente en las secciones Personalización de la marca para dispositivos móviles y Elementos de personalización de la marca en el encabezado dentro de Estilos del sitio.

El texto es angosto y aparece en el centro

Cuando ciertos bloques están en una sola columna, automáticamente se insertan en la mitad de la página con un espacio en blanco a ambos lados. Esto se conoce como recuadro de contenido.

Para eliminar el recuadro de contenido, configura el ajuste de Recuadro de contenido en 0, en la sección Principal de Estilos del sitio.

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 12 de 55
Solución de problemas de Brine