Creación de un sitio a partir de una plantilla create-site-from-template
Obtenga información sobre cómo crear rápidamente un nuevo sitio de AEM con una plantilla de sitio.
La historia hasta ahora story-so-far
En el documento anterior del Recorrido de creación rápida de sitios de AEM, Comprensión de Cloud Manager y el Flujo de trabajo de creación rápida de sitios, ha aprendido acerca de Cloud Manager y cómo vincula el nuevo proceso de creación rápida de sitios. Ahora debería hacer lo siguiente:
- 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 sitio a partir de una plantilla que luego pueda personalizar con herramientas front-end.
Objetivo objective
Este documento 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 sitio con una plantilla.
- Consulte cómo descargar la plantilla del nuevo sitio para facilitarla al desarrollador front-end.
Función responsable responsible-role
Esta parte del recorrido se aplica al administrador de AEM.
Plantillas de sitios site-templates
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.
Obtención de una plantilla del sitio obtaining-template
La forma más sencilla de empezar es descargar la última versión de la plantilla de sitio estándar de AEM desde su repositorio de GitHub.
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.
Instalación de una plantilla del sitio installing-template
El uso de una plantilla para crear un sitio es sencillo.
-
Inicie sesión en el entorno de creación de AEM y vaya a la consola Sites.
https://<your-author-environment>.adobeaemcloud.com/sites.html/content
-
Seleccione 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, seleccione Importar en la parte superior de la columna izquierda.
-
En el explorador de archivos, busque la plantilla que descargó previamente y seleccione Cargar.
-
Una vez cargada, aparece en la lista de plantillas disponibles. Haga clic para seleccionarla (lo que también revela información sobre la plantilla en la columna derecha) y, a continuación, seleccione 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.
-
Seleccione Crear y el nuevo sitio se creará a partir de la plantilla del sitio.
-
En el cuadro de diálogo de confirmación que aparece, seleccione 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? customization-required
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 example-page
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 seleccionar 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 download-theme
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.
-
Seleccione la raíz del nuevo sitio y, a continuación, 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 proxy-user
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, seleccione 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
contributorsactiva la función de autocompletar de AEM para facilitar la selección del grupo.
- Escribir el término
-
Seleccione 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 what-is-next
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 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 additional-resources
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.
- Plantilla de sitio estándar de AEM: este es el repositorio de GitHub de la plantilla de sitio estándar de AEM.
- Organización de páginas: esta guía detalla cómo organizar las páginas de su sitio de AEM.
- Creación de páginas: esta guía detalla cómo añadir nuevas páginas a su sitio.
- Administración de páginas: esta guía detalla cómo administrar las páginas del sitio, incluido el movimiento, la copia y la eliminación.
- 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.