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.

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.

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

Acceso directo accessing-directly

Comprensión de la IU ui

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

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.

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.

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.

Soluciones solutions

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

Ayuda help

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

Notificaciones notifications

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

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.

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.

El botón Inicio home-button

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

En la página de inicio puede introducir la dirección URL del sitio que desea editar con 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.

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.

Configuración del emulador emulator

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

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

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:

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.

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.

Publicación publish

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

Puntos suspensivos ellipsis

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

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.

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.

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.

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

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

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.

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

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.

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.

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.

Al tocar o hacer clic en el botón Agregar, se abre un menú desplegable de componentes disponibles para agregar al 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.

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.

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

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.