Creación de un sitio a partir de una plantilla

Obtenga información sobre cómo crear rápidamente un nuevo sitio de AEM con una plantilla de sitio.

La historia hasta ahora

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 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.

Obtención de una plantilla del sitio

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

Usar una plantilla para crear un nuevo sitio es muy sencillo.

1. 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

2. 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.

   

3. En el asistente Crear sitio, pulse o haga clic en Importar en la parte superior de la columna izquierda.

   

4. En el explorador de archivos, busque la plantilla que descargó previamente y pulse o haga clic en Cargar.

5. 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.

   

6. Proporcione un título para el sitio. Se puede indicar un nombre de sitio, pero se generará 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.

7. Pulse o haga clic en Crear, el nuevo sitio se creará a partir de la plantilla del sitio.

   

8. En el cuadro de diálogo de confirmación que aparece, toque o haga clic en Listo.

   

9. 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.

1. 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.

   

2. 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.

   

3. 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.

   

4. 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.

1. En la consola Sites, muestre el carril Sitio.

   

2. 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.

1. En AEM, desde la navegación principal, vaya a Herramientas -> Seguridad -> Usuarios.

2. En la consola de administración de usuarios, pulse o haga clic en Crear.

   

3. 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.

   

4. 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.

   

5. 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.

• Plantilla de sitio estándar de AEM: este es el repositorio de GitHub de la plantilla de sitio estándar de AEM.
• 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.

Recursos de Business.Adobe.com