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.
- Para obtener más información sobre la creación mediante el Editor universal, consulte el documento Creación de contenido con el Editor universal.
- Para obtener una introducción más detallada al editor universal, consulte el documento Introducción al 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
- Inicie sesión en la instancia de creación de AEM as a Cloud Service.
- Use la consola Sites para navegar a la página creada para usarla con el editor universal que desee editar.
- Edite la página.
- El editor universal se abre para editar la página seleccionada.
Acceso directo accessing-directly
-
Inicie sesión en el editor universal. Necesita un Adobe ID para iniciar sesión y tener acceso al Editor universal.
-
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.
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.
l
(la letra l) para abrir la barra de direcciones.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:
- 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.
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.
o
(la letra o) para abrir la vista previa de la aplicación.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.
- Para obtener más información sobre las posibilidades de extensión, consulte Personalización y ampliación del editor universal.
- Para obtener información detallada sobre cómo funciona una extensión individual, consulte la documentación del Extension Manager.
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.
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.
Al seleccionar un elemento en el árbol de contenido, el editor se desplaza hasta ese contenido y lo selecciona.
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.
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.
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.
Al tocar o hacer clic en el botón Agregar, se abre un menú desplegable de componentes disponibles para agregar al contenedor seleccionado.
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.
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.
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.
- Para obtener más información sobre las posibilidades de extensión, consulte Personalización y ampliación del editor universal.
- Para obtener información detallada sobre cómo funciona una extensión individual, consulte la documentación del Extension Manager.
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.