AEM Cuando se instala la instancia de forma predeterminada, una selección de componentes está disponible inmediatamente en el explorador de componentes.
Además de estos, también hay otros componentes disponibles. Puede utilizar el modo Diseño para habilitar/deshabilitar estos componentes. Cuando esté activada y ubicada en la página, puede utilizar el modo Diseño para lo siguiente configurar aspectos del diseño de componentes editando los parámetros de atributo.
Se debe tener cuidado al editar estos componentes. La configuración de diseño suele ser parte integral del diseño de todo el sitio web, por lo que solo debe cambiarla alguien con los privilegios y la experiencia adecuados, a menudo un administrador o un desarrollador. Consulte Desarrollo de componentes para obtener más información.
El modo de diseño solo está disponible para plantillas estáticas. Las plantillas que se crean con plantillas editables deben editarse con la variable editor de plantillas.
El modo Diseño solo está disponible para configuraciones de diseño almacenadas como contenido en ( /etc
).
AEM A partir de la versión 6.4, se recomienda almacenar los diseños como datos de configuración en /apps
para admitir escenarios de implementación continua. Diseños almacenados en /apps
no se pueden editar durante la ejecución y el modo Diseño no estará disponible para los usuarios que no sean administradores de dichas plantillas.
Esto implica añadir o eliminar los componentes permitidos en el sistema de párrafos de la página. El sistema de párrafos ( parsys
) es un componente compuesto que contiene todos los demás componentes de párrafo. El sistema de párrafos permite a los autores añadir componentes de diferentes tipos a una página, ya que contiene todos los demás componentes de párrafo. Cada tipo de párrafo se representa como un componente.
Por ejemplo, el contenido de una página de producto puede contener un sistema de párrafos que contenga lo siguiente:
Consulte Desarrollo de componentes y Directrices para el uso de plantillas y componentes para obtener más información acerca de parsys
.
La edición del diseño mediante el modo de diseño, tal como se describe en este artículo, es la forma recomendada de definir diseños de plantillas estáticas
Modificar diseños en CRX DE, por ejemplo, no es una práctica recomendada y la aplicación de dichos diseños puede variar del comportamiento esperado. Consulte el documento para desarrolladores Plantillas de página: estáticas para obtener más información.
Para habilitar o deshabilitar un componente:
Seleccione el Diseño modo.
Toque o haga clic en un componente. El componente tendrá un borde azul cuando se seleccione.
Toque o haga clic en Principal icono.
Se seleccionará el sistema de párrafos que contiene el componente actual.
El Configurar para el sistema de párrafos se mostrará en la barra de acciones del elemento principal.
Seleccione esta opción para mostrar el cuadro de diálogo.
Utilice el cuadro de diálogo para definir los componentes disponibles en el explorador de componentes al editar la página actual.
El cuadro de diálogo tiene dos pestañas:
Componentes permitidos
En el Componentes permitidos , se definen qué componentes están disponibles para parsys.
La configuración se define por componente de página. Si las páginas secundarias utilizan la misma plantilla o componente de página (normalmente alineado), se aplicará la misma configuración al sistema de párrafos correspondiente.
Los componentes de formulario adaptable están diseñados para funcionar dentro del contenedor de formulario adaptable y aprovechar el ecosistema de Forms. Por lo tanto, estos componentes solo deben utilizarse en el editor de formularios adaptables y no funcionarán en el editor de páginas de Sites.
Configuración
En el Configuración pestaña puede definir opciones adicionales, como dibujar un anclaje para cada componente y definir el relleno de celda de cada contenedor.
Seleccionar Listo para guardar la configuración.
Seleccione el Diseño modo.
Toque o haga clic en un componente con un borde azul. En este ejemplo, se selecciona un componente de imagen a pantalla completa.
Utilice el Configurar para abrir el cuadro de diálogo.
En el cuadro de diálogo de diseño, puede configurar el componente según los parámetros de diseño disponibles.
El cuadro de diálogo tiene tres pestañas:
Propiedades
El Propiedades La pestaña permite configurar los parámetros de diseño importantes del componente. Por ejemplo, para un componente de imagen puede definir el tamaño máximo y mínimo de la imagen permitido.
Características
El Funciones La pestaña permite activar o desactivar funciones adicionales del componente. Por ejemplo, para un componente de imagen puede definir la orientación de la imagen, las opciones de recorte disponibles y si se puede cargar una imagen.
Estilos
El Estilos La pestaña permite definir las clases y los estilos CSS que se utilizarán con el componente.
Utilice el Añadir para agregar entradas adicionales a una lista de diálogo de varias entradas.
Utilice el Eliminar icono para quitar una entrada de una lista de cuadros de diálogo de varias entradas.
Utilice el Mover para reorganizar el orden de las entradas en una lista de diálogo de varias entradas.
Toque o haga clic en Listo para guardar y cerrar el cuadro de diálogo.