Panel lateral del editor de páginas side-panel
AEM Aprenda a utilizar el panel lateral en el editor de sitios de para agregar componentes y recursos a la página.
Modos del panel lateral modes
Siempre se puede acceder al panel lateral en el editor de páginas tocando o haciendo clic en Alternar panel lateral en la barra de herramientas del editor de páginas.
Cuando abra el panel lateral, se deslizará para abrirse de izquierda a derecha y podrá seleccionar entre tres pestañas importantes:
- El explorador de componentes para añadir contenido nuevo a su página
- El explorador de recursos para agregar nuevos recursos a su página
- El árbol de contenido para examinar la estructura de la página
Navegador de componentes components-browser
Componentes AEM son los bloques de creación utilizados para crear contenido con el editor de páginas de. Puede colocar varios componentes en una página y configurar sus opciones para crear la página de contenido.
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.
Haga clic o pulse en Componentes en el panel lateral para acceder a la pestaña Componentes explorador.
El aspecto y el control dependerán del tipo de dispositivo que esté utilizando.
Dispositivo móvil mobile-device-components-browser
Al abrir el navegador de componentes en un dispositivo móvil, cubre completamente la página que se está editando.
Para añadir un componente a su página, seleccione y arrastre el componente y muévalo hacia la derecha. El navegador de componentes se cerrará para mostrar de nuevo la página, donde puede colocar el componente.
Dispositivo de escritorio desktop-device-components-browser
Al abrir el explorador de componentes en un dispositivo de escritorio, aparece 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.
Uso del navegador de componentes using-component-browser
Componentes en la Componentes Los navegadores están representados por:
-
Nombre del componente
-
Grupo de componentes (en gris)
-
Icono o abreviatura
- Los iconos de los componentes estándar son monocromos.
- Las abreviaturas siempre están formadas por 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 seleccionar el icono de información junto al componente en la Componentes explorador (si está disponible). Por ejemplo, para el fragmento de contenido:
Para obtener información más detallada sobre los componentes disponibles, consulte la Consola de componente.
Navegador de recursos assets-browser
El Assets el explorador muestra todo activos que están disponibles para su uso en la página actual.
Haga clic o pulse en Assets en el panel lateral para examinar los recursos.
El desplazamiento infinito se utiliza para expandir la lista de recursos según sea necesario mientras se desplaza.
El aspecto y el control dependerán del tipo de dispositivo que esté utilizando:
Dispositivo móvil mobile-device-assets-browser
Al abrir el explorador de recursos en un dispositivo móvil, cubre completamente la página que se está editando.
Para añadir un recurso a su página, seleccione y arrastre el recurso necesario y, a continuación, muévalo hacia la derecha. El explorador de recursos se cerrará para mostrar de nuevo la página, donde puede agregar el recurso al componente requerido.
Dispositivo de escritorio desktop-device-assets-browser
Al abrir el explorador de recursos en un dispositivo de escritorio, se abre en la parte izquierda de la ventana.
Para añadir un recurso a la página, seleccione el recurso necesario y arrástrelo a la ubicación o al componente necesarios.
Uso del explorador de recursos using-assets-browser
Para añadir un recurso a la página, selecciónelo y arrástrelo a la ubicación deseada. Esto puede ser lo siguiente:
- Un componente existente del tipo adecuado.
- Por ejemplo, puede arrastrar un recurso de tipo imagen hacia un componente de imagen.
- A placeholder en el sistema de párrafos para crear un componente del tipo adecuado.
- Por ejemplo, puede arrastrar un recurso de tipo imagen al sistema de párrafos para crear un componente de imagen.
Desde la barra de herramientas superior del explorador de recursos, puede filtrar los recursos por lo siguiente:
- Nombre
- Ruta
- Tipos de recursos como imágenes, vídeos, documentos, párrafos, fragmentos de contenido y fragmentos de experiencias.
- Características del recurso como orientación y estilo.
- Disponible solo para determinados tipos de recursos
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
El Árbol de contenido ofrece información general de 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.
Haga clic o pulse en Árbol de contenido para acceder al árbol de contenido.
Cuando se abre, puede ver una representación en forma de árbol de la 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, resulta más fácil saltar entre los componentes de la página.
Una página puede estar compuesta fácilmente por muchos componentes del mismo tipo, por lo que el árbol de contenido muestra un texto descriptivo (en gris) después del nombre del tipo de componente (en negro). El texto descriptivo viene de las propiedades comunes del componente, como el título o el texto.
Los tipos de componente se muestran en el idioma del usuario, mientras que el texto de descripción del componente proviene del idioma de la página.
Si hace clic en las comillas angulares que aparecen junto a un componente, se contraerá o expandirá ese nivel.
Al hacer clic en el componente, se resaltará el componente en el editor de páginas. Las acciones disponibles dependerán del estado de la página. Por ejemplo:
Una página básica basic-page
Los componentes de una página básica tienen las opciones habituales.
Si el componente en el que hace clic en el árbol se puede editar, aparecerá un icono de llave inglesa a la derecha del nombre. Al hacer clic en este icono, se inicia el cuadro de diálogo de edición del componente.
Una Live Copy live-copy
Una página que forma parte de un Live Copy, donde los componentes se heredan de otra página, tendrá diferentes opciones.
Explorador de contenido asociado associated-content-browser
Si la página contiene fragmentos de contenido, también puede acceder a la variable explorador de contenido asociado.