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 los componentes (adecuados para el tipo de contenido), que se pueden arrastrar hacia la página. Después estos se pueden editar local, mover o eliminar.
Su cuenta debe disponer de los privilegios de acceso y los permisos apropiados para editar páginas.
Si se producen problemas, le sugerimos que se ponga en contacto con el administrador del sistema.
Si la página o plantilla se han configurado correctamente, podrá utilizar el diseño interactivo cuando esté editando.
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.
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. En función del contexto y la configuración, puede que algunas opciones no estén disponibles.
Alternar panel lateral
Esta opción abre o cierra el panel lateral, que contiene el Navegador de recursos, el Navegador de componentes y el Árbol de contenido.
Información de la página
Proporciona acceso al menú Información de página, que permite ver los detalles de la página y las acciones que es posible realizar en ella, como ver y editar su información, ver sus propiedades y publicarla/cancelar su publicación.
Emulador
Activa o desactiva la barra de herramientas del emulador, que se utiliza para simular el aspecto de la página en otro dispositivo. En el modo de diseño se activa automáticamente.
ContextHub
Abre el Context Hub. Solo está disponible en el modo de vista previa.
Título de página
Es meramente informativo.
Selector de modo
Muestra el modo actual y permite seleccionar otro, como por ejemplo edición, diseño, deformación de tiempo o segmentación.
Vista previa
Activa el modo de vista previa. Aquí se muestra la página tal y como aparecerá cuando se publique.
Anotar
Le permite añadir anotaciones a una página al revisarla. Tras añadir la primera anotación, el icono se convertirá en un número que indica la cantidad de anotaciones que tiene la página.
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 barra de estado solo es visible para las cuentas de usuario con los privilegios apropiados.
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, también dispondrá de opciones para afectar al estado del flujo de trabajo y obtener más información sobre el mismo, como por ejemplo:
Completar : abre el cuadro de diálogo Completar elemento de trabajo
Delegado : 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.
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 nuevo a la página (arrastrándolo desde el navegador de componentes):
Al mover un componente existente:
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:
Asegúrese de que la página se encuentra en el modo de edición.
Abra el navegador de componentes.
Arrastre el componente en cuestión hasta la posición deseada.
Edite el componente.
En un dispositivo móvil, el navegador de componentes ocupará toda la pantalla. Cuando comience a arrastrar un componente, el navegador se cerrará para volver a mostrar la página, de modo que pueda colocarlo.
Puede agregar un componente nuevo mediante el cuadro Arrastrar componentes aquí del sistema de párrafos:
Asegúrese de que la página se encuentra en el modo de edición.
Existen dos formas de seleccionar y añadir un nuevo componente desde el sistema de párrafo:
Se abrirá el cuadro de diálogo Insertar nuevo componente para que pueda seleccionar el componente requerido:
El componente seleccionado se agregará a la parte inferior de la página. Edite el componente como sea necesario.
También puede añadir un componente nuevo a la página arrastrando un recurso desde el navegador de recursos. De este modo se crea automáticamente un componente nuevo del tipo correspondiente (que contiene el recurso).
Esta opción es válida para los siguientes tipos de activo (algunos dependen del sistema de páginas o de párrafos):
Tipo de recurso | Tipo de componente resultante |
---|---|
Imagen | Imagen |
Documento | Descargar |
Producto | Producto |
Vídeo | Flash |
Fragmento de contenido | Fragmento de contenido |
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:
Asegúrese de que la página se encuentra en el modo de edición.
Abra el navegador de recursos.
Arrastre el recurso hasta la posición necesaria. El marcador de posición de componente le muestra dónde se colocará este.
Se creará un componente apropiado para el tipo de activo en la posición requerida: un componente que contendrá el activo seleccionado.
Si es necesario, edite el componente.
En un dispositivo móvil, el navegador de recursos ocupará toda la pantalla. Cuando comience a arrastrar un recurso, el navegador se cerrará para volver a mostrar la página, de modo que pueda colocarlo.
Si al examinar los recursos descubre que necesita realizar alguna modificación rápida en alguno de ellos, puede iniciar el editor de recursos directamente desde el navegador haciendo clic en el icono de edición que hay junto al nombre del recurso.
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.
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
Esta opción copiará el componente al portapapeles. Tras la acción de pegado, se conservará el componente original.
Cortar
Esta opción copiará el componente al portapapeles. Tras la acción de pegado, se eliminará el componente original.
Eliminar
Esta opción eliminará el componente de la página, previa confirmación.
Insertar componente
Esta opción abre el cuadro de diálogo para agregar un nuevo componente.
Pegar
El componente del portapapeles se copiará en la página. Dependiendo de si utilizó copiar o cortar, el original se conservará o no.
Si pega contenido en otra página que ya estaba abierta antes de la operación de corte y copia, debe actualizar la página para ver el contenido pegado.
Agrupar
Esta opción 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
Permite modificar el diseño 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.
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.
Hay dos métodos para añadir y/o editar contenido en los componentes:
Puede abrir un componente para editar su contenido mediante el icono de edición (lápiz) de la barra de herramientas de componentes.
Las opciones exactas de edición dependerán del componente. Para algunos componentes, solo en el modo de pantalla completa estarán disponibles todas las acciones. Por ejemplo:
Componente de imagen
La edición no funciona con un componente de imagen vacío.
Debe arrastrar o cargar una imagen (mediante Configurar) 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.
Para los componentes creados a partir de más de un componente básico, como el componente de base de texto e imágenes, primero se debe confirmar qué conjunto de opciones de edición desea utilizar:
Para tipos de componente específicos puede arrastrar y colocar 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 |
Se puede acceder y salir del modo de pantalla completa de todos los componentes con la siguiente opción:
Por ejemplo, el componente Texto:
Para algunos componentes, el modo de pantalla completa tendrá más opciones disponibles que el editor in-situ básico.
Para mover un componente de párrafo:
Seleccione el párrafo que desee mover manteniéndolo pulsado o mediante clic y mantener.
Arrastre el párrafo a la nueva ubicación. AEM le indicará dónde puede colocarlo. Suéltelo en la ubicación que desee.
Se mueve el párrafo.
También puede utilizar Cortar y pegar para mover un 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.
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.
Una vez que se ha seleccionado la acción Diseño:
Ahora puede modificar el diseño del componente como haría en el modo de diseño.
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.
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, hace clic en otro componente, aparecerá la barra de herramientas de edición estándar (no la barra de herramientas de diseño) para el componente recién seleccionado y desaparecerán los controladores 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.
Los componentes heredados pueden ser el producto de distintos escenarios, como por ejemplo:
Puede cancelar (y volver a habilitar) la herencia. En función del componente, esta opción puede estar disponible en:
Live Copy
La barra de herramientas del componente, siempre que el componente esté en una página que forme parte de una Live Copy o lanzamiento (basado en una Live Copy). Por ejemplo:
La opción Cancelar herencia está disponible:
O vuelva a activar 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 en el sistema de párrafos heredado:
Si la página se basa en una 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 se basa en una plantilla estática, puede cambiar al modo de diseño mediante el selector de modo de página de la barra de herramientas para habilitar o deshabilitar los 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.
El modo de la página de estado de Live Copy le permite echar un vistazo al estado de la Live Copy y ver los componentes que se han heredado o no:
Por ejemplo:
Las anotaciones permiten que los revisores y otros autores hagan comentarios sobre el contenido. A menudo se utilizan para revisiones y validaciones.
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 tal y como aparece publicado: una vista previa completa que abre la página en una nueva pestaña.
Ctrl-Shift-M
para cambiar entre la vista previa y el último modo seleccionado.La cookie del modo WCM está establecida para las dos opciones.
Al editar contenido, puede obtener una vista previa de la página con el modo de vista previa. Este modo:
Al crear proyectos, el modo de vista previa está disponible mediante el icono situado en la parte superior derecha del editor de páginas:
La opción Ver tal y como aparece publicado se muestra disponible en el menú Información de 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.
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:
consola Sitios
Editor de 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.
El bloqueo de páginas se puede realizar al suplantar un usuario. Sin embargo, una página bloqueada de este modo solo la puede desbloquear el usuario que ha suplantado a otro usuario o un usuario con privilegios de administrador.
Las páginas no se pueden bloquear al suplantar al usuario que ha bloqueado la 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.
El bloqueo de páginas se puede realizar al suplantar un usuario. Sin embargo, una página bloqueada de este modo solo la puede desbloquear el usuario que ha suplantado a otro usuario o un usuario con privilegios de administrador.
Las páginas no se pueden bloquear al suplantar al usuario que ha bloqueado la página.
Los iconos siguientes le permiten deshacer o rehacer una acción. Se muestran en la barra de herramientas cuando corresponde:
El método abreviado de teclado Ctrl-Z
también está disponible para deshacer las acciones de edición de página.
El método abreviado de teclado Ctrl-Y
también está disponible para rehacer acciones de edición de página.
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.
El administrador del sistema puede configurar varios aspectos de las funciones de Deshacer/Rehacer según los requisitos de la 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. Use 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 más tarde decide que la posición anterior era mejor, use el comando rehacer para “deshacer el deshacer”.
Puede hacer lo siguiente:
Puede usar los comandos Deshacer y Rehacer para los siguientes tipos de cambios de página:
Los campos de formulario procesados por los componentes de formulario no deberían tener valores especificados mientras se crean las páginas. Así pues, los comandos deshacer y rehacer no afectarán a los cambios que realice en los valores de estos tipos de componente. Por ejemplo, no se puede deshacer la selección de un valor en una lista desplegable.
Se necesitan permisos especiales para deshacer y rehacer cambios en archivos e imágenes.
El historial de cambios en archivos e imágenes dura un mínimo de diez horas. No obstante, pasado ese tiempo, no se garantiza que se puedan deshacer los cambios. El administrador puede modificar el plazo predeterminado de diez horas.