Edición del contenido de una página

Después de crear una página (nueva o como parte de un lanzamiento o Live Copy), puede editar el contenido para realizar las actualizaciones que requiera.

El contenido se añade mediante componentes (apropiado para el tipo de contenido) que se puede arrastrar hasta la página. Después estos se pueden editar local, mover o eliminar.

Barra de herramientas de página

La barra de herramientas de página ofrece acceso a las funciones correspondientes, en función de la configuración de la página.

La barra de herramientas ofrece acceso a numerosas opciones. Según el contexto y la configuración actuales, algunas opciones pueden no estar disponibles.

• Alternar panel lateral

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

  

• Información de la página

  Proporciona acceso al Información de página menú que incluye detalles de página y acciones que se pueden realizar en la página, incluida la visualización y edición de información de página, la visualización de propiedades de página y la publicación/cancelación de publicación de la página.

  

• Emulador

  Alterna el 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.

  

• ContextHub

  Abre ContextHub. Solo está disponible en el modo de vista previa.

  

• Título de página

  Esto es puramente informativo.

  

• Selector de modo

  Muestra el actual modo y permite seleccionar otro modo, como edición, diseño, deformación de tiempo o segmentación.

  

• Vista previa

  Habilita modo de previsualización. Esto muestra la página tal como aparecerá cuando se publique.

  

• Anotar

  Permite agregar 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 en la página.

  

Notificación de estado

Si una página es parte de uno o varios flujos de trabajo, esta información se muestra en una barra de notificación situada en la parte superior de la pantalla cuando edita la página.

La notificación enumera el flujo de trabajo que se ejecuta en la página. Si el usuario está implicado en el paso del flujo de trabajo actual, las opciones son afectar al estado del flujo de trabajo y también dispone de más información sobre el flujo de trabajo, como:

• 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.

Marcador de posición de componente

El marcador de posición de componente es un indicador que muestra dónde se colocará un componente cuando lo suelte, sobre el componente que está pasando el ratón por encima.

• Al añadir un componente nuevo a la página (arrastrando desde el explorador de componentes):

  

• Al mover un componente existente:

  

Insertar un componente

Inserción de un componente desde el navegador de componentes

Puede seleccionar un componente nuevo mediante el navegador de componentes. El marcador de posición de componente le muestra dónde se colocará el componente:

1. Asegúrese de que la página se encuentra en el modo de edición.
2. Abra el navegador de componentes.
3. Arrastre el componente en cuestión hasta la posición deseada.
4. Editar el componente.

Inserción de un componente desde el sistema de párrafos

Puede agregar un componente nuevo mediante el cuadro Arrastrar componentes aquí del sistema de párrafos:

1. Asegúrese de que la página se encuentra en el modo de edición.

2. Existen dos formas de seleccionar y agregar un componente nuevo desde el sistema de párrafos:

   • Seleccione el Insertar componente opción (+) de la barra de herramientas de un componente existente o de la Arrastre los componentes aquí cuadro.

     

   • En un dispositivo de escritorio puede hacer doble clic en el cuadro Arrastrar componentes aquí.

   • Se abrirá el cuadro de diálogo Insertar nuevo componente para que pueda seleccionar el componente requerido:

     

3. El componente seleccionado se agregará a la parte inferior de la página. Editar Seleccione el componente según sea necesario.

Inserción de un componente mediante el navegador de recursos

También puede agregar un componente nuevo a la página arrastrando un recurso desde el explorador de recursos. Esto creará automáticamente un nuevo componente del tipo adecuado (y que contenga el recurso).

Puede configurar este comportamiento en su instalación. Para obtener más detalles, consulte Configurar un sistema de párrafos de manera que, al arrastrar un activo, se cree una instancia de componente.

Para crear un componente arrastrando uno de los tipos de activo anteriores:

1. Asegúrese de que la página se encuentra en el modo de edición.

2. Abra el explorador de recursos.

3. Arrastre el recurso en cuestión a la posición deseada. El marcador de posición de componente le muestra dónde se colocará el componente.

   Se creará un componente, adecuado para el tipo de recurso, en la ubicación requerida; contendrá el recurso seleccionado.

4. Editar el componente, si es necesario.

Si al examinar los recursos descubre que necesita realizar algún cambio rápido en alguno de ellos, puede iniciar el editor de recursos directamente desde el explorador, haciendo clic en el icono de edición situado junto al nombre del recurso.

Barra de herramientas del componente

Si se selecciona un componente, se abrirá la barra de herramientas, que proporciona acceso a distintas acciones que se pueden realizar en el componente.

Las acciones disponibles para el usuario se mostrarán según corresponda y es posible que no todas las acciones se describan aquí.

• Editar

  En función del tipo de componente, esta opción le permite editar el contenido del componente. Normalmente se mostrará una barra de herramientas.

  Botón

• Configurar

  En función del tipo de componente, esta opción le permite editar y configurar las propiedades del componente. A menudo, se abrirá un cuadro de diálogo.

  

• Copiar

  Esto copiará el componente en el portapapeles. Después de la acción de pegar, el componente original se mantiene.

  

• Cortar

  Esto copiará el componente en el portapapeles. Después de la acción de pegar, se eliminará el componente original.

  

• Eliminar

  Esto eliminará el componente de la página con su confirmación.

  

• Insertar componente

  Esto abre el cuadro de diálogo a añadir un componente nuevo.

  

• Pegar

  Esto pegará el componente del portapapeles en la página. Si el original permanece, depende de si ha utilizado copiar o cortar.

  • Puede pegar en la misma página o en otra página.
  • El elemento pegado se pegará encima del elemento donde seleccione la acción de pegado.
  • La acción Pegar solo se mostrará si hay contenido en el portapapeles.

  

  NOTA

  Si pega en una página diferente que ya estaba abierta antes de la operación de cortar o copiar, debe actualizar la página para ver el contenido pegado.

• Grupo

  Esto le permite seleccionar varios componentes a la vez. En un dispositivo de escritorio puede conseguir lo mismo haciendo Control + clic o Comando + clic.

  

• Principal

  Permite seleccionar el componente principal del componente seleccionado.

  

• Diseño

  Esto le permite modificar el layout del componente seleccionado. Esto solo se aplica al componente seleccionado y no activa el Modo Diseño para toda la página.

  

• Conversión en una variación de fragmento de experiencia

  Esto permite crear un nuevo fragmento de experiencia a partir del componente seleccionado o añadirlo a un fragmento de experiencia.

  

Editar contenido

Hay dos métodos para añadir y/o editar contenido en los componentes:

• Abra el cuadro de diálogo de componentes para editar.
• Arrastrar y soltar un recurso desde el explorador de recursos para añadir contenido directamente.

Cuadro de diálogo de edición de contenido

Puede abrir un componente para editar el contenido mediante el icono Editar (lápiz) de la barra de herramientas del componente.

Las opciones de edición exactas dependerán del componente. Para algunos componentes todas las acciones solo estarán disponibles en modo de pantalla completa. Por ejemplo:

• Componente de texto

  

• Componente de imagen

  

  NOTA

  La edición no funciona con un componente de imagen vacío.

  Debe arrastrar o cargar una imagen al componente para poder iniciar la edición.

• Componente de imagen: pantalla completa

  La introducción del modo de pantalla completa para el componente de imagen permite disponer de más espacio para editar la imagen y mostrar opciones de edición adicionales como Iniciar mapa y Restablecer zoom. Además, la pantalla completa permite seleccionar ajustes preestablecidos de recorte.

  

• Los componentes construidos a partir de más de un componente básico primero le piden que confirme qué conjunto de opciones de edición desea utilizar:

Arrastrar y colocar recursos en un componente

Para tipos de componentes específicos (como imágenes) puede arrastrar y colocar recursos del explorador de recursos directamente en el componente para actualizar el contenido.

Editar contenido: modo de pantalla completa

Se puede acceder y salir del modo de pantalla completa de todos los componentes con la siguiente opción:

Por ejemplo, el componente Texto:

Mover un componente

Para mover un componente de párrafo:

1. Seleccione el párrafo que desea mover pulsando y manteniendo pulsado o pulsando y manteniendo pulsado.

2. Arrastre el párrafo a la nueva ubicación. AEM Indica dónde se puede depositar el párrafo. Colóquelo en la ubicación que desee.

   

3. Se mueve el párrafo.

Editar diseño de componente

En vez de pasar repetidamente de la edición al modo de diseño para ajustar un componente, puede seleccionar la acción Diseño del mismo. Podrá cambiar su diseño sin tener que abandonar el modo de edición, por lo que ahorrará tiempo.

1. En el modo de edición de la consola del sitio, si se selecciona un componente, aparece su barra de herramientas.

   

   Pulse o haga clic en la acción Diseño para ajustar el diseño del componente.

   

2. Una vez seleccionada la acción Diseño:

   • Se muestran los controladores de tamaño del componente.
   • La barra de herramientas del emulador se muestra en la parte superior de la pantalla.
   • Las acciones de diseño en lugar de las acciones de edición estándar se muestran en la barra de herramientas de componentes.

   

   Ahora puede modificar el diseño del componente como haría en el modo de diseño.

3. Después de realizar los cambios necesarios, haga clic en el botón Cerrar del menú de acciones del componente para detener la edición del diseño. La barra de herramientas del componente recuperará su estado de edición normal.

   

Componentes heredados

La herencia es el mecanismo por el que el contenido se puede insertar automáticamente de un componente a otro. Los componentes heredados pueden ser el producto de distintos escenarios, como por ejemplo:

• Administración de varios sitios
• Lanzamientos (cuando se basan en una Live Copy).

Puede cancelar (y volver a habilitar) la herencia. Según el componente, esto puede estar disponible en la barra de herramientas del componente, si el componente está en una página que forma parte de una Live Copy o Launch (basado en una Live Copy).

Por ejemplo:

• Cancelar herencia

  

• Volver a habilitar la herencia (si la herencia se ha cancelado)

  

• La acción de despliegue también está disponible en el modelo o en el origen de Live Copy.

  

Edición de las plantilla de página

Puede cambiar fácilmente al editor de plantillas seleccionando Editar plantilla en el menú Información de página.

Puede ver fácilmente en qué plantilla se basa la página al seleccionar la página en la vista Columna o en la vista Lista.

Estado de Live Copy

El Modo de página Estado de Live Copy permite obtener una descripció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:

Agregar anotaciones

Anotaciones permite que los revisores y otros autores proporcionen comentarios sobre el contenido. A menudo se utilizan con fines de revisión y validación.

Previsualizar páginas

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

• Modo de vista previa: una vista previa rápida y en el sitio
• Ver como aparece publicado : una vista previa completa que abre la página en una nueva pestaña

Modo de vista previa

Al editar contenido, puede obtener una vista previa de la página mediante la vista previa modo. 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 navegar.
• Does no actualice 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:

Ver como aparece publicado

El Ver como aparece publicado La opción está disponible en Información de página menú. 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 una página

AEM le permite bloquear páginas para que nadie más pueda modificar su contenido. Esta función es útil cuando realice muchas ediciones en una página concreta o cuando tenga que congelar una página durante un rato.

Las páginas se pueden bloquear desde las ubicaciones siguientes:

• consola Sitios

  1. Seleccione la página con modo de selección.

  2. Seleccione el icono de bloqueo.

     

• Editor de página

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

Una vez bloqueada, se actualiza la información de la vista de la consola y, al editar, se muestra un símbolo de bloqueo en la barra de herramientas.

Desbloquear una página

Desbloquear una página es muy similar a bloquearla. Cuando una página está bloqueada, las opciones de bloqueo se sustituyen con las acciones de desbloqueo.

El menú Información de página muestra la opción Desbloquear y el icono Bloquear de la consola Sitios se reemplaza con el icono Desbloquear.

Deshacer y rehacer modificaciones de páginas

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

Deshacer y rehacer ediciones de página: la teoría

AEM almacena un historial de las acciones que realiza y la secuencia en que las realizó, de modo que puede deshacer varias acciones en el orden en que se realizaron, y también rehacerlas para volver a aplicar una o más acciones.

Si hay un elemento seleccionado en la página de contenido (por ejemplo, un componente de texto), el comando para deshacer o rehacer se aplica a dicho elemento.

El comportamiento de los comandos Deshacer y Rehacer es similar al de otros programas. Utilice los comandos para restaurar el estado reciente de la página web a medida que toma decisiones sobre el contenido. Por ejemplo, si mueve un párrafo de texto a una ubicación diferente en la página, puede usar el comando Deshacer para mover el párrafo a la posición original. Si, a continuación, decide que la posición anterior es mejor, utilice el comando Rehacer para "deshacer la operación de deshacer".

Por ejemplo, puede:

• Rehacer acciones siempre que no haya realizado una edición de página desde que utilizó Deshacer.
• Deshacer un máximo de 20 acciones de edición (configuración predeterminada).
• También utilice Métodos abreviados del teclado para deshacer y rehacer.

Puede utilizar las funciones Deshacer y Rehacer para los siguientes tipos de cambios de página:

• Adición, edición, eliminación y movimiento de párrafos
• Edición in situ del contenido del párrafo
• Copiar, cortar y pegar elementos dentro de una página

Recursos de Business.Adobe.com