Acceder y navegar por el editor universal navigating

Conozca los conceptos básicos del acceso y la navegación por el Editor universal.

Introducción introduction

El editor universal permite editar cualquier aspecto de todo tipo de contenido en todas las implementaciones para que pueda ofrecer experiencias excepcionales, aumentar la velocidad del contenido y proporcionar una experiencia de última generación a los desarrolladores.

Para ello, se proporciona una IU intuitiva que requiere una formación mínima para comenzar a editar contenido. En este documento se describe cómo desplazarse por el editor universal.

TIP

Preparación de la aplicación prepare-app

Para poder crear contenido para una aplicación con el editor universal, el desarrollador debe instrumentarla para que admita el editor.

TIP
Consulte el documento Introducción al editor universal en AEM para ver un ejemplo de cómo configurar una aplicación de AEM para que funcione con el editor universal.

Acceso al editor universal accessing

Una vez que la aplicación está instrumentada para trabajar con el Editor Universal, el Editor Universal puede acceder tanto dentro de AEM as a Cloud Service AEM como directamente sin acceder a la.

Acceso en AEM as a Cloud Service accessing-aem

  1. Inicie sesión en la instancia de creación de AEM as a Cloud Service.
  2. Use la consola Sites para navegar a la página creada para usarla con el editor universal que desee editar.
  3. Edite la página.
  4. El editor universal se abre para editar la página seleccionada.
NOTE
Al editar una página en la consola Sites, la consola abrirá el editor correspondiente a la plantilla: del editor universal descrito en este documento o del editor de páginas 6.

Acceso directo accessing-directly

  1. Inicie sesión en el editor universal. Necesita un Adobe ID para iniciar sesión y tener acceso al Editor universal.

  2. Una vez que haya iniciado sesión, introduzca la URL de la página que desea editar en la barra de ubicación. para que pueda empezar a editar contenido, como contenido de texto o contenido multimedia.

Comprensión de la IU ui

La interfaz de usuario de se divide en estas áreas principales.

La IU del editor universal

El encabezado de Experience Cloud experience-cloud-header

El encabezado de Experience Cloud siempre está presente en la parte superior de la pantalla. Es un anclaje que le dice dónde se encuentra dentro de Experience Cloud y le ayuda a navegar a otras aplicaciones.

El encabezado de Experience Cloud

Experience Manager experience-manager

Seleccione el vínculo de Adobe Experience Cloud a la izquierda del encabezado para ir a la raíz de la solución de Experience Manager y acceder a herramientas como Cloud Manager, Cloud Acceleration Manager y Distribución de software.

Botón Navegación global

Organización organization

Muestra la organización en la que ha iniciado sesión. Seleccione esta opción para cambiar a otra organización si su Adobe ID está asociado a varias.

Indicador de organización

Soluciones solutions

Al tocar o hacer clic en el conmutador de soluciones, puede ir rápidamente a otras soluciones de Experience Cloud.

Conmutador de soluciones

Ayuda help

El icono de ayuda proporciona acceso rápido a los recursos de aprendizaje y asistencia.

Ayuda

Notificaciones notifications

Este icono se muestra con la cantidad de notificaciones incompletas asignadas actualmente.

Notificaciones

Propiedades del usuario user-properties

Seleccione el icono que representa a su usuario para acceder a la configuración. Si no tiene una imagen de usuario configurada, se le asigna un icono de forma aleatoria.

Propiedades del usuario

Barra de herramientas del editor universal universal-editor-toolbar

La barra de herramientas del Editor universal siempre está presente en la parte superior de la pantalla, justo debajo de el encabezado del Experience Cloud. Le permite un acceso rápido a otra página para editarla y publicar la actual.

Barra de herramientas del Editor universal

El botón Inicio home-button

El botón Inicio le devuelve a la página de inicio del Editor universal

Menú de hamburguesa

En la página de inicio puede introducir la dirección URL del sitio que desea editar con el editor universal.

Página de inicio

NOTE
Cualquier página que desee editar con el editor universal debe estar instrumentada para admitir el editor universal.

Barra de ubicación location-bar

La barra de ubicación muestra la dirección de la página que está editando. Seleccione para introducir la dirección de otra página que desea editar.

Barra de ubicación

TIP
Utilice la tecla de acceso directo l (la letra l) para abrir la barra de direcciones.
NOTE
Cualquier página que desee editar con el editor universal debe estar instrumentada para admitir el editor universal.

Configuración del encabezado de autenticación authentication-settings

Seleccione el icono de configuración del encabezado de autenticación si necesita establecer un encabezado de autenticación personalizado con fines de desarrollo local.

Botón de configuración del encabezado de autenticación

Configuración del emulador emulator

Seleccione el icono de emulación para definir cómo el editor universal procesa la página.

Icono Emulador

Al tocar o hacer clic en el icono de emulación, se muestran las opciones.

Opciones de emulación

De forma predeterminada, el editor se abre en un diseño de escritorio en el que el explorador define automáticamente la altura y la anchura.

En el editor universal, también puede emular un dispositivo móvil, además de lo siguiente:

  • Definir su orientación
  • Definir la anchura y la altura
  • Cambiar la orientación

Modo de vista previa preview-mode

En el modo de vista previa, la página se procesa en el editor tal como se vería en el servicio publicado. Esto permite al autor del contenido navegar por el contenido haciendo clic en vínculos, etc.

Modo de previsualización

TIP
Utilice la tecla de acceso directo p para alternar desde y hacia el modo de vista previa.

Apertura de la vista previa de la aplicación open-app-preview

Seleccione el icono de abrir vista previa de la aplicación para abrir la página que está editando en su propia pestaña del explorador, sin utilizar el editor, para previsualizar el contenido.

Apertura de la vista previa de la aplicación

TIP
Utilice la tecla de acceso directo o (la letra o) para abrir la vista previa de la aplicación.
TIP
La URL de vista previa de su aplicación se puede personalizar.

Publicación publish

Seleccione el botón Publicar para poder publicar los cambios en el contenido publicado para que los lectores lo consuman.

Botón Publicar

TIP
Consulte el documento Publicación de contenido con el editor universal para obtener más información sobre cómo publicar con el editor universal.

Puntos suspensivos ellipsis

Se puede acceder a las opciones adicionales y estándar mediante el botón de los tres puntos.

Botón de puntos suspensivos

Por ejemplo, se puede cancelar la publicación de una página (es decir, invertir la acción del botón Publish) con el botón de los tres puntos.

Botones adicionales additional-toolbar-buttons

El editor universal ofrece una experiencia de creación personalizable y ampliable. Si ve botones adicionales en la barra de herramientas, se ha ampliado el editor universal.

El Editor editor

El editor ocupa la mayor parte de la ventana y es donde se procesa la página especificada en la barra de ubicación.

Editor

Si el editor se encuentra en modo de vista previa, el contenido se podrá navegar y podrá seguir los vínculos, pero no podrá editar el contenido.

Panel Propiedades properties-rail

El panel de propiedades siempre está presente a la derecha del editor. Según su modo, puede mostrar detalles de un componente seleccionado en el contenido o la jerarquía del contenido de la página.

El panel de propiedades

Modo propiedades properties-mode

En el modo de propiedades, el panel muestra las propiedades del componente seleccionado actualmente en el editor. Este es el modo predeterminado del panel de propiedades cuando se carga una página.

Modo propiedades

Según el tipo de componente que seleccione, los detalles se pueden mostrar y modificar en el panel de propiedades.

Detalles de los componentes

No todos los componentes tienen detalles que se puedan mostrar o editar.

TIP
Utilice la tecla de acceso directo d para cambiar al modo de propiedades.

Modo de árbol de contenido content-tree-mode

En el modo de árbol de contenido, el panel muestra la jerarquía del contenido de la página.

Modo de árbol de contenido

Al seleccionar un elemento en el árbol de contenido, el editor se desplaza hasta ese contenido y lo selecciona.

Árbol de contenido

TIP
Utilice la tecla de acceso directo f para cambiar al modo de árbol de contenido.
Abrir en editor CF edit

Al editar, las opciones del componente seleccionado aparecen en el panel de propiedades, donde puede editar el componente seleccionado. Si el componente seleccionado es un fragmento de contenido, también puede seleccionar el botón Abrir en el editor de CF.

Icono de Abrir en el editor de CF

Al tocar o hacer clic en el botón Abrir en el editor de CF, se abre el editor de fragmentos de contenido en una nueva pestaña. Esto le permite acceder a toda la potencia del editor de fragmentos de contenido para editar el fragmento de contenido asociado.

Según las necesidades del flujo de trabajo, es posible que desee editar el fragmento de contenido en el editor universal o directamente en el editor de fragmentos de contenido.

TIP
Utilice la tecla de acceso directo e para abrir un fragmento de contenido seleccionado en el editor de fragmentos de contenido.
Añadir add

Si selecciona un componente contenedor en el árbol de contenido o en el editor, la opción Añadir aparecerá en el panel de propiedades.

Agregar icono

Al tocar o hacer clic en el botón Agregar, se abre un menú desplegable de componentes disponibles para agregar al contenedor seleccionado.

Agregar menú contextual

TIP
Utilice la tecla de acceso directo a para agregar un componente a un componente contenedor seleccionado.
Duplicado duplicate

Si selecciona un componente dentro de un componente contenedor en el árbol de contenido o en el editor, la opción duplicar aparece en el panel de propiedades.

Icono duplicado

Al tocar o hacer clic en el botón duplicado se duplica el componente seleccionado.

Eliminar delete

Si selecciona un componente dentro de un componente contenedor en el árbol de contenido o en el editor, la opción Eliminar aparece en el panel de propiedades.

Icono Eliminar

Al tocar o hacer clic en el botón Eliminar se elimina el componente.

TIP
Utilice la tecla de acceso directo Shift+Backspace para eliminar un componente seleccionado de un contenedor.

Botones adicionales additional-properties-rail-buttons

El editor universal ofrece una experiencia de creación personalizable y ampliable. Si ve botones adicionales en el panel de propiedades, se ha ampliado el editor universal.

Siguientes pasos next-steps

Ahora que sabe cómo acceder al Editor universal y navegar por él, está listo para crear contenido usando el Editor universal.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab