AEM Editor de página de editing-page-content

Una vez creada la página en el Sites consola, AEM puede editar el contenido de la página mediante el editor de páginas de la página de la, una potente herramienta para crear el contenido.

NOTE
Al editar una página en Sites consola, la consola abrirá el editor correspondiente a la página de plantilla: el editor de páginas descrito en este documento o la variable Editor universal.
NOTE
Su cuenta necesita los derechos de acceso y permisos adecuados para editar páginas. Póngase en contacto con el administrador del sistema si no tiene permisos.

Orientación orientation

AEM El editor de páginas de la consta principalmente de tres secciones:

  1. La barra de herramientas : La barra de herramientas le permite acceder rápidamente al modo de cambio de página y a ajustes de página adicionales.
  2. El panel lateral : el panel lateral le permite acceder a los componentes y recursos de la página, así como a otras herramientas de creación.
  3. El editor : El editor es donde realiza cambios en el contenido y lo previsualiza.

Diseño del editor de páginas

El contenido se añade empleando los componentes (según el tipo de contenido) que pueden arrastrarse a la página. Después estos se pueden editar local, mover o eliminar.

Barra de herramientas page-toolbar

La barra de herramientas de la página ofrece acceso a la funcionalidad adecuada al contexto, en función de la configuración de la página.

Barra de herramientas del editor de páginas

Panel lateral side-panel-button

Esto abre o cierra el panel lateral, que contiene el Explorador de recursos, el Explorador de componentes y el Árbol de contenido.

Alternar panel lateral

Información de la página page-information

Esto proporciona acceso a información detallada de la página, incluidos detalles de página y acciones que se pueden realizar en la página, como ver y editar información de página, ver propiedades de página y publicar/cancelar la publicación de la página.

Botón Información de página

Información de página abre un menú desplegable que proporciona detalles sobre la última edición y la última publicación de la página seleccionada. Hay acciones adicionales disponibles según las características de la página, su sitio y la instancia.

Además, Información de página puede proporcionar acceso a análisis y recomendaciones, cuando proceda.

Emulador emulator

Esto activa y desactiva la opción barra de herramientas del emulador, que se utiliza para emular el aspecto de la página en otro dispositivo. Esto se activa automáticamente en el modo de diseño.

Botón Emulador

ContextHub context-hub

Esto abre el ContextHub. Solo está disponible en Previsualizar modo.

Botón Context Hub

Título de página page-title

Este es el título de la página, en mayúsculas como información.

Título de página

Selector de modo mode-selector

El selector de modo muestra el modo y permite seleccionar otro modo, como edición, diseño, deformación de tiempo o segmentación.

Botón Selector de modo

Al editar una página existen varios modos que permiten realizar diferentes acciones:

  • Editar - El modo que se utilizará al editar el contenido de la página
  • Diseño : Permite crear y editar un diseño interactivo en función del dispositivo (si la página está basada en un contenedor de diseños).
  • Segmentación : Mejora la relevancia del contenido mediante la segmentación y efectuando mediciones en todos los canales.
  • Deformación de tiempo - Ver el estado de una página en un momento determinado
  • Estado de Live Copy : permite obtener una descripción general rápida del estado de la Live Copy y de los componentes que se heredan o no
  • Modo de desarrollador
  • Previsualizar : vea la página tal como se muestra en el entorno de publicación o para navegar mediante vínculos en el contenido
  • Anotar - Agregar o ver anotaciones en la página
NOTE
  • Según las características de la página, es posible que algunos modos no estén disponibles.
  • El acceso a algunos modos requiere los permisos o privilegios adecuados.
  • El modo de desarrollador no está disponible en dispositivos móviles debido a las restricciones de espacio.
  • Hay un atajo de teclado ( Ctrl-Shift-M) para alternar entre Previsualizar y el modo seleccionado actualmente (por ejemplo, Editar, Diseño, etc.).

Vista previa preview

El Previsualizar El botón habilita modo de vista previa., mostrando la página tal como aparecerá cuando se publique.

Botón Vista previa

Anotar annotate

Anotar El modo permite añadir anotaciones a la página cuando revise una página. Después de la primera anotación, el icono cambia a un número que indica el número de anotaciones que tiene la página.

Botón Anotación

Panel lateral side-panel

El panel lateral proporciona acceso a tres pestañas diferentes.

  • El navegador de componentes para añadir contenido nuevo a su página.
  • Explorador de recursos para agregar nuevos recursos a la página
  • El árbol de contenido para examinar la estructura de la página

El panel lateral del editor de páginas

Consulte el documento Panel lateral del editor de páginas para obtener más información.

Editor editor

En el editor es donde se realizan los cambios directamente en el contenido de la página. La página se procesa como lo vería y puede arrastrar y soltar contenido nuevo mediante los exploradores de recursos o componentes del panel lateral, así como editar contenido in situ.

El editor del editor de páginas

Edición de contenido editing-content

Ahora que comprende el editor de páginas, está listo para editar su contenido.

Consulte el documento AEM Edición de contenido con el editor de páginas de la para obtener más información.

Notificación de estado status-notification

Si una página forma parte de un workflow Para varios flujos de trabajo, esta información se muestra en una barra de notificación debajo de la barra de herramientas al editar la página.

Notificaciones del flujo de trabajo

NOTE
La barra de estado solo se puede ver para las cuentas de usuario con los privilegios adecuados.

La notificación enumera el flujo de trabajo que se ejecuta en la página. Si el usuario participa en el paso del flujo de trabajo actual, también dispondrá de opciones que tengan efecto sobre el estado del flujo de trabajo y podrá obtener más información sobre el flujo de trabajo, como la siguiente:

  • Completar: abre el cuadro de diálogo Completar elemento de trabajo.
  • Delegar: abre el cuadro de diálogo Completar elemento de trabajo.
  • Ver detalles: abre la ventana Detalles  del flujo de trabajo.

Completar y delegar los pasos del flujo de trabajo mediante la barra de notificaciones funciona igual que al participar en flujos de trabajo desde la bandeja de entrada de notificaciones.

Si la página está sujeta a varios flujos de trabajo, el número de los mismos se muestra en el extremo derecho de la notificación, junto a dos botones de flecha que permiten desplazarse por los flujos de trabajo.

Varias notificaciones del flujo de trabajo

Estado de Live Copy live-copy-status

El Estado de Live Copy el modo de página le ofrece una visión general rápida del estado de live copy y de los componentes que se heredan o no:

  • Borde verde: heredado
  • Borde rosa: se ha cancelado la herencia

Por ejemplo:

Ejemplo del estado de la Live Copy que se muestra

Previsualizar páginas previewing-pages

Existen dos métodos para visualizar la vista previa de una página:

TIP
  • Los vínculos del contenido son visibles, pero no accesibles en Editar modo.
  • Utilice cualquiera de las opciones de vista previa si desea navegar mediante sus vínculos.
  • Utilice el atajo de teclado Ctrl-Shift-M para cambiar entre la vista previa y el último modo seleccionado.
NOTE
La cookie del modo WCM está establecida para las dos opciones.

Modo de vista previa preview-mode

Al editar contenido, puede obtener una vista previa de la página mediante el modo de vista previa. Este modo:

  • Oculta los distintos mecanismos de edición para ofrecerle una vista rápida del aspecto que tendrá la página cuando se publique.
  • Permite utilizar vínculos para desplazarse.
  • No actualiza el contenido de la página.

Durante la creación, el modo de vista previa está disponible mediante el icono situado en la parte superior derecha del editor de páginas:

Botón Vista previa

Ver como aparece publicado view-as-published

La opción Ver tal y como aparece publicado está disponible en el menú información de la página. Esta opción abre la página en una nueva pestaña, actualiza el contenido y muestra la página exactamente como aparecerá en el entorno de publicación.

Bloquear y desbloquear una página locking-unlocking

AEM le permite bloquear páginas para que nadie más pueda editar su contenido. El bloqueo es útil cuando realiza numerosas ediciones en una página específica o cuando necesita congelar una página durante un corto tiempo.

  1. Seleccione el icono Información de la página para abrir el menú.
  2. Seleccione la opción bloquear página.

Una vez bloqueado, se muestra un símbolo de bloqueo en la barra de herramientas del editor de páginas.

Ejemplo de página bloqueada

Desbloquear una página es muy similar a bloquear la página. Una vez bloqueada la página, las opciones de bloqueo se sustituyen por las acciones de desbloqueo.

CAUTION
  • El bloqueo de páginas se puede realizar al suplantar a un usuario. Sin embargo, una página bloqueada de este modo solo se puede desbloquear (por clientes) utilizando el usuario que se ha suplantado.
  • Las páginas no se pueden desbloquear al suplantar al usuario que ha bloqueado la página.
  • Si el usuario que ha bloqueado la página no está disponible para desbloquearla, póngase en contacto con Asistencia al cliente para evaluar las opciones para quitar el bloqueo.

Deshacer y rehacer modificaciones de páginas undoing-and-redoing-page-edits

Los iconos siguientes le permiten deshacer o rehacer una acción. Se muestran en la barra de herramientas cuando corresponde:

Botones Deshacer y Rehacer

TIP
  • También dispone del atajo de teclado Ctrl-Z para deshacer las acciones de edición de página.
  • También dispone del atajo de teclado Ctrl-Y para rehacer las acciones de edición de página.
NOTE
Consulte el documento Limitaciones de Deshacer y Rehacer para ver todos los detalles de las posibilidades de deshacer y rehacer ediciones de página.
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab