Conceptos básicos de la edición del sitio

Después de crear un sitio o una iniciativa, puede utilizar el editor del sitio y su panel lateral para configurar la configuración del sitio, proyectar su diseño y agregar páginas.

En este tema aprenderá a realizar las acciones siguientes:

  • Inicie una sesión de edición en el editor del sitio, guarde su trabajo y visualice sus cambios.
  • Utilice filas y tarjetas para el diseño de un sitio o página.
  • Establezca colores de fondo, colores de texto y fuentes.
  • Configure un encabezado y un pie de página.

Abra un sitio en el modo de edición.

Para empezar, abra el sitio en el modo de edición. Para obtener información sobre cómo abrir una página en modo de edición, consulte Abrir una página en modo de edición.

Desde una ventana del navegador

Para abrir un sitio en modo de edición desde su navegador, siga estos pasos:

  1. Abra la URL del sitio en una nueva ventana del navegador y haga clic en Iniciar sesión en la barra de navegación global.
  2. Haga clic en el botón de edición Editar para abrir el editor del sitio.

    Nota:

    Para iniciar sesión y editar un sitio, la navegación global debe estar habilitada y debe pertenecer al equipo central del sitio, tener privilegios administrativos o ser el propietario original del sitio.

Desde ArcGIS Hub

Si la navegación global está deshabilitada para un sitio, puede abrir el sitio desde ArcGIS Hub:

  1. Inicie sesión en ArcGIS Hub en hub.arcgis.com.
  2. En la página Descripción general, haga clic en Administrar en Sitio o Iniciativas.
  3. Haga clic en el título de un sitio o iniciativa para abrir el editor del sitio.

Desde ArcGIS Online

Para abrir el sitio en modo de edición desde ArcGIS Online, siga estos pasos:

  1. Inicie sesión en ArcGIS Online.
  2. Busque el elemento Aplicación del sitio de hub del sitio o del sitio de la iniciativa en Contenido.
  3. Haga clic en el elemento para abrir su página de detalles del elemento y haga clic en Configurar aplicación.

Guardar los cambios

A medida que edite el sitio, guarde los cambios con regularidad. El botón Guardar se encuentra en la esquina superior derecha de la barra de navegación de edición. Si lo desea, puede publicar su sitio como borrador para que otros usuarios lo revisen. Para obtener más información, consulte Publicar un sitio o página.

Nota:

Si los miembros del equipo central están editando el sitio simultáneamente o el sitio está abierto en varias pestañas, se aplican las ediciones realizadas por la última persona que ha guardado y cerrado el sitio. Las pestañas abiertas no se actualizan automáticamente para mostrar los nuevos cambios, por lo que es mejor si un miembro del equipo central a la vez edita un sitio.

Acciones del panel lateral y barra de navegación de edición

Para la mayoría de los flujos de trabajo de edición de sitios, utilizará el panel lateral de su sitio. Este panel incluye los menús Configuración, Encabezado, Tema, Diseño y Pie de página.

Para abrir el panel lateral, haga clic en el botón de alternancia del panel lateral botón de alternancia del panel lateral. Haga clic en el botón Atrás situado junto a Personalizar en la parte superior del panel para volver al menú raíz.

El editor del sitio también incluye una barra de navegación de edición en la parte superior del editor de diseño que permite acceder a entidades adicionales, como equipos, comentarios y la biblioteca de contenido. También puede guardar su sitio y acceder a la página de detalles del elemento de su sitio en ArcGIS Online desde esta barra. Haga clic en el botón Más Más y seleccione Editar en ArcGIS Online.

Definir el diseño del sitio

Para empezar a proyectar el diseño de su sitio, abra el menú Diseño en el panel lateral para acceder a una selección de tarjetas que permiten agregar imágenes, texto, aplicaciones, contenido multimedia y otros componentes a su sitio.

El diseño predeterminado de su sitio está diseñado para mostrarle cómo puede combinar tarjetas para construir una narración cohesiva que se centra en proporcionar contexto antes de introducir su contenido. Puede adoptar este formato como está, actualizar sus colores y contenido o eliminar todas las tarjetas y empezar con un diseño en blanco.

Para familiarizarse con la edición del diseño de su sitio, siga estos pasos para agregar una nueva tarjeta de fila:

  1. Haga clic en Diseño en el panel lateral.
  2. Arrastre la tarjeta Fila desde el panel lateral en el diseño y coloque la fila donde desee.
    Nota:

    Las filas son los bloques de construcción del diseño y son necesarias en cualquier lugar donde desee insertar una tarjeta, como un texto, una aplicación o una tarjeta de imagen.

  3. Arrastre una tarjeta, como la tarjeta de texto, desde el panel lateral hasta la nueva fila y coloque la tarjeta donde desee.

    Sugerencia:
    Para cambiar la posición de una tarjeta en una fila, pase el cursor por la esquina superior derecha de la tarjeta y utilice el botón de posición Posición para moverla. También puede utilizar las flechas a la derecha y a la izquierda de la tarjeta para cambiar su tamaño.

  4. Para cambiar la posición de una fila, existe la posibilidad de pasar el cursor por la esquina superior derecha de la fila y utilizar el botón de posición Posición para mover la fila.

    Puede mover la fila, incluida cada tarjeta que contiene, a un nuevo lugar en el diseño.

  5. Haga clic en Guardar.
  6. Para eliminar una tarjeta o fila, haga clic en el botón de eliminar Eliminar.

Configuración del sitio

Cada sitio tiene su propia configuración que permite controlar determinados elementos, como la configuración de URL y el nombre del sitio y el resumen, e interacciones, como las descargas privadas y la navegación global.

Sugerencia:

La URL de su sitio es un ajuste importante que debe configurarse con antelación. Para configurar la URL con un dominio personalizado o para cambiar el nombre del sitio, plantéese configurar la URL del sitio ahora.

Para obtener más información, consulte Configurar los ajustes del sitio.

Encabezados, pies de página y navegación global

Un encabezado y un pie de página son importantes para completar el diseño de su sitio. En el encabezado, puede introducir su sitio agregando la marca y creando un menú que ayude a los visitantes a encontrar contenido, páginas y sitios web externos. El pie de página indica el final de su sitio y proporciona espacio para obtener información útil, como la información de copyright, la ubicación y la información de contacto de su organización.

Además, todos los sitios nuevos están habilitados con la navegación global, una capacidad que coloca una barra compacta fina sobre el encabezado. Esta barra permite a los visitantes buscar contenido de su sitio utilizando palabras clave y frases, acceder a su perfil de usuario y ver notificaciones.

Nota:

En dispositivos más pequeños, como un teléfono móvil, el encabezado se contrae en un menú desplegable y los elementos de navegación globales (incluida la opción de ArcGIS Hub Premium para agregar una iniciativa a sus favoritos) están disponibles en un panel lateral para que los visitantes puedan examinar su contenido con cualquier tamaño de pantalla.

El encabezado, el pie de página y la barra de navegación global siguen siendo coherentes en el sitio y sus páginas para garantizar que los visitantes puedan volver a la página original al seguir vínculos a otras páginas.

Puede utilizar código personalizado en encabezados y pie de página. También puede utilizar las opciones del menú Encabezado del panel lateral para configurar lo siguiente (no se requiere programación):

  • Un logotipo
  • Color del texto y el fondo del encabezado
  • Iconos sociales para conectar visitantes con sus plataformas de redes sociales
  • Vínculos de menú a páginas y recursos adicionales para crear la navegación del sitio

Para obtener más información, consulte Implementar imagen de marca en un sitio con opciones de encabezado y tema y Configurar la navegación global y los vínculos de menú.

Colores y fuentes

Puede definir los colores del encabezado, la barra de navegación global, los botones, el texto y los colores de fondo utilizando el menú Tema del panel lateral. Los colores y las fuentes que seleccione se aplican a todo el diseño del sitio y a cualquier página adjunta al sitio.

Puede invalidar los colores del tema para filas individuales para obtener un control más detallado de los colores del diseño. Cada fila tiene su propia configuración que permite establecer colores de texto y fondo, así como aplicar una imagen como fondo.

Para empezar, pase el cursor por la esquina superior derecha de la fila y haga clic en el botón de configuración Configuraciónpara modificar lo siguiente:

  • Elegir un diseño de cuadro o ancho: Ancho expande la fila en todo el diseño. Cuadro muestra el contenido con un ancho fijo en la fila.
    Sugerencia:

    Cuadro es la configuración recomendada para publicar sitios que están pensados para visualizarse principalmente en dispositivos móviles.

  • Cambiar el color del texto o del fondo utilizando códigos de color hexadecimales o el control deslizante de color. Cualquier texto que aparezca en la fila aparecerá en el color que defina en esta configuración. Esto incluye el texto que se muestra en la fila utilizando cualquier tarjeta. También puede aplicar color al fondo de la fila.
    Sugerencia:

    Asegúrese de que el contraste de color entre el color de texto de fila y el color de fondo tenga o supere una relación de accesibilidad de 4.5:1 para el texto regular y de 3:1 para texto o símbolos grandes. Hay muchos sitios web que puede utilizar para comprobar el contraste de color, como WebAIM.

  • Definir una imagen de fondo. Existe la posibilidad de configurar una imagen como fondo de una fila cargando la imagen o pegando un vínculo a un archivo de imagen alojado.
    Sugerencia:

    Cuando utilice una imagen de fondo, elija una imagen con un patrón o tema simple, especialmente si desea superponer texto y otro contenido.

Para obtener más información sobre el formato de filas, consulte Agregar texto e imágenes y Crear un tema.

Páginas

Una página es una página web adicional que puede adjuntar a su sitio para adoptar el encabezado, el pie de página y el dominio personalizado de su sitio. Puede vincular a páginas adicionales utilizando vínculos de menú en el encabezado.

Nota:

Si tiene previsto cubrir una variedad de información o visualizar varios elementos utilizando iframes y la tarjeta de mapa (mapas web y escenas web), considere utilizar páginas para separar su contenido por tema. Esto mantiene la carga y el rendimiento de su sitio y ofrece a los visitantes del sitio la oportunidad de examinar el contenido a su propio ritmo.

Cada página agregada al sitio incluye un panel lateral con el mismo menú Diseño incluido en el editor del sitio. Esto significa que puede proyectar el diseño de su página utilizando tarjetas del mismo modo que diseña un sitio.

Para obtener más información sobre las páginas, consulte Agregar páginas a su sitio.