Edición del contenido de una página editing-page-content

Una vez creada la 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 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.

NOTE
Su cuenta necesita el derechos de acceso adecuados y permissions para editar páginas.
Si encuentra algún problema, el Adobe le sugiere que se ponga en contacto con el administrador del sistema.
NOTE
Si su página, plantilla o ambas están correctamente configuradas, puede utilizar un diseño interactivo al editar.
NOTE
En el modo de edición puede ver los vínculos en el contenido, pero no puede acceder a ellos. Utilice el modo de vista previa si desea navegar utilizando los vínculos del contenido.

Barra de herramientas de página page-toolbar

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

Barra de herramientas Página

La barra de herramientas ofrece acceso a numerosas opciones. En función del contexto y la configuración actuales, puede que algunas opciones no estén disponibles.

  • Alternar panel lateral

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

    Alternar panel lateral

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

    Información de la página

  • Emulador

    Activa o desactiva la 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.

    Emulador

  • ContextHub

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

    Context Hub

  • Título de página

    Es puramente informativo.

    Título de página

  • Selector de modo

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

    Selector de modo

  • Vista previa

    Habilita el modo de previsualización. Esto muestra la página tal como aparece cuando se publica.

    Modo de vista previa

  • Anotar

    Le 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 de la página.

    Anotar

Notificación de estado status-notification

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.

notificación de flujos 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 Completar elemento de trabajo cuadro de diálogo

  • Delegar - Abre el Completar elemento de trabajo cuadro de diálogo

  • 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 cuando participación en flujos de trabajo de la bandeja de entrada Notificación.

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 con botones de flecha que permiten desplazarse por los flujos de trabajo.

Notificación del número de flujos de trabajo

Marcador de posición de componente component-placeholder

El marcador de posición de componente es un indicador para mostrar la posición del componente cuando lo coloque (sobre el componente por el que pasa el ratón en ese momento).

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

    adición de un nuevo componente

  • Al mover un componente existente:

    mover un componente existente

Insertar un componente inserting-a-component

Inserción de un componente desde el navegador de componentes inserting-a-component-from-the-components-browser

Puede añadir un componente mediante el navegador de componentes. El marcador de posición de componente le muestra dónde se coloca 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. Edite el componente.

NOTE
En un dispositivo móvil, el navegador de componentes ocupa toda la pantalla. Una vez que comience a arrastrar un componente, el explorador se cierra para mostrar de nuevo la página y así poder colocar el componente.

Inserción de un componente desde el sistema de párrafos inserting-a-component-from-the-paragraph-system

Puede añadir un componente mediante el Arrastre los 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 desde el sistema de párrafos:

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

    Insertar selección de componentes

    • Si está en un dispositivo de escritorio, puede hacer doble clic en el Arrastre los componentes aquí cuadro.

    El Insertar nuevo componente se abre el cuadro de diálogo para que pueda seleccionar el componente requerido:

    Insertar nuevo componente

  3. El componente seleccionado se añade en la parte inferior de la página. Edite el componente como sea necesario.

Inserción de un componente mediante el navegador de recursos inserting-a-component-using-the-assets-browser

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

Esto es válido para los siguientes tipos de recursos (algunos dependen del sistema de páginas o párrafos):

Tipo de recurso
Tipo de componente resultante
Imagen
Imagen
Documento
Descargar
Producto
Producto
Vídeo
Flash
Fragmento de contenido
Fragmento de contenido
NOTE
Puede configurar este comportamiento en su instalación. Consulte Configuración de un sistema de párrafos para que, al arrastrar un recurso, se cree una instancia de componente para obtener más información.

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 hasta la posición deseada. El marcador de posición de componente muestra dónde se encuentra el componente.

    Se crea en la posición requerida un componente apropiado para el tipo de recurso y que contiene el recurso seleccionado.

  4. Editar el componente, si es necesario.

NOTE
En un dispositivo móvil, el explorador de recursos rellena toda la pantalla. Cuando comienza a arrastrar un recurso, el explorador se cierra para mostrar de nuevo la página y poder colocarlo.

Al examinar los recursos, si descubre que debe realizar algún cambio rápido en alguno de ellos, haga clic en el icono de edición que aparece junto al nombre del recurso para iniciar la acción Editor de recursos.

icono de edición

Editar/Configurar/Copiar/Cortar/Eliminar/Pegar edit-configure-copy-cut-delete-paste

Al seleccionar un componente, se abre la barra de herramientas. Esto proporciona acceso a varias acciones que se pueden realizar en el componente.

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

opciones de barra de herramientas de componentes

  • Editar

    En función del tipo de componente, esta opción le permite editar el contenido del componente. A menudo se proporciona una barra de herramientas.

    Editar

  • Configurar

    Depende del tipo de componente esto permite editar y configurar las propiedades del componente. A menudo se abre un cuadro de diálogo.

    Configurar

  • Copiar

    Esto copia el componente en el portapapeles. El componente original permanece después de pegarlo.

    Copiar

  • Cortar

    Esto copia el componente en el portapapeles. Después de la acción de pegar, se quita el componente original.

    Cortar

  • Eliminar

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

    Eliminar

  • Insertar componente

    Esto abre el cuadro de diálogo para lo siguiente añadir un componente.

    Insertar componente

  • Pegar

    Esto pega el componente del portapapeles en la página. El hecho de que el original permanezca depende de si ha utilizado copiar o cortar.

    • Puede pegar componentes en la misma página o en otra distinta.
    • El elemento se pegará sobre el elemento en el que seleccione la acción de pegar.
    • La acción Pegar solo se muestra si hay contenido en el portapapeles.

    Pegar

    note note
    NOTE
    Si pega contenido en otra página que ya estaba abierta antes de la operación de cortar/pegar, debe actualizar la página para ver el contenido que se pegó.
  • Grupo

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

    Grupo

  • Principal

    Esto permite seleccionar el componente principal del componente seleccionado.

    Principal

  • Diseño

    Esto permite modificar la variable layout del componente seleccionado. Esta opción se aplica únicamente al componente seleccionado y no activa el modo de diseño para toda la página.

    Diseño

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

    Esto permite crear una Fragmento de experiencia del componente seleccionado o añadirlo a un fragmento de experiencia existente.

    Convertir en variación de fragmento de experiencia

Editar (contenido) edit-content

Existen dos métodos para añadir o editar contenido en los componentes:

Cuadro de diálogo de edición de contenido component-edit-dialog

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 dependen del componente. Para algunos componentes, todas las acciones solo están disponibles en el modo de pantalla completa. Por ejemplo:

  • Componente de texto

    Componente Texto

  • Componente de imagen

    Componente de imagen

    note note
    NOTE
    La edición no funciona con un componente de imagen vacío.
    Arrastre o cargue una imagen (con Configurar) antes de empezar a editarlo.
  • 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.

    Pantalla completa de componente de imagen

  • Componentes construidos a partir de más de un componente básico, como Componente de base Texto e imagen, primero pídale que confirme qué conjunto de opciones de edición desea utilizar:

    Opciones de edición de componentes

Arrastrar y colocar recursos en un componente drag-and-drop-assets-into-component

Para tipos de componentes específicos puede arrastrar y soltar recursos desde el explorador de recursos directamente en el componente para actualizar el contenido:

Tipo de recurso
Tipo de componente
Imagen
Imagen
Documento
Descargar
Producto
Producto
Vídeo
Flash
Fragmento de contenido
Fragmento de contenido

Editar (Contenido) Modo De Pantalla Completa edit-content-full-screen-mode

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

Editar modo de pantalla completa

Por ejemplo, el componente Texto:

Editor de texto

NOTE
En algunos componentes, el modo de pantalla completa tiene más opciones disponibles que el editor local básico.

Mover un componente moving-a-component

Para mover un componente de párrafo:

  1. Seleccione el párrafo que desea mover con las funciones de seleccionar y mantener pulsado o de mantener 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.

    mover componente de párrafo

  3. Se mueve el párrafo.

NOTE
También puede utilizar Cortar y pegar para mover un componente.

Editar diseño de componente edit-component-layout

En lugar de cambiar repetidamente de edición a modo de diseño para ajustar un componente, puede seleccionar la opción Diseño acción para que un componente cambie el diseño de ese componente. Esto ahorra tiempo al no tener que salir del modo de edición.

  1. En el Editar modo de la consola sitios, al seleccionar un componente, se muestra su barra de herramientas.

    Modo de edición en el formulario

    Haga clic en Diseño para que pueda ajustar el diseño del componente.

    Barra de herramientas de los componentes

  2. Una vez que se ha seleccionado la acción Diseño, haga lo siguiente:

    • Se muestran los controles de cambio de tamaño del componente.
    • La barra de herramientas del emulador aparece en la parte superior de la pantalla.
    • En la barra de herramientas del componente se muestran las acciones de diseño en vez de las acciones de edición normales.

    Vista previa de formularios en varios dispositivos

    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 Cerrar en el menú de acciones del componente para detener la modificación del diseño del componente. La barra de herramientas del componente recuperará su estado de edición normal.

    Cerrar

NOTE
El ámbito de la acción Diseño se reduce al componente seleccionado. Por ejemplo, si está editando el diseño de un componente y, a continuación, selecciona otro componente, se mostrará la barra de herramientas de edición estándar del componente recién seleccionado (no la barra de herramientas de diseño). Los controladores de tamaño y la barra de herramientas del emulador desaparecen.
Si debe editar el diseño general de la página y modificar varios componentes, cambie al modo de diseño.

Componentes heredados inherited-components

Los componentes heredados pueden ser el producto de distintos escenarios, como por ejemplo:

Puede cancelar (y volver a habilitar) la herencia. Según el componente, esto puede estar disponible en:

  • Live Copy

    La barra de herramientas de componentes, si el componente se encuentra en una página que forma parte de una Live Copy o Launch (basado en una Live Copy). Por ejemplo:

    Live Copy

    La opción Cancelar herencia está disponible:

    Cancelar herencia

    O bien, vuelva a habilitar la herencia si ya se ha cancelado:

    Volver a habilitar herencia

    La acción Despliegue también está disponible en el modelo o en el origen de Live Copy:

    Despliegue

  • Un sistema de párrafos heredado

    El cuadro de diálogo de configuración. Por ejemplo, como con el sistema de párrafos heredados:

    Sistema de párrafos heredado

Edición de las plantilla de página editing-the-page-template

Si la página está basada en un plantilla editable, puede cambiar fácilmente al editor de plantillas seleccionando Editar plantilla en el Menú Información de página.

Si la página está basada en un plantilla estática, puede cambiar a Modo de diseño uso del selector de modo de página en la barra de herramientas para habilitar o deshabilitar componentes para su uso en la 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 live-copy-status

El modo de la página de estado de Live Copy permite echar un vistazo rápido al estado de Live Copy y a los componentes que se han heredado o no.

  • Borde verde: heredado
  • Borde rosa: se cancela la herencia

Por ejemplo:

Estado de herencia de Live Copy

Agregar anotaciones adding-annotations

Las anotaciones permiten que los revisores y otros autores realicen comentarios sobre el contenido. A menudo se utilizan para la revisión y validación.

Previsualizar páginas previewing-pages

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

NOTE
  • Los vínculos del contenido se pueden ver, pero no se puede acceder a ellos en el modo de edición.
  • 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 ambas opciones.

Modo de vista previa preview-mode

Al editar contenido, puede obtener una vista previa de la página mediante la vista previa modo. Este modo le permite hacer lo siguiente:

  • Oculte los distintos mecanismos de edición para poder tener una vista rápida del aspecto de la página cuando se publique.
  • Utilice los vínculos para desplazarse.
  • Sí lo tiene 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:

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. Esto abre la página en una nueva pestaña, actualiza el contenido y muestra la página exactamente como aparece cuando se publica.

Bloquear una página locking-a-page

AEM le permite bloquear páginas para que nadie más pueda modificar su contenido. Esto resulta útil cuando realiza varias ediciones en una página específica o cuando debe congelar una página durante un corto tiempo.

Las páginas se pueden bloquear desde:

  • consola Sitios

    1. Seleccione la página con el modo de selección.
    2. Seleccione el icono de bloqueo.

    Icono de bloqueo

  • Editor de página

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

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.

Símbolo de bloqueo

CAUTION
El bloqueo de páginas se puede realizar cuando suplantación de un usuario. Sin embargo, una página bloqueada de este modo solo puede ser desbloqueada por el usuario que se ha suplantado o por el administrador.
Las páginas no se pueden desbloquear al suplantar al usuario que ha bloqueado la página.

Desbloquear una página unlocking-a-page

Desbloquear una página es similar a bloquear la página. Cuando la página está bloqueada, las opciones de bloqueo se sustituyen por 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.

Desbloquear

CAUTION
El bloqueo de páginas se puede realizar cuando suplantación de un usuario. Sin embargo, una página bloqueada de este modo solo puede ser desbloqueada por el usuario que se ha suplantado o por el administrador.
Las páginas no se pueden desbloquear al suplantar al usuario que ha bloqueado la página.

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

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

Deshacer y rehacer

NOTE
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 Deshacer y rehacer ediciones de página: la teoría para ver toda la información sobre las posibilidades de deshacer y rehacer ediciones de página.

Deshacer y rehacer ediciones de página: la teoría undoing-and-redoing-page-edits-the-theory

NOTE
El administrador del sistema puede configurar varios aspectos de las funciones de Deshacer/Rehacer según los requisitos de su instancia.

AEM Almacena un historial de las acciones que realiza y la secuencia en que las realizó. Esta funcionalidad significa que puede deshacer varias acciones en el orden en que las realizó y rehacerlas para volver a aplicar una o más acciones, si es necesario.

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 de software. Utilice los comandos para restaurar el estado reciente de la página web a medida que decide 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 más tarde decide que la posición anterior era mejor, use el comando rehacer para “deshacer la acción”.

NOTE
Puede hacer lo siguiente:
  • Rehacer acciones se usa siempre y cuando no haya realizado ninguna edición en la página desde que usó el comando Deshacer por última vez.
  • Deshacer un máximo de 20 acciones de edición (configuración predeterminada).
  • También utilice los métodos abreviados del teclado para deshacer y rehacer.

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

  • Añadir, editar, quitar y mover párrafos
  • Editar contenido de párrafos in-situ
  • Copiar, cortar y pegar elementos en una página

Los campos de formulario que representan los componentes de formulario no están pensados para tener valores especificados durante la creación de páginas. Por lo tanto, los comandos Deshacer y Rehacer no afectan a los cambios realizados en los valores de esos tipos de componentes. Por ejemplo, no se puede deshacer la selección de un valor en una lista desplegable.

NOTE
Se necesitan permisos especiales para deshacer y rehacer cambios en archivos e imágenes.
NOTE
El historial de cambios en archivos e imágenes dura un mínimo de diez horas. Más allá de este tiempo, sin embargo, la inversión de los cambios no está garantizada. El administrador puede modificar el plazo predeterminado de diez horas.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2