Skip to main content

Crear y configurar un tema

Puede crear temas personalizados para que coincidan con las directrices de marca de su organización o para que se ajusten mejor al tono de su contenido. Los temas que cree se almacenan como elementos de ArcGIS de StoryMap, por lo que pueden aplicarse a diferentes contenidos que usted u otros usuarios creen con ArcGIS StoryMaps.

Crear un tema

Siga estos pasos para crear un nuevo tema:

  1. Inicie sesión en ArcGIS StoryMaps.

  2. En la página de contenido de ArcGIS StoryMaps, haga clic en Crear y, a continuación, en Tema para crear un nuevo elemento de tema de StoryMap e iniciar el builder de temas.

    El builder de temas muestra un panel con opciones iniciales y una historia de muestra que muestra una vista previa de las opciones de configuración del tema.

    Sugerencia:

    También puede crear un nuevo tema desde los builders de ArcGIS StoryMaps. Haga clic en el botón Diseñar en el encabezado y, a continuación, haga clic en el botón Crear nuevo tema en el panel de diseño.

    Sugerencia:

    También puede crear un nuevo tema desde los builders de ArcGIS StoryMap. Haga clic en el botón Diseñar en el encabezado y, a continuación, haga clic en el botón Crear nuevo tema en el panel de diseño.

  3. En el panel Elegir punto de partida, haga clic en las tarjetas para obtener una vista previa de cada opción. Las opciones disponibles pueden incluir lo siguiente:

    • Tema compartido: importe la configuración del tema compartido de su organización para el fondo del cuerpo, el color del texto del cuerpo, el color del texto de los botones, el color de fondo del encabezado, el color del texto del encabezado, el color de los enlaces, el logotipo y el enlace del logotipo. El color de fondo de los botones del tema compartido también se utilizará para definir el color de énfasis de su nuevo tema. Esta opción solo aparecerá si un administrador ha configurado un tema compartido.

    • Asistente de temas: utilice la IA para generar un tema. Esta opción solo aparecerá si las funciones de IA están habilitadas en su organización. Para obtener más información, consulte Asistente de ArcGIS StoryMaps.

    • Temas estándar: elija un tema estándar. Las propiedades de cada tema estándar se documentan en la Referencia de temas.

  4. Haga clic en Seleccionar debajo de la opción que desee utilizar como punto de partida para su tema personalizado.

    Una vez elegido el punto de partida, el panel mostrará las opciones de configuración del tema.

  5. Ponga un título al tema reemplazando el texto Tema sin título de la parte superior del panel.

  6. Ajuste cualquiera de las opciones de configuración según sea necesario.

    Las secciones siguientes describen las propiedades globales y las propiedades de los elementos disponibles.

    A medida que crea un tema, la historia de muestra exhibe una vista previa de cómo se verá el tema cuando se aplique a varios tipos de bloques de contenido.

  7. Haga clic en Publicar para empezar el proceso de publicación.

    Nota:

    Los temas siguen los mismos flujos de trabajo de publicación que otros elementos creados con ArcGIS StoryMaps.

Propiedades globales

Las propiedades globales afectan a todo el contenido de ArcGIS StoryMaps al que se aplican. Las opciones globales disponibles incluyen colores, tipografía, espaciado y forma.

Configurar colores

Siga estos pasos para configurar las opciones de color de su tema:

  1. Elija un color de fondo.

    Nota:

    El color de fondo secundario se calcula automáticamente como una variante del color de fondo primario; no puede configurarse. Está disponible en el constructor de temas, por lo que se pueden mostrar advertencias si su contraste con los colores de texto correspondientes no es suficiente para la accesibilidad.

  2. Elija un color de énfasis.

    Este color de énfasis principal se utilizará para otros elementos, como botones, separadores, citas y vínculos; sin embargo, puede anular este color en las secciones de configuración de estos elementos individuales.

  3. Elija dos colores de énfasis adicionales.

Cuando los autores utilicen su tema, estos colores estarán disponibles en el selector de colores.

Configurar la tipografía

Siga estos pasos para configurar las opciones de tipografía de su tema:

  1. Elija un tamaño de fuente.

  2. Elija una fuente y un color para el texto de los títulos y encabezados.

  3. Elija una fuente y un color para el texto de los párrafos.

  4. Elija un color para el texto de los pies de foto.

    La fuente de los párrafos también se utiliza para los pies de foto.

Nota:

Puede agregar una familia de fuentes desde Google Fonts para disponer de más opciones al crear un tema. También puede cambiar los pesos de estilos de fuente para la familia de fuentes seleccionada.

Para habilitar Google Fonts al crear temas para cuentas de ArcGIS Enterprise, el administrador debe proporcionar una clave API válida para Google Fonts en Configuración de la organización.

Espaciado

La propiedad de espaciado afecta al tamaño del espacio entre los bloques de contenido de una historia. Hay dos opciones de espaciado entre las que elegir: Espaciado o Compacto.

Forma

La propiedad de forma afecta al redondeo de las esquinas de los bloques multimedia en las historias, los elementos emergentes de mapas rápidos, los botones, los controles multimedia, los paneles informativos y otros elementos visuales. Hay tres estilos de forma entre los que elegir: Puntiagudo, Suave o Curvado.

Propiedades del elemento

Las propiedades de los elementos afectan a un bloque, o aspecto, de un contenido. Las propiedades de elementos disponibles incluyen encabezado, botones, citas, vínculos, separadores, mapa base y logotipo.

Configurar el encabezado

Siga estos pasos para configurar el encabezado de su tema:

  1. Elija un color de fondo de encabezado.

  2. Si lo desea, elija un color de texto para el encabezado.

    Si no elige un color de texto para el encabezado, el generador de temas elegirá automáticamente texto blanco o negro para garantizar un contraste suficiente con el color de fondo del encabezado elegido.

Configurar botones

Siga estos pasos para configurar los botones de su tema:

  1. Elija una posición para el botón.

  2. Si lo desea, elija un estilo de botón.

    Si no elige un estilo de botón, se utilizará la propiedad de forma global.

  3. Opcionalmente, elija un color de fondo para el botón.

    Si no elige un color de fondo para el botón, se utilizará el color de énfasis global.

  4. Opcionalmente, elija un color de texto para el botón.

    Si no elige un color de texto para el botón, el generador de temas elegirá automáticamente texto blanco o negro para garantizar un contraste suficiente con el color de fondo del botón que haya elegido.

Configurar citas

Siga estos pasos para configurar las citas de su tema:

  1. Elija un estilo de comillas.

    Nota:

    El texto de la cita utiliza el color del párrafo y la atribución de la cita utiliza el color del pie de foto, que se configuran en la sección de colores. Si elige el estilo de cita con relleno, los colores del texto de la cita y de la atribución de la cita cambiarán a blanco o negro para garantizar un contraste suficiente.

  2. Elija una alineación para la cita.

  3. Opcionalmente, elija un color personalizado para la cita.

    Cada estilo de cita tiene un adorno que utiliza un color de énfasis. Si no elige un color de cita personalizado, se utilizará el color de énfasis global.

Configurar vínculos

Siga estos pasos para configurar los vínculos de su tema:

  1. Elija un estilo de vínculo.

    Nota:

    Si elige el estilo de vínculo relleno, el color del texto del vínculo cambiará a blanco o negro para garantizar un contraste suficiente.

  2. Si lo desea, elija un color personalizado para los vínculos.

    Si no elige un color personalizado para los vínculos, se utilizará el color de énfasis global.

Configurar separadores

Siga estos pasos para configurar los separadores de su tema:

  1. Elija un estilo de separador.

    Si elige el estilo de separador de imagen, se le pedirá que cargue una imagen.

  2. Si lo desea, elija un color personalizado para el separador.

    Esta opción no está disponible si ha agregado un separador de imagen.

  3. Elija una posición para el separador.

Configurar un mapa base

El mapa web especificado aquí se utiliza como mapa base por defecto para los mapas rápidos y los recorridos cartográficos. Los autores que utilicen su tema pueden elegir un mapa base diferente para cualquier contenido que creen.

Siga estos pasos para configurar un mapa base predeterminado para su tema:

  1. Haga clic en la tesela del mapa base para ver el selector de mapas base.

  2. Haga clic en el botón Explorar más mapas para elegir un mapa base de un mapa web de su contenido, grupos u organización de ArcGIS.

  3. Si lo desea, elija un mapa web de ArcGIS Living Atlas o cualquier mapa web disponible públicamente.

    Nota:

    El mapa especificado aquí debe estar en proyección Web Mercator.

Configurar un logotipo

Siga estos pasos para configurar un logotipo para su tema:

  1. Haga clic en Cargar logotipo y elija un archivo de logotipo.

    Para obtener la mejor calidad, cargue un PNG de al menos 80 píxeles de altura o un SVG.

  2. Si lo desea, agregue un vínculo al logotipo.

    Los lectores serán redirigidos a este sitio web si hacen clic en el logotipo del encabezado de la historia.

  3. Opcionalmente, agregue texto alternativo para el logotipo.

    Se recomienda agregar texto alternativo para mejorar la accesibilidad.

Accesibilidad

Al diseñar un tema, es importante tener en cuenta el contraste entre el texto y los colores de fondo para garantizar la legibilidad del contenido de texto de su historia o colección. El builder de temas calcula las relaciones de contraste cada vez que cambia un color, y le advertirá si no hay suficiente contraste entre los colores que se utilizan juntos.

Los cálculos de contraste y umbrales de advertencia siguen las directrices de WCAG. Las relaciones de contraste están disponibles en caso de que decida utilizar un conjunto diferente de pautas. Haga clic para expandir el verificador de contraste para ver más detalles.

Para obtener más información, consulte Accesibilidad en StoryMaps.