Creando un banner para mostrar en la parte superior de tu sitio

:bookmark: Este manual explica los diferentes métodos para crear y personalizar pancartas (banners) en su sitio de Discourse, desde pancartas simples que se pueden descartar hasta opciones más avanzadas.

:person_raising_hand: Nivel de usuario requerido: Moderador (Pancarta descartable), Administrador

Las pancartas son una forma efectiva de comunicar información importante a los visitantes de su sitio. Esta guía le mostrará varios métodos para crear y personalizar pancartas en su sitio de Discourse.

Pancarta de bienvenida

Una pancarta de bienvenida recibe a los miembros nuevos y recurrentes con un mensaje amistoso y una barra de búsqueda prominente, lo que facilita a los visitantes encontrar rápidamente el contenido que buscan.

Para habilitar y personalizar la pancarta de bienvenida, vaya al área de administración y seleccione el enlace Apariencia > Pancarta de bienvenida en la barra lateral.

En esta área, encontrará las siguientes configuraciones:

  • Activado en temas…: Esto le permite designar cuáles de sus temas activos deben mostrar la pancarta de bienvenida.
  • Imagen de fondo: Suba una imagen para que sirva como fondo de su pancarta de bienvenida.
  • Color del texto: Si el color de texto predeterminado controlado por su paleta de colores entra en conflicto con su imagen de fondo, puede seleccionar un color nuevo aquí. Tenga en cuenta que esta configuración solo se aplica cuando ha subido una imagen de fondo.
  • Visibilidad de la página: Esto determina qué páginas muestran la pancarta de bienvenida. Por defecto, se muestra en Páginas del menú superior (lo que significa las páginas seleccionadas en la configuración del sitio Menú superior), pero puede cambiar a:
    • Solo página de inicio: La pancarta de bienvenida solo se muestra en la página de inicio del sitio (es decir, la primera página enumerada en la configuración del sitio Menú superior).
    • Páginas de descubrimiento: La pancarta de bienvenida se muestra en todas las páginas del Menú superior, incluso si no se muestran en el menú superior real de su sitio (es decir, no están seleccionadas en la configuración).
    • Todas las páginas: La pancarta de bienvenida se muestra en todas las páginas de su sitio. Esto generalmente no se recomienda, ya que puede causar desorden visual en las páginas de temas que distrae a los miembros de leer y participar.
  • Ubicación: Esto determina dónde aparece la pancarta de bienvenida en la página. Por defecto, se muestra Encima del contenido del tema, pero también puede seleccionar Debajo del encabezado del sitio. La diferencia es un poco sutil y se muestra en las capturas de pantalla a continuación:

También puede personalizar el texto de la pancarta de bienvenida para cambiar el saludo y agregar más texto explicativo a la pancarta de bienvenida.

  • Encabezado para miembros nuevos: El saludo principal que se muestra a los miembros nuevos la primera vez que inician sesión en su sitio.
  • Encabezado para miembros con sesión iniciada: El saludo principal que se muestra a los miembros recurrentes.
  • Encabezado para visitantes anónimos: El saludo principal que se muestra a los miembros anónimos (es decir, que no han iniciado sesión).
  • Subencabezado para miembros con sesión iniciada: Una línea de texto secundaria opcional debajo del encabezado que se muestra a los miembros recurrentes.
  • Subencabezado para visitantes anónimos: Una línea de texto secundaria opcional debajo del encabezado que se muestra a los miembros anónimos (es decir, que no han iniciado sesión).
  • Marcador de posición de búsqueda: El texto de marcador de posición que se muestra en el campo de búsqueda de la pancarta de bienvenida.

Pancarta descartable

Una pancarta descartable es un aviso temporal que los usuarios pueden cerrar. A continuación, se explica cómo crear una:

  1. Cree o navegue a un tema en cualquier categoría pública. La publicación original (OP) en la parte superior del tema será la fuente de su pancarta.
  2. Abra las opciones de administración haciendo clic en el icono de la llave inglesa a la derecha o en la parte inferior del tema.
  3. Seleccione “Fijar Tema…”
  4. En la nueva ventana, elija :pushpin: Hacer Tema como Pancarta

La pancarta aparecerá ahora en la parte superior de su sitio. Los usuarios verán una pancarta descartable. El personal también verá un enlace para editar el tema fuente.

:information_source: Consejos para pancartas descartables efectivas:

  • Mantenga el texto claro y conciso
  • La altura máxima es 20vh (editable mediante CSS)
  • Para texto más largo, los usuarios pueden desplazarse dentro de la pancarta
  • Considere agregar un enlace a un tema público relevante para obtener más información
  • Si desea ocultar el tema que se utiliza como pancarta, puede deslistarlo usando el menú de administración del tema

Pancarta permanente

Para crear una pancarta que siempre esté visible y que los usuarios no puedan descartar:

  1. En la configuración de su sitio, busque global_notice.
  2. Ingrese el texto o HTML de su pancarta en este campo.

:information_source: Consejos para pancartas permanentes:

  • Este tipo de pancarta se utiliza normalmente para comunicaciones urgentes del sitio, pero se puede usar para cualquier mensaje permanente
  • Esta pancarta es visible para todos, incluidos los usuarios anónimos en sitios con login_required
  • La pancarta se puede eliminar restableciendo la configuración del sitio global notice

Pancartas avanzadas

Puede crear pancartas más avanzadas utilizando un componente de tema. Tenga en cuenta que estos componentes de tema pueden entrar en conflicto con la función principal de pancarta de bienvenida.

Pancarta de enlace de bienvenida

Este componente le permite agregar texto personalizado y de 1 a 4 enlaces a su pancarta. Ofrece varias opciones de personalización, que incluyen:

  • Elegir dónde mostrar la pancarta (página de inicio, listas de temas o todas las páginas)
  • Agregar enlaces con iconos de Font Awesome
  • Limitar la visibilidad según los niveles de confianza del usuario
  • Personalizar imágenes o colores de fondo
  • Ajustar los colores del texto y los iconos

Pancarta Versátil

Uno de los componentes más populares y mejor mantenidos, Versatile Banner ofrece amplias opciones de personalización a través de la interfaz, que incluyen:

  • Visualización de la pancarta limitada a
    • usuarios con sesión iniciada o anónimos
    • dispositivo móvil o de escritorio
    • página de inicio, lista de temas o todas las páginas
  • Opciones descartables, expandibles o persistentes
  • Configuración de ancho completo del navegador
  • Gestión de color
  • Personalización de encabezado y columnas usando HTML

Personalización de pancartas con CSS

Puede personalizar todos los tipos de pancartas usando CSS. Para obtener más información sobre cómo usar CSS para personalizar su sitio de Discourse, consulte la Guía para principiantes sobre el uso de temas de Discourse.

43 Me gusta