Herramientas y entorno de creación authoring-the-environment-and-tools

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.

El entorno de creación AEM ofrece varios mecanismos para organizar y editar el contenido. Se puede acceder a las herramientas desde varios editores de páginas y consolas.

Administración del sitio managing-your-site

La variable Sitios consola le permite desplazarse por su sitio web y administrarlo mediante la barra de encabezado, la barra de herramientas, los iconos de acción (aplicables al recurso seleccionado), las rutas de exploración y, cuando se seleccionan, los carriles secundarios (por ejemplo, referencias y línea de tiempo).

Por ejemplo, la vista de tarjeta:

chlimage_1-290

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

Puede editar una página con el editor de páginas. Por ejemplo:

http://localhost:4502/editor.html/content/we-retail/us/en/equipment.html

screen_shot_2018-03-22at141536

NOTE
La primera vez que abra una página para editarla, una serie de diapositivas le proporcionarán un recorrido por las funciones.
Si lo desea, puede omitir la visita y repetirla en cualquier momento seleccionando una de las opciones del Información de la página para abrir el Navegador.

Acceso a la Ayuda accessing-help

Al editar una página, se puede acceder a la Ayuda desde los siguientes puntos:

  • el Información de la página selector; se mostrarán las diapositivas introductorias (tal y como se muestran la primera vez que se accede al editor).
  • el configuración para componentes específicos (con el icono ? en la barra de herramientas del cuadro de diálogo); esto mostrará ayuda contextual.

Más los recursos relacionados con la ayuda están disponibles en las consolas.

El navegador de componentes muestra todos los componentes que se pueden utilizar en la página actual. Se pueden arrastrar a la ubicación adecuada y editarse para añadir contenido.

El navegador de componentes es una pestaña del panel lateral (junto con el explorador de recursos y el árbol de contenido). Para abrir (o cerrar) el panel lateral, utilice el icono de la parte superior izquierda de la barra de herramientas:

Cuando abra el panel lateral, se deslizará para abrirse de izquierda a derecha (seleccione la pestaña Componentes si es necesario). Cuando se abra, podrá navegar por todos los componentes disponibles para su página.

El aspecto y el control dependerán del tipo de dispositivo que esté utilizando:

NOTE
Se detectará un dispositivo móvil si la anchura es inferior a 1024 píxeles. Este también puede ser el caso de una ventana de escritorio pequeña.
  • Dispositivo móvil (por ejemplo, iPad)

    El navegador de componentes cubre completamente la página que se está editando.

    Para añadir componentes a la página mantenga pulsado el componente requerido y muévalo a la derecha (el navegador de componentes se cerrará para volver a mostrar la página) donde puede colocar el componente.

    screen_shot_2018-03-22at141752

  • Dispositivo de escritorio

    El navegador de componentes se abre en la parte izquierda de la ventana.

    Para añadir un componente a la página, haga clic en el componente requerido y arrástrelo a la ubicación requerida.

    screen_shot_2018-03-22at141808

    Los componentes se representan mediante

    • Nombre del componente

    • Grupo de componentes (en gris)

    • Icono o abreviatura

      • Los iconos de los componentes estándar son monocromos.
      • Las abreviaturas siempre son los dos primeros caracteres del nombre del componente.

    Desde la barra de herramientas superior del explorador de componentes, puede realizar las siguientes acciones:

    • Filtrar componentes por su nombre.
    • Restringir la visualización a un grupo específico mediante la selección desplegable.

    Para obtener una descripción más detallada del componente, puede hacer clic o pulsar el icono de información situado junto al componente en el navegador de componentes (si está disponible).

    screen_shot_2018-03-22at141929

    Para obtener más información sobre los componentes disponibles, consulte la Consola de componentes.

El navegador de recursos muestra todos los recursos que se pueden utilizar directamente en la página actual.

El navegador de recursos es una ficha del panel lateral junto con el navegación por componentesr y árbol de contenido. Para abrir o cerrar el panel lateral, utilice el icono de la parte superior izquierda de la barra de herramientas:

Cuando abra el panel lateral, se deslizará para abrirse de izquierda a derecha. Seleccione la pestaña Recursos si es necesario.

Cuando el navegador de recursos esté abierto, podrá navegar por todos los recursos disponibles para su página. El desplazamiento infinito se utiliza para expandir la lista cuando es necesario.

chlimage_1-291

Para agregar un recurso a la página, selecciónelo y arrástrelo a la ubicación requerida. Esto puede ser:

  • Un componente existente del tipo adecuado.

    • Por ejemplo, puede arrastrar un recurso de tipo imagen hacia un componente de imagen.
  • Un marcador de posición en el sistema de párrafos para crear un componente nuevo del tipo correspondiente.

    • Por ejemplo, puede arrastrar un recurso de tipo imagen al sistema de párrafos para crear un componente Imagen .
NOTE
Esta opción está disponible para recursos específicos y tipos de componentes. Consulte Inserción de un componente mediante el navegador de recursos para obtener más información.

Desde la barra de herramientas superior del navegador de recursos, puede filtrar los recursos de la siguiente manera:

  • Nombre

  • Ruta

  • Tipo de recurso, como imágenes, manuscritos, documentos, vídeos, páginas, párrafos y productos

  • Características de los recursos, como Orientación (Vertical, Horizontal, Cuadrado) y Estilo (Color, Monocromo, Escala de grises)

    • Disponible solo para determinados tipos de recursos

El aspecto y el control dependerán del tipo de dispositivo que esté utilizando:

NOTE
Se detectará un dispositivo móvil cuando la anchura sea menor a 1024 píxeles; es decir, también cuando la ventana de escritorio sea pequeña.
  • Dispositivo móvil como iPad

    El navegador de recursos cubre completamente la página que se está editando.

    Para añadir un recurso a la página mantenga pulsado el recurso en cuestión y muévalo a la derecha; el navegador de recursos se cerrará para volver a mostrar la página, donde puede añadir el recurso al componente en cuestión.

    screen_shot_2018-03-22at14223

  • Dispositivo de escritorio

    El navegador de recursos se abre en la parte izquierda de la ventana.

    Para agregar un recurso a la página, haga clic en el recurso en cuestión y arrástrelo al componente o la ubicación necesarios.

    screen_shot_2018-03-22at142337

Si necesita realizar rápidamente un cambio en un recurso, puede iniciar el editor de recursos directamente desde el explorador de recursos haciendo clic en el icono de edición que se muestra al lado del nombre del recurso.

Árbol de contenido content-tree

La variable Árbol de contenido proporciona información general sobre todos los componentes de la página en una jerarquía para que pueda ver de un vistazo cómo está compuesta la página.

El árbol de contenido es una pestaña del panel lateral (junto con el explorador de recursos y componentes). Para abrir (o cerrar) el panel lateral, utilice el icono de la parte superior izquierda de la barra de herramientas:

Cuando abra el panel lateral, se deslizará para abrirse (de izquierda a derecha). Seleccione la pestaña  Árbol de contenido  si es necesario. Cuando se abra, podrá ver una representación de vista de árbol de su página o plantilla, de modo que sea más fácil comprender cómo se estructura jerárquicamente su contenido. Además, en una página compleja, facilita el salto entre componentes de la página.

screen_shot_2018-03-22at142526

Una página puede estar compuesta fácilmente por muchos componentes del mismo tipo, por lo que el árbol de componentes muestra un texto descriptivo (en gris) después del nombre del tipo de componente (en negro). El texto descriptivo proviene de propiedades comunes del componente, como el título o el texto.

Los tipos de componente se mostrarán en el idioma del usuario, mientras que el texto de la descripción del componente se mostrará en el idioma de la página.

Al hacer clic en el elemento adicional situado junto a un componente, se contraerá o ampliará dicho nivel.

screen_shot_2018-03-22at142559

Al hacer clic en el componente, se resaltará el componente en el editor de páginas.

screen_shot_2018-03-22at142647

Si el componente en el que hace clic en el árbol es editable, aparecerá un icono de llave inglesa a la derecha del nombre. Al hacer clic en este icono, se iniciará directamente el cuadro de diálogo de edición del componente.

NOTE
Si edita una página en un dispositivo móvil, el árbol de contenido no está disponible (si el valor de la anchura del explorador es inferior a 1024 píxeles).

Fragmentos: navegador de contenido asociado fragments-associated-content-browser

Si la página contiene fragmentos de contenido, también podrá acceder al navegador de contenido asociado.

Referencias references

Referencias muestra las conexiones a la página seleccionada:

  • Planes
  • Lanzamientos
  • Live Copies
  • Copias de idioma
  • Utilización del componente de referencia
  • Referencias a páginas de producto (desde la consola Comercio - Productos)

Abra la consola en cuestión, desplácese hasta el recurso y abra Referencias con el procedimiento siguiente:

screen_shot_2018-03-22at153653

Seleccione el recurso necesario para mostrar una lista de tipos de datos relevantes para ese recurso:

screen_shot_2018-03-22at153731

Seleccione el tipo de referencia adecuado para obtener más información. En determinadas situaciones, hay disponibles acciones adicionales al seleccionar una referencia específica, como:

Por ejemplo, puede corregir una referencia rota dentro de un componente de referencia:

chlimage_1-292

Eventos: línea de tiempo events-timeline

Para obtener los recursos adecuados (p. ej. páginas de la consola Sitios o recursos de la consola Recursos) se puede utilizar la cronología para mostrar la actividad reciente de cualquier elemento seleccionado.

Abra la consola en cuestión, desplácese hasta el recurso y abra Cronología con el procedimiento siguiente:

screen_shot_2018-03-22at153952

Seleccione el recurso en cuestión mediante Mostrar todo o Actividades para enumerar las acciones recientes en los recursos seleccionados:

screen_shot_2018-03-22at154130

Información de la página page-information

La Información de página (icono de ecualizador) abre un menú que también muestra detalles de la última edición y la última publicación. Según las características de la página (y su sitio), habrá más o menos opciones disponibles:

screen_shot_2018-03-22at154210

Por ejemplo, cuando corresponda, Información de la página también tiene las opciones:

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

Modos de página page-modes

Existen varios modos al editar una página que permiten diferentes acciones:

  • Editar : el modo que se debe utilizar al editar el contenido de la página.

  • Diseño: permite crear y editar su diseño interactivo en función del dispositivo (si la página está basada en un contenedor de diseños).

  • Andamiaje : le ayuda a crear un conjunto grande de páginas que comparten la misma estructura pero tienen contenido diferente.

  • Desarrollador : le permite realizar varias acciones (requiere privilegios). Entre ellas se incluye la inspección de los detalles técnicos de una página y sus componentes.

  • Diseño : le permite habilitar o deshabilitar componentes para usarlos en una página y configurar el diseño del componente (si la página se basa en un plantilla estática).

  • Segmentación: aumente la relevancia del contenido mediante la segmentación y efectuando mediciones en todos los canales.

  • Activity Map : muestra los datos de Analytics de la página.

  • Deformación de tiempo : le permite ver el estado de una página en un punto específico en el tiempo.

  • Estado de Live Copy : le permite echar un vistazo al estado de la Live Copy y ver qué componentes se heredan o no.

  • Vista previa: se utiliza para ver la página tal como se mostrará en el entorno de publicación; o para navegar mediante vínculos en el contenido.

  • Anotar: se utiliza para añadir o ver anotaciones en la página.

Puede acceder a estas opciones a través de los iconos de la esquina superior derecha; el icono cambiará para reflejar el modo que esté utilizando:

chlimage_1-293

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/privilegios adecuados.
  • El modo de desarrollador no está disponible en dispositivos móviles debido a restricciones de espacio.
  • Existe un atajo de teclado (Ctrl-Shift-M) para alternar entre Vista previa y el modo seleccionado actualmente (p. ej. Editar, Diseño, etc.).

Selección de la ruta path-selection

A menudo, durante la creación, es necesario seleccionar otro recurso, por ejemplo, al definir un vínculo a otra página o recurso o al seleccionar una imagen. Para seleccionar fácilmente una ruta, campos de ruta oferta de autocompletar y navegador de rutas permite una selección más sólida.

Campos de rutas path-fields

El ejemplo que se utiliza aquí para ilustrar es el componente de imagen. Para obtener más información sobre el uso y la edición de componentes, consulte Componentes para la creación de páginas.

Los campos de ruta tienen ahora funciones de autocompletar y de futuro para facilitar la localización de un recurso. Simplemente empiece a escribir en el campo de rutas y el AEM ofrecerá rutas coincidentes a medida que escriba.

screen_shot_2018-03-22at154403

Al hacer clic en el botón Abrir cuadro de diálogo de selección, en el campo de rutas de acceso se abrirá el cuadro de diálogo del navegador de rutas de acceso, en el que dispondrá de opciones de selección más detalladas.

El navegador de rutas está organizado como la vista de columna de la consola Sitios, lo que permite efectuar una selección más detallada de los recursos.

screen_shot_2018-03-22at154521

Una vez seleccionado un recurso, la variable Select en la parte superior derecha del cuadro de diálogo se activa. Toque o haga clic para confirmar la selección o Cancelar para cancelar.

Si el contexto permite la selección de varios recursos, al seleccionar un recurso también se activa el botón Seleccionar, pero también se agrega un recuento del número de recursos seleccionados a la esquina superior derecha de la ventana. Haga clic en la X junto al número para anular toda la selección.

chlimage_1-294

Las rutas de exploración se pueden usar para saltar rápidamente dentro de la jerarquía de recursos.

chlimage_1-295

En cualquier momento puede utilizar el campo de búsqueda situado en la parte superior del cuadro de diálogo.

chlimage_1-296

Haga clic en la X del campo de búsqueda para borrar la búsqueda.

Para limitar la búsqueda, puede mostrar las opciones de filtro y filtrar los resultados en función de una ruta determinada.

chlimage_1-297

Métodos abreviados de teclado keyboard-shortcuts

Hay varios métodos abreviados del teclado disponibles.

recommendation-more-help
5f6f1f67-8db1-40cb-84e9-024e65b9fc4c