Comprender cómo AEM Sites y Cloud Manager colaboran para facilitar el desarrollo front-end
Vea cómo el paso de personalización del front-end está completamente disociado de AEM y no requiere conocimientos de AEM.
Este artículo desarrolla estos aspectos básicos para que pueda llevar a cabo el primer paso de configuración y crear un nuevo sitio a partir de una plantilla que luego pueda personalizar con herramientas front-end.
Objetivo
Este documento le ayuda a comprender cómo crear rápidamente un nuevo sitio de AEM con una plantilla del sitio. Después de leer, debería haber logrado lo siguiente:
Entender cómo obtener plantillas del sitio de AEM.
Obtenga información sobre cómo crear un nuevo sitio con una plantilla.
Consulte cómo descargar la plantilla del nuevo sitio para facilitarla al desarrollador front-end.
Función responsable
Esta parte del recorrido se aplica al administrador de AEM.
Plantillas de sitios
Las plantillas del sitio son una forma de combinar el contenido básico del sitio en un paquete cómodo y reutilizable. Las plantillas del sitio suelen contener contenido y estructura base del sitio, así como información de estilo, para comenzar con uno nuevo rápidamente. La estructura real es la siguiente:
files: carpeta con el kit de IU, el archivo XD y, posiblemente, otros archivos.
previews: carpeta con capturas de pantalla de la plantilla del sitio.
site: paquete de contenido del contenido que se copia para cada sitio creado a partir de esta plantilla, como plantillas de página, páginas, etc.
theme: fuentes del tema de la plantilla para modificar el aspecto del sitio, incluyendo CSS, JavaScript, etc.
Las plantillas son potentes, porque se pueden reutilizar para que los autores de contenido creen rápidamente un sitio. Y dado que puede tener varias plantillas disponibles en su instalación de AEM, tiene flexibilidad para satisfacer diversas necesidades comerciales.
NOTA
La plantilla del sitio no se debe confundir con las plantillas de página. Las plantillas del sitio descritas aquí definen la estructura general de un sitio. Una plantilla de página define la estructura y el contenido inicial de una página individual.
Una vez descargado, puede cargarlo en su entorno de AEM como lo haría con cualquier otro paquete. Consulte la sección Recursos adicionales para obtener más información sobre cómo trabajar con paquetes si necesita más detalles sobre este tema.
SUGERENCIA
La plantilla del sitio estándar de AEM se puede personalizar para satisfacer las necesidades del proyecto y puede obviar la necesidad de una mayor personalización. Sin embargo, este tema está fuera del ámbito de este recorrido. Consulte la documentación de GitHub de la plantilla del sitio estándar para obtener más información.
SUGERENCIA
También puede optar por crear la plantilla a partir del origen, como parte del flujo de trabajo del proyecto. Sin embargo, este tema está fuera del ámbito de este recorrido. Consulte la documentación de GitHub de la plantilla del sitio estándar para obtener más información.
Instalación de una plantilla del sitio
Usar una plantilla para crear un nuevo sitio es muy sencillo.
Inicie sesión en el entorno de creación de AEM y vaya a la consola Sites.
Pulse o haga clic en Crear en la parte superior derecha de la pantalla y, en el menú desplegable, seleccione Sitio a partir de una plantilla.
En el asistente Crear sitio, pulse o haga clic en Importar en la parte superior de la columna izquierda.
En el explorador de archivos, busque la plantilla que descargó previamente y pulse o haga clic en Cargar.
Una vez cargada, aparece en la lista de plantillas disponibles. Pulse o haga clic en ella para seleccionarla (lo que también muestra información acerca de la plantilla en la columna derecha) y luego en Siguiente.
Proporcione un título para el sitio. Se puede proporcionar un nombre de sitio o se genera a partir del título si se omite.
El título del sitio aparece en la barra de título de los exploradores.
El nombre del sitio forma parte de la dirección URL.
Pulse o haga clic en Crear, el nuevo sitio se creará a partir de la plantilla del sitio.
En el cuadro de diálogo de confirmación que aparece, toque o haga clic en Listo.
En la consola Sites, se ve el nuevo sitio y se puede navegar por él para explorar su estructura básica, según se define en la plantilla.
Los autores de contenido ahora pueden empezar a crear.
¿Es necesaria una mayor personalización?
Las plantillas del sitio son muy potentes y flexibles, y se puede crear cualquier número para un proyecto, lo que permite producir variaciones de sitio con facilidad. Según el nivel de personalización que ya tenga la plantilla del sitio que utilice, es posible que ni siquiera necesite una personalización adicional del front-end.
Si su sitio no lo requiere, ¡enhorabuena! Su recorrido termina aquí.
Si todavía necesita personalizar el front-end o simplemente desea entender el proceso completo en caso de que la requiera en el futuro, continúe leyendo.
Página de ejemplo
Si necesita personalizar más el front-end, tenga en cuenta que el desarrollador de este puede no estar familiarizado con los detalles del contenido. Por lo tanto, es aconsejable proporcionarle una ruta al contenido típico que se pueda usar como base de referencia al personalizar el tema. Un ejemplo típico es la página de inicio del idioma principal del sitio.
En el explorador de sitios, vaya a la página de inicio del idioma principal del sitio y, a continuación, pulse o haga clic en la página para seleccionarla y en Editar en la barra de menús.
En el editor, seleccione la opción Información de la página en la barra de herramientas y, a continuación, Ver tal y como aparece publicado.
En la pestaña que se abre, copie la ruta del contenido de la barra de direcciones. Se parecerá a /content/<your-site>/en/home.html?wcmmode=disabled.
Guarde la ruta para facilitarla más adelante al desarrollador front-end.
Descarga del tema
Ahora que el sitio se ha creado, el tema del sitio generado por la plantilla se puede descargar y proporcionar al desarrollador front-end para que lo personalice.
En la consola Sites, muestre el carril Sitio.
Pulse o haga clic en la raíz del nuevo sitio y, a continuación, en Descargar fuentes de temas en el carril del sitio.
Ahora tiene una copia de los archivos de origen del tema en los archivos de descarga.
Configuración del usuario proxy
Para que el desarrollador front-end pueda previsualizar las personalizaciones utilizando contenido de AEM real de su sitio, debe configurar un usuario proxy.
En AEM, desde la navegación principal, vaya a Herramientas -> Seguridad -> Usuarios.
En la consola de administración de usuarios, pulse o haga clic en Crear.
En la ventana Crear nuevo usuario, debe proporcionar como mínimo, lo siguiente:
ID: tome nota de este valor, ya que debe proporcionárselo al desarrollador front-end.
Contraseña: guarde este valor de forma segura en un almacén de contraseñas, ya que debe proporcionárselo al desarrollador front-end.
En la pestaña Grupos, añada el usuario del proxy al grupo contributors.
Escribir el término contributors activa la función de autocompletar de AEM para facilitar la selección del grupo.
Haga clic o pulse en Guardar y cerrar.
Ahora ha completado la configuración. Los autores de contenido ahora pueden empezar a crear contenido en el momento en que comienza la preparación del sitio para la personalización del front-end en el siguiente paso del recorrido.
Siguientes pasos
Ahora que ha completado esta parte del Recorrido de creación rápida de sitios de AEM, debe hacer lo siguiente:
Entender cómo obtener plantillas del sitio de AEM.
Obtenga información sobre cómo crear un nuevo sitio con una plantilla.
Consulte cómo descargar la plantilla del nuevo sitio para facilitarla al desarrollador front-end.
Aproveche este conocimiento y continúe con su Recorrido de creación rápida de sitios de AEM revisando el documento Configurar la canalización, donde creará una canalización front-end para administrar la personalización del tema de su sitio.
Recursos adicionales
Aunque se recomienda pasar a la siguiente parte del Recorrido de creación rápida de sitios de AEM al revisar el documento Configuración de la canalización, los siguientes son algunos recursos opcionales extra. Profundizan en varios conceptos mencionados en este documento, pero no son necesarios para continuar el recorrido.
Creación y organización de páginas. Esta guía detalla cómo administrar las páginas de su sitio AEM si desea personalizarlo aún más después de crearlo a partir de la plantilla.
Cómo trabajar con el paquete: los paquetes permiten importar y exportar el contenido del repositorio. Este documento explica cómo trabajar con paquetes en AEM 6.5, que también se aplica a AEMaaCS.
Documentación de administración del sitio. Consulte los documentos técnicos sobre la creación de sitios para obtener más información sobre las funciones de la herramienta de creación rápida de sitios.
Crear o agregar formularios a una página de AEM Sites: conozca las técnicas paso a paso y las prácticas recomendadas para integrar formularios en su sitio web y optimizar sus experiencias digitales para lograr el máximo impacto.
