La página de inicio es la página de presentación del sitio web de su organización y sirve de puerta de entrada para su comunidad de usuarios. La página de inicio ofrece recursos y contenidos útiles para los miembros de la organización y, si se permite el acceso desde el exterior, para el público. Puede configurar una página de inicio moderna y de aspecto profesional que refleje la marca y la misión de su organización y muestre los mapas, escenas, aplicaciones y capas más importantes para su comunidad de usuarios.
Mediante el uso de los componentes personalizables, o bloques, en el editor de la página de inicio, los administradores predeterminados y aquellos con los privilegios correspondientes pueden diseñar, previsualizar e implementar una página de inicio reactiva que se muestre de forma óptima en navegadores móviles y de escritorio.
Crear una página de inicio
Utilice el editor de página de inicio para crear una página de inicio para su organización de ArcGIS Enterprise. El editor de la página de inicio incluye un conjunto flexible de componentes y opciones que le permiten crear un punto de entrada único para su sitio. A medida que configura su página con el editor de la página de inicio, una vista previa en vivo de sus opciones de diseño le ayuda a lograr el aspecto y la funcionalidad que desea. Utilice las opciones de vista en la parte inferior del editor de la página de inicio para visualizar cómo aparecerá su página en diferentes dispositivos.
Los siguientes pasos e información describen la moderna experiencia de configuración de la página de inicio introducida en 10.9.
- Compruebe que haya iniciado sesión como administrador predeterminado o con un rol personalizado con privilegios administrativos para administrar el sitio web de la organización.
- En la parte superior del sitio, haga clic en Organización y haga clic en la pestaña Configuración.
- Haga clic en Página de inicio en el lado de la página.
- En la sección Editor de página de inicio, haga clic en Iniciar editor.
- Configure los elementos de su página de inicio de la siguiente manera:
- Encabezado: título, logotipo e imagen de portada
- Bloques de contenido: galerías de elementos, texto y vínculos
- Pie de página: información de contacto, texto y vínculos personalizados para pie de página y estilo de pie de página
- Configure el diseño de su página de inicio como se describe a continuación:
- Colores: predefinir o personalizar temas de color
- Tipografía: predefinir o personalizar temas de fuente
- Utilice las opciones de Vista para obtener una vista previa de cómo se visualizará su página de inicio en escritorio, tablets y dispositivos móviles.
- Haga clic en Guardar para aplicar la configuración de la página de inicio.
- Haga clic en el botón Cerrar
para cerrar el editor de la página de inicio. - En la parte superior del sitio, haga clic en Inicio para ver su página de inicio.
Encabezado
El encabezado de la página de inicio puede incluir cualquiera de los siguientes elementos: una imagen de portada, un título de la organización y un logotipo de la organización.
Para configurar el encabezado de la página de inicio, realice lo siguiente:
- Siga los cuatro primeros pasos de la sección Crear una página de inicio anterior.
- En Contenido, haga clic en Encabezado.
- Opcionalmente, incluya el título de su organización en el encabezado,
- Active el botón de alternancia Mostrar título de la organización.
- En el cuadro de texto Título de la organización, conserve el título (importado de la configuración del perfil de la organización) o escriba uno nuevo.
- En el menú desplegable Colores del encabezado, seleccione un color para el texto del título.
Nota:
Si ha especificado un tema de color predefinido o personalizado para el diseño de su página de inicio, al seleccionar un color nuevo en el menú desplegable se invalidará el estilo de color especificado para este elemento.
- Opcionalmente, incluya el logotipo de una organización en el encabezado.
- Active el botón de alternancia Mostrar logotipo de la organización.
- Haga clic en Elegir archivo y vaya al archivo de imagen en su equipo de escritorio.
Los formatos de imagen aceptables son PNG, GIF y JPEG. Para obtener los mejores resultados, el logotipo debería tener una anchura de 300 píxeles y una altura de 300 píxeles.
- Aplique el desplazamiento panorámico y el zoom a lo que desea que aparezca en su logotipo.
Dependiendo del tamaño y la resolución del archivo de imagen y del zoom que aplique para personalizar la vista en miniatura, puede que la imagen se remuestree y escale cuando se guarde.
- Haga clic en Guardar.
- Opcionalmente, incluya una imagen de portada en el encabezado.
- Active el botón de alternancia Mostrar imagen de portada.
- Use una de las siguientes opciones para seleccionar una opción de imagen de portada:
- Usar una portada de archivo: aplicar una imagen de portada de archivo lista para usar. Seleccione una imagen en el menú desplegable.
- Cargar una portada personalizada: cargar una portada personalizada. Haga clic en Elegir archivo y vaya hasta un archivo de imagen en su equipo de escritorio. Los formatos de imagen aceptables son PNG, GIF y JPEG. Haga clic en Guardar.
Nota:
La imagen debe tener un tamaño de aproximadamente 1920 píxeles de ancho por 1080 de alto. Tenga en cuenta el tamaño de su archivo de imagen antes de cargarlo, ya que los tamaños de archivo grandes pueden afectar al rendimiento de algunos usuarios del sitio web. El tamaño de archivo debe ser inferior a 1 MB.
- Haga clic en Opciones de diseño y realice cualquiera de las siguientes acciones:
- Seleccione una altura para la pantalla completa de imagen de portada, pantalla de dos tercios o media pantalla.
- Ajuste el punto focal de la imagen de portada haciendo clic en la ventana de vista previa de la imagen. El punto focal que especifique determina el centro de la imagen en todos los tamaños de pantalla.
- Use el control deslizante Opacidad de superposición para ajustar la opacidad de la imagen de portada.
- Ajuste la alineación vertical del título y del logotipo y su posición horizontal en relación con la imagen de portada.
Nota:
Si elige Alinear a la izquierda, la alineación del título se ajusta dinámicamente en función del tamaño de la pantalla. Si hace que el tamaño de la pantalla se reduzca en un equipo de escritorio, el título se centra más. En una tableta o teléfono, el título siempre aparece centrado independientemente de la opción de alineación que se elija.
- Haga clic en Guardar para guardar la configuración del encabezado.
Bloques de contenido
La página de inicio puede incluir hasta 15 bloques de contenido, incluido texto, galerías de elementos y vínculos. Utilice bloques de texto para configurar los títulos y otros contenidos de texto sobre su organización. Configure las galerías de elementos para mostrar mapas, escenas, aplicaciones y otros elementos de contenido. Agregue bloques de vínculos personalizados para ayudar a los miembros y visitantes a descubrir más contenido.
Cuando se configura una galería de elementos, se especifica un grupo que contiene los elementos que se desea visualizar. Esto permite configurar galerías personalizadas para mostrar diferentes contenidos para diferentes audiencias. Por ejemplo, una organización que permite acceso anónimo puede desear que algunos elementos estén visibles solo para los miembros de la organización y ocultos para los visitantes del sitio que no sean miembros.
Puede controlar la visibilidad de galerías de elementos y elementos de galería individuales con una combinación de ajustes de grupo (¿Quién puede ver este grupo?) y niveles de uso compartido de elementos del siguiente modo:
| ¿Para quién es la galería de elementos? | Hacer grupo visible por | Definir nivel de uso compartido de elemento en |
|---|---|---|
Todos (público) | Todos (público) | Todos (público) |
Todos los miembros de la organización | Personas de la organización | Organización |
Miembros concretos de la organización | Personas de la organización | Grupo de galerías de elementos y otros grupos específicos |
Si una galería de elementos no tiene elementos visibles para alguien que vea la página de inicio, la galería no aparece. Por ejemplo, los que no sean miembros no verán una galería que solo contenga elementos compartidos al nivel de la organización.
Al configurar un bloque de vínculos, puede incluir hasta ocho vínculos. Puede utilizar URL del sitio web y direcciones de correo electrónico para sus vínculos. Se deben utilizar URL HTTPS válidas y sintaxis de vínculo mailto. Puede configurar los vínculos para que aparezcan como texto subrayado o como botones. También puede incluir una imagen para cada vínculo.
Cada bloque de contenido se puede personalizar para satisfacer las necesidades de su organización y su comunidad de usuarios. Una vez configurados, los bloques pueden reordenarse en la página y editarse según sea necesario.
Para configurar bloques de contenido en la página de inicio, haga lo siguiente:
- Siga los cuatro primeros pasos de la sección Crear una página de inicio anterior.
- En Contenido, haga clic en Bloques de contenido.
- Para agregar un bloque de texto, realice lo siguiente:
- Haga clic en Agregar bloque y haga clic en Texto.
- Para incluir un título, active el botón de alternancia Mostrar título y escriba un título.
- Para incluir el texto del cuerpo, active el botón de alternancia de Mostrar texto de cuerpo y escriba el texto del cuerpo en el cuadro de texto Texto de cuerpo.
Para incluir hipervínculos en el texto del cuerpo, haga clic en Agregar vínculo. En la ventana Agregar vínculo, escriba un título de vínculo y un destino del vínculo y haga clic en Agregar. El destino del vínculo debe ser una dirección URL HTTPS válida (por ejemplo, https://www.arcgis.com/home), o un vínculo mailto (por ejemplo, mailto:info@example.com). El vínculo se agrega al cuadro de texto Texto de cuerpo utilizando sintaxis Markdown.
- Elija una opción de alineación para el texto.
- En el menú desplegable Colores del bloque, seleccione un color de fondo para el bloque de texto.
Nota:
Si ha especificado un tema de color predefinido o personalizado para el diseño de su página de inicio, al seleccionar un color nuevo en el menú desplegable se invalidará el estilo de color especificado para este elemento.
- Haga clic en Guardar para guardar la configuración del bloque de texto.
- Repita estos pasos para cada bloque de texto.
- Para configurar una galería de elemento, haga lo siguiente:
- Haga clic en Agregar bloque y haga clic en Galería de elementos.
- Haga clic en el cuadro Grupo y busque y seleccione un grupo cuyo contenido desee presentar en la galería.
- Para incluir un título del grupo, active el botón de alternancia Mostrar título y escriba un título.
- Para incluir un resumen, active el botón de alternancia Mostrar resumen y escriba un resumen en el cuadro de texto Resumen.
Para incluir hipervínculos en el resumen de la galería, haga clic en Agregar vínculo. En la ventana Agregar vínculo, escriba un título de vínculo y un destino del vínculo y haga clic en Agregar. El destino del vínculo debe ser una dirección URL HTTPS válida (por ejemplo, https://www.arcgis.com/home), o un vínculo mailto (por ejemplo, mailto:info@example.com). El vínculo se agrega al cuadro de texto Resumen utilizando sintaxis Markdown.
- Elija una opción de alineación para el título y el texto de resumen.
- Seleccione un número en el menú desplegable. Número de elementos visualizados.
- Si lo desea, desactive el botón de alternancia Mostrar contenido destacado para mostrar los últimos elementos agregados al grupo en lugar del contenido del grupo destacado en la galería de elementos.
Esta opción solo está disponible si el grupo seleccionado tiene una galería seleccionada de elementos destacados.
- Para cambiar el modo en que los elementos se ordenan, seleccione una opción del menú desplegable Ordenar elementos por. Por ejemplo, puede clasificar los elementos por recuento de vistas o por propietario. Para ordenar los elementos en orden descendente en lugar de ascendente, desactive la casilla de verificación Orden ascendente.
- En el menú desplegable de Mostrar tipos de elementos, seleccione el tipo de elementos que se van a mostrar (por ejemplo, Mapas o Aplicaciones) o seleccione Todo para mostrar todos los tipos de elementos de la galería.
- En la sección Preferencias de visualización del elemento, realice una de las siguientes acciones:
- En el menú desplegable Colores del bloque seleccione un color de fondo diferente para la galería si es necesario.
Nota:
Si ha especificado un tema de color predefinido o personalizado para el diseño de su página de inicio, al seleccionar un color nuevo en el menú desplegable se invalidará el estilo de color especificado para este elemento.
- Especifique la información que desea visualizar en las tarjetas de elementos. Por ejemplo, puede desactivar los botones de alternancia Mostrar tipo de elemento y Mostrar resumen del elemento para ocultar esta información.
- En el menú desplegable Colores del bloque seleccione un color de fondo diferente para la galería si es necesario.
- Repita estos pasos para cada galería.
- Para agregar un bloque de vínculo, realice lo siguiente:
- Haga clic en Agregar bloque y haga clic en Vínculo.
- Si lo desea, active el botón de alternancia Agregar imágenes a vínculos para incluir una imagen para cada vínculo del bloque.
- Haga clic en Agregar vínculo.
- En el cuadro de texto Título del vínculo, escriba un título para el vínculo.
- Si ha activado la opción para incluir imágenes, haga clic en Cargar imagen en el cuadro Imagen de vínculo, vaya a una imagen y haga clic en Guardar.
Para obtener los mejores resultados, elija una imagen de 800 píxeles de ancho por 600 de alto.
- En el cuadro de texto Destino del vínculo, escriba una URL HTTPS de sitio web o un vínculo de correo electrónico válidos.
Sugerencia:
La sintaxis válida para los vínculos de correo electrónico es mailto:info@example.com.
- Haga clic en Agregar para agregar el vínculo.
- Repita los pasos anteriores para agregar vínculos al bloque.
Cada bloque de vínculo puede contener hasta ocho vínculos.
- Para mostrar cada vínculo como un botón, active el botón de alternancia Mostrar contornos del botón. Desactive el botón de alternancia para mostrar los vínculos como texto subrayado.
- En el menú desplegable Colores del bloque, seleccione un color de fondo diferente para el bloque de vínculo según sea necesario.
Nota:
Si ha especificado un tema de color predefinido o personalizado para el diseño de su página de inicio, al seleccionar un color nuevo en el menú desplegable se invalidará el estilo de color especificado para este elemento.
- Realice alguna de las siguientes acciones para administrar los vínculos:
- Para editar un vínculo, haga clic en el botón Editar
, realice los cambios necesarios y haga clic en Guardar. - Para eliminar un vínculo, haga clic en el botón Eliminar
. - Para cambiar el orden de los vínculos en el bloque, haga clic en el botón Reordenar
situado junto a un vínculo y arrástrelo a una nueva posición.
- Para editar un vínculo, haga clic en el botón Editar
- Haga clic en Guardar cuando haya terminado de configurar los bloques.
- En el panel Cuerpo, realice lo siguiente para editar y ordenar los bloques que configuró:
- Para editar un bloque, haga clic en el botón Editar , realice los cambios necesarios y, a continuación, haga clic en Guardar.
- Para eliminar un bloque, haga clic en el botón Eliminar .
- Para cambiar la posición de los bloques en la página de inicio, haga clic en el botón Reordenar en un bloque y arrástrelo a una nueva posición.
- Para editar un bloque, haga clic en el botón Editar
- Haga clic en Guardar cuando haya terminado.
Pie de página
Puede configurar un vínculo de contacto y un texto de pie de página personalizados para su organización, además de elegir un color de fondo para el pie de página.
Para configurar el pie de página de la página de inicio, realice lo siguiente:
- Siga los cuatro primeros pasos de la sección Crear una página de inicio anterior.
- En Contenido, haga clic en Pie de página.
- Para incluir texto personalizado (por ejemplo, texto de copyright) en el pie de página, active el botón de alternancia de Mostrar texto del pie de página y escriba el texto del pie de página.
Para incluir hipervínculos en el texto de pie de página personalizado, haga clic en Agregar vínculo. En la ventana Agregar vínculo, escriba un título de vínculo y un destino del vínculo y haga clic en Agregar. El destino del vínculo debe ser una dirección URL HTTPS válida (por ejemplo, https://www.arcgis.com/home), o un vínculo mailto (por ejemplo, mailto:info@example.com). El vínculo se agrega al cuadro Texto de pie de página utilizando sintaxis Markdown.
- Para incluir un vínculo Póngase en contacto con nosotros en el pie de página, active el botón de alternancia Mostrar vínculo de contacto y escriba la dirección de correo electrónico que se utilizará para el vínculo.
- En el menú desplegable Colores del bloque, seleccione un color de fondo para el pie de página de la página de inicio.
Nota:
Si ha especificado un tema de color predefinido o personalizado para el diseño de su página de inicio, al seleccionar un color nuevo en el menú desplegable se invalidará el estilo de color especificado para este elemento.
- Haga clic en Guardar para guardar la configuración del pie de página.
Nota:
Puede configurar vínculos adicionales para que aparezcan en el pie de página de la página de inicio editando la propiedad footerLinks en Directorio de Portal for ArcGIS (API de uso compartido). Consulte Configurar las opciones avanzadas del portal para más información.
Colores
El editor de la página de inicio le permite controlar los colores que se muestran en su página de inicio. Puede elegir entre una lista de ocho temas de color predefinidos para aplicarlos al contenido de su página de inicio. Cada tema de color contiene estilos de color que definen los colores de texto, fondo, título y botón o vínculo.
Si los temas predefinidos no responden a sus necesidades (por ejemplo, si su organización tiene requisitos de colores de marca concretos), puede crear un tema de color personalizado con estilos de color configurados por usted.
Para configurar colores para la página de inicio, haga lo siguiente:
- Siga los cuatro primeros pasos de la sección Crear una página de inicio anterior.
- En Diseño, haga clic en Colores.
- Haga clic en Usar tema predefinido o Usar tema personalizado.
- Si utiliza temas predefinidos, seleccione un tema predefinido del menú desplegable y, si lo desea, modifique el estilo de color aplicado a cualquiera de los componentes de la página de inicio (por ejemplo, un bloque de texto o una galería).
- Si configura un tema de color personalizado, configure uno o varios estilos personalizados de la siguiente manera:
- En Estilos de color personalizados, haga clic en Agregar estilo personalizado.
- Escriba un nombre para el estilo.
- En Configurar colores, haga clic en el botón Editar estilo personalizado junto a un elemento de bloque (por ejemplo, Fondo).
- Especifique un color proporcionando un valor hexadecimal, valores RGB o valores HSV, o bien seleccionando un color del selector de color, de la paleta de colores predefinidos o de los colores de tema compartido (si se define).
- Repita estos pasos para cada elemento de bloque para el que desee configurar los colores.
- Si alguno de los elementos está marcado como No legible, haga clic en el botón Editar estilo personalizado del elemento y configure un color diferente.
En su lugar, puede ajustar el color de fondo.
Nota:
Se calcula una relación de contraste y se muestra para cada uno de los colores de título, resumen y vínculo o botón. La relación de contraste es una medida de la cantidad de contraste entre el color de fondo y cada uno de estos colores especificados. Las relaciones de contraste más altas tienen una mayor legibilidad según los estándares de accesibilidad WCAG 2.1. Una relación de contraste menor que 4,5 se marca como No legible.
- En la ventana Agregar estilo personalizado, haga clic en Guardar cuando haya terminado.
- Para crear estilos personalizados adicionales, repita el paso anterior.
Sugerencia:
Para crear un estilo de color personalizado basado en un estilo existente, puede hacer clic en el botón Editar
de un estilo, escribir un nombre para el nuevo estilo, configurar los colores del estilo y hacer clic en Guardar como estilo nuevo. - Para editar un estilo de color personalizado, haga clic en el botón Editar , realice cambios en el nombre o los colores del estilo y haga clic en Sobrescribir estilo.
- Para eliminar un estilo de color personalizado, haga clic en el botón Eliminar , confirme que desea eliminar el estilo y haga clic en Eliminar.
Nota:
Si elimina el estilo, se aplica un estilo gris a cualquier bloque de la página de inicio al que se le aplique el estilo personalizado que desea eliminar.
- Haga clic en Guardar para guardar su configuración de color.
Tipografía
El editor de la página de inicio le permite controlar las fuentes que se muestran en su página de inicio. Puede elegir de una lista de temas de fuente predefinidos diseñados para que su página de inicio tenga un aspecto profesional. Cada tema de fuente predefinido incluye una fuente para los títulos y una fuente para el texto del cuerpo.
Si los temas predefinidos no responden a sus necesidades (por ejemplo, si su organización tiene requisitos de fuentes de marca concretos o necesita más opciones de fuentes), puede crear un tema de fuente personalizado seleccionando una combinación de fuente de cuerpo y título de una selección de fuentes habituales.
Para configurar fuentes para la página de inicio, haga lo siguiente:
- Siga los cuatro primeros pasos de la sección Crear una página de inicio anterior.
- En Diseño, haga clic en Tipografía.
- Haga clic en Usar tema predefinido o Usar tema personalizado.
- Realice una de las siguientes acciones:
- Si está utilizando un tema de fuente predefinido, elija uno de la lista.
- Si está utilizando un tema de fuente personalizado, seleccione una fuente de título y una fuente de cuerpo en los menús desplegables.
- Haga clic en Guardar para guardar su configuración de fuente.