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

CAUTION
AEM 6.4 ha llegado al final de la compatibilidad ampliada y esta documentación ya no se actualiza. Para obtener más información, consulte nuestra períodos de asistencia técnica. Buscar las versiones compatibles here.

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 (según el tipo de contenido) que se puede arrastrar 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 se producen problemas, le sugerimos que se ponga en contacto con el administrador del sistema.
NOTE
Si la página o plantilla se han configurado correctamente, podrá utilizar el diseño interactivo cuando esté editando.
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.

screen_shot_2018-03-22at11338

La barra de herramientas ofrece acceso a numerosas opciones. Según el contexto y la configuración actuales, es posible que algunas opciones no estén disponibles.

  • Alternar panel lateral

    Esto abre/cierra el panel lateral, que contiene la variable Navegador de recursos, Navegador de componentesy Árbol de contenido.

  • Información de la página

    Proporciona acceso al Información de la página incluido los detalles de la página y las acciones que se pueden realizar en ella, como ver y editar la información de la página, ver las propiedades de la página y publicar o cancelar la publicación de la página.

  • Emulador

    Alterna el barra de herramientas del emulador, que se utiliza para emular la apariencia de la página en otro dispositivo. Se activa automáticamente en el modo de diseño.

  • ContextHub

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

    screen_shot_2018-03-22at11543

  • Título de página

    Esto es meramente informativo.

    screen_shot_2018-03-22at11554

  • Selector de modo

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

    imagen_1-243

  • Vista previa

    Habilitación modo de vista previa. Esto muestra la página tal como aparecerá cuando se publique.

    chlimage_1-244

  • Anotar

    Permite agregar anotaciones a la página al revisar una página. Tras la primera anotación, el icono cambiará a un número que indique el número de anotaciones de la página.

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.

screen_shot_2018-03-22at11739

NOTE
La barra de estado solo es visible para las cuentas de usuario con los privilegios adecuados.

La notificación indica el flujo de trabajo que se está ejecutando con la página. Si el usuario participa en el paso actual del flujo de trabajo, las opciones para afectar al estado del flujo de trabajo y obtener más información sobre el flujo de trabajo también están disponibles, como:

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

chlimage_1-245

Marcador de posición de componente component-placeholder

El marcador de posición de componente es un indicador para mostrar dónde se colocará un componente cuando lo coloque, encima del componente que está pasando por encima.

  • Al añadir un componente nuevo a la página (arrastrándolo desde el navegador de componentes):

    screen_shot_2018-03-22at11928

  • Al mover un componente existente:

    screen_shot_2018-03-22at112445

Insertar un componente inserting-a-component

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

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.

NOTE
En un dispositivo móvil, el navegador de componentes ocupará toda la pantalla. Una vez que comience a arrastrar un componente, el navegador se cerrará para volver a mostrar la página, de modo que pueda colocarlo.

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

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

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

    screen_shot_2018-03-22at112536

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

    screen_shot_2018-03-22at112650

  3. El componente seleccionado se agregará a la parte inferior de la página. Editar el componente según 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 nuevo a la página arrastrando un recurso desde el navegador de recursos. Esto creará automáticamente un componente nuevo del tipo correspondiente (que contiene el recurso).

Esto es válido para los siguientes tipos de recursos (algunos dependerán 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 Configurar 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 navegador de recursos.

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

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

  4. Editar el componente si es necesario.

NOTE
En un dispositivo móvil, el navegador de recursos ocupará toda la pantalla. Una vez que comience a arrastrar un recurso, el explorador se cerrará para volver a mostrar la página, de modo que pueda colocarlo.

Si al examinar los recursos descubre que necesita realizar cambios rápidos en un recurso, puede iniciar la editor de recursos directamente desde el explorador, haga clic en el icono de edición situado junto al nombre del recurso.

screen_shot_2018-03-22at112735

Editar/configurar/copiar/cortar/eliminar/pegar edit-configure-copy-cut-delete-paste

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

screen_shot_2018-03-22at112909

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

  • 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. Tras la acción de pegado, se conservará el componente original.

  • Cortar

    Esto copiará el componente en el portapapeles. Tras la acción de pegado, se eliminará el componente original.

    screen_shot_2018-03-22at113007

  • 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. El original se conservará o no, depende de si utilizó copiar o cortar.

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

    screen_shot_2018-03-22at113553

    note note
    NOTE
    Si pega en una página diferente que ya estaba abierta antes de la operación de cortar/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.

    screen_shot_2018-03-22at113028

  • Diseño

    Esto le permite modificar el layout del componente seleccionado. Esto solo se aplica al componente seleccionado y no activa el Modo de 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) edit-content

Hay dos métodos para añadir y/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 exactas de edición dependerán del componente. Para algunos componentes todas las acciones solo estarán disponibles en el modo de pantalla completa. Por ejemplo:

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

Para tipos de componentes específicos, puede arrastrar y soltar recursos del navegador 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:

Por ejemplo, el componente Texto:

screen_shot_2018-03-22at121616

NOTE
Para algunos componentes, el modo de pantalla completa tendrá 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 desee mover manteniendo pulsado el puntero o pulsando y manteniendo presionado el puntero.

  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.

    screen_shot_2018-03-22at121821

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

    screen_shot_2018-03-22at133756

    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 controles de cambio 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.

    screen_shot_2018-03-22at133843

    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.

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 hace clic en otro componente, se muestra la barra de herramientas de edición estándar (no la barra de herramientas de diseño) del componente recién seleccionado y desaparecen los controles de cambio de tamaño, así como la barra de herramientas del emulador.
Si necesita editar el diseño general de la página y modificar múltiples 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 está en una página que forma parte de una Live Copy o un lanzamiento (basado en una Live Copy). Por ejemplo:

    screen_shot_2018-03-22at134339

    La opción Cancelar herencia está disponible:

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

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

  • Un sistema de párrafos heredado

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

    chlimage_1-247

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

Si la página se basa 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 usando la variable selector de modo de página en la barra de herramientas para activar o desactivar componentes que se usarán 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

La variable Modo de página Estado de Live Copy le permite echar un vistazo al estado de la Live Copy y ver qué componentes se han heredado o no:

  • Borde verde: Heredado
  • Borde rosa: Se ha cancelado la herencia

Por ejemplo:

screen_shot_2018-03-22at134820

Agregar anotaciones adding-annotations

Anotaciones permita que los revisores y otros autores hagan comentarios sobre el contenido. A menudo se utilizan con fines de 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 están visibles en el modo de edición, pero no se puede acceder a ellos.
  • 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 con la vista previa mode. 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 not actualice el contenido de la página.

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

chlimage_1-248

Ver como aparece publicado view-as-published

La variable Ver tal y como aparece publicado está disponible en la Información de la página para abrir el Navegador. 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 locking-a-page

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.

Una página puede bloquearse desde:

  • consola Sitios

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

    screen_shot_2018-03-22at134928

  • Editor de página

    1. Seleccione el Información de la página para abrir el menú.
    2. Seleccione el 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.

screen_shot_2018-03-22at135010

CAUTION
El bloqueo de una página se puede realizar cuando suplantar a un usuario. Sin embargo, una página bloqueada de esta forma solo puede desbloquearla el usuario que haya suplantado o el usuario administrador.
Las páginas no se pueden desbloquear suplantando al usuario que ha bloqueado la página.

Desbloquear una página unlocking-a-page

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.

screen_shot_2018-03-22at134942

CAUTION
El bloqueo de una página se puede realizar cuando suplantar a un usuario. Sin embargo, una página bloqueada de esta forma solo puede desbloquearla el usuario que haya suplantado o el usuario administrador.
Las páginas no se pueden desbloquear suplantando al usuario que ha bloqueado la página.

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:

NOTE
La variable combinación de teclas Ctrl-Z también está disponible para deshacer las acciones de edición de página.
El atajo de teclado Ctrl-Y también está disponible 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ó, 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 de software. 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 era mejor, utilice el comando Rehacer para "deshacer el deshacer".

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

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

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

Los campos de formulario procesados por los componentes de formulario no tienen ningún valor especificado durante la creación de páginas. Por lo tanto, los comandos deshacer y rehacer no afectan a los cambios que realice en los valores de estos 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. Sin embargo, más allá de este tiempo, no se garantiza que se puedan deshacer los cambios. El administrador puede cambiar el tiempo predeterminado de diez horas.
recommendation-more-help
5f6f1f67-8db1-40cb-84e9-024e65b9fc4c