Introducción a la creación y la publicación author-content-publish
Es importante comprender cómo actualizará un usuario el contenido del sitio web. En este capítulo adoptaremos el papel de un autor de contenido y haremos algunas actualizaciones editoriales en el sitio generadas en el capítulo anterior. Al final del capítulo, publicaremos los cambios para comprender cómo se actualiza el sitio en directo.
Requisitos previos prerequisites
Este es un tutorial de varias partes y se da por hecho que los pasos descritos en el capítulo Crear un sitio se han completado.
Objetivo objective
- Comprenda los conceptos de Páginas y Componentes en AEM Sites.
- Obtenga información sobre cómo actualizar el contenido del sitio web.
- Obtenga información sobre cómo publicar cambios en el sitio activo.
Cree una página nueva. create-page
Un sitio web generalmente se divide en páginas para crear una experiencia de varias páginas. AEM estructura el contenido del mismo modo. A continuación, cree una nueva página para el sitio.
-
Inicie sesión en el servicio de Autor de AEM basándose en el capítulo anterior.
-
En la pantalla de inicio de AEM, haga clic en Sitios > Sitio WKND > Inglés > Artículo
-
En la esquina superior derecha, haga clic en Crear > Página.
Esto abrirá el asistente Crear página.
-
Elija la plantilla Página de artículo y haga clic en Siguiente.
Las páginas de AEM se crean a partir de una plantilla de página. Las plantillas de página se exploran en detalle en el capítulo Plantillas de página.
-
En Propiedades, escriba un Título: Hello World.
-
Establezca el Nombre
hello-worldy haga clic en Crear.
-
En el cuadro de diálogo emergente, haga clic en Abrir para abrir la página recién creada.
Crear un componente author-component
Los componentes de AEM se pueden considerar como pequeños componentes modulares de una página web. Al dividir la interfaz de usuario en fragmentos lógicos o componentes, resulta mucho más fácil administrarla. Para reutilizar componentes, estos deben poder configurarse. Esto se realiza a través del cuadro de diálogo de autor.
AEM proporciona un conjunto de componentes principales que están listos para su uso en producción. Los componentes principales son elementos básicos como Texto e Imagen o elementos de IU más complejos como un Carrusel.
A continuación, cree algunos componentes con el Editor de páginas de AEM.
-
Vaya a la página Hello World creada en el ejercicio anterior.
-
Asegúrese de que está en el modo Editar y, en el carril lateral izquierdo, haga clic en el icono Componentes.
Se abrirá la biblioteca de componentes y se enumerarán los componentes disponibles que se pueden utilizar en la página.
-
Desplácese hacia abajo y arrastre y suelte un componente Texto (v2) en la región editable principal de la página.
-
Haga clic en el componente Texto que desee resaltar y, a continuación, haga clic en el icono llave inglesa
El componente Texto ahora debería mostrar el texto enriquecido en la página.
-
Repita los pasos anteriores, excepto que arrastre una instancia del componente Image(v2) a la página. Abra el cuadro de diálogo del componente Imagen.
-
En el carril izquierdo, cambie a Buscador de recursos haciendo clic en el icono de Recursos
-
Arrastre y suelte una imagen en el cuadro de diálogo del componente y haga clic en Listo para guardar los cambios.
-
Observe que hay componentes en la página, como Título, Navegación, Búsqueda, que son fijos. Estas áreas se configuran como parte de la plantilla de la página y no se pueden modificar en una página individual. Esto se analiza con más detalle en el siguiente capítulo.
No dude en experimentar con algunos de los otros componentes. La documentación sobre cada componente principal se encuentra aquí. Encontrará una serie de vídeos detallada sobre la creación de páginas aquí.
Publicación de las actualizaciones publish-updates
Los entornos de AEM se dividen entre un Servicio de creación y Servicio de publicación. En este capítulo hemos realizado varias modificaciones en el sitio en el Servicio de creación. Para que los visitantes del sitio puedan ver los cambios, debemos publicarlos en el Servicio de publicación.
Flujo de contenido de alto nivel de autor a publicación
1. Los autores de contenido realizan actualizaciones del contenido del sitio. Las actualizaciones se pueden previsualizar, revisar y aprobar para publicarse en directo.
2. El contenido se ha publicado. La publicación se puede realizar bajo demanda o programarse para una fecha futura.
3. Los visitantes del sitio verán los cambios reflejados en el servicio de publicación.
Publicación de los cambios
A continuación, vamos a publicar los cambios.
-
En la pantalla de inicio de AEM, vaya a Sitios y seleccione el Sitio WKND.
-
Haga clic en Administrar publicación en la barra de menús.
Como se trata de un sitio completamente nuevo, queremos publicar todas las páginas y podemos utilizar el asistente Administrar publicación para definir exactamente lo que debe publicarse.
-
En Opciones, guarde la configuración predeterminada en Publicar y prográmela para Ahora. Haga clic en Siguiente.
-
En Ámbito, seleccione el Sitio WKND y haga clic en Incluir configuración secundaria. En el cuadro de diálogo, marque Incluir tareas secundarias. Desmarque el resto de las casillas para asegurarse de que se publique todo el sitio.
-
Haga clic en el botón Referencias publicadas. En el cuadro de diálogo, compruebe que todo está marcado. Esto incluirá la Plantilla de sitio estándar y varias configuraciones generadas por la Plantilla de sitio. Haga clic en Listo para actualizar.
-
Finalmente, marque la casilla junto al Sitio WKND y haga clic en Siguiente en la esquina superior derecha.
-
En el paso Flujos de trabajo, escriba un título del flujo de trabajo. Puede ser cualquier texto y puede resultar útil como parte de una pista de auditoría más adelante. Escriba "Publicación inicial" y haga clic en Publicar.
Ver contenido publicado publish
A continuación, vaya al servicio Publicación para ver los cambios.
-
Una manera sencilla de obtener la dirección URL del servicio de publicación es copiar la dirección URL del autor y reemplazar la palabra
authorporpublish. Por ejemplo:- URL del autor -
https://author-pYYYY-eXXXX.adobeaemcloud.com/ - URL de publicación -
https://publish-pYYYY-eXXXX.adobeaemcloud.com/
- URL del autor -
-
Añada
/content/wknd.htmla la URL de publicación para que la dicha URL final tenga el siguiente aspecto:https://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd.html.note note NOTE Cambie wknd.htmlpara que coincida con el nombre de su sitio, si proporcionó un nombre único durante la creación del sitio. -
Si navega a la URL de publicación, debería ver el sitio sin ninguna de las funcionalidades de creación de AEM.
-
Mediante el menú Navegación, haga clic en Artículo > Hello World para ir a la página Hello World creada anteriormente.
-
Vuelva al Servicio de autor de AEM y realice algunos cambios de contenido adicionales en el editor de páginas.
-
Publique estos cambios directamente desde el editor de páginas haciendo clic en el icono Propiedades de página > Publicar página
-
Vuelva al Servicio de publicación de AEM para ver los cambios. Lo más probable es que no vea inmediatamente las actualizaciones. Esto se debe a que el Servicio de publicación de AEM incluye el almacenamiento en caché de mediante un servidor web Apache y CDN. De forma predeterminada, el contenido de HTML se almacena en caché durante 5 minutos aproximadamente.
-
Para omitir la caché con fines de prueba o depuración, simplemente añada un parámetro de consulta como
?nocache=true. La URL tendría el siguiente aspecto:https://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd/en/article/hello-world.html?nocache=true. Se pueden encontrar más detalles acerca de la estrategia del almacenamiento en caché y de las configuraciones disponibles aquí. -
También puede encontrar la dirección URL del servicio de publicación en Cloud Manager. Vaya a Programa de Cloud Manager > Entornos > Entorno.
En Segmentos de entorno encontrará vínculos a los servicios Autor y Publicar.
Enhorabuena. congratulations
Enhorabuena. ¡Acaba de crear y publicar cambios en su sitio de AEM!
Próximos pasos next-steps
En una implementación real, planificar un sitio con maquetas y diseños de interfaz de usuario suele preceder a la creación del sitio. Aprenda cómo se pueden usar los kits de interfaz de usuario de Adobe XD para diseñar y acelerar la implementación de Adobe Experience Manager Sites en la planificación de la interfaz de usuario con Adobe XD.
¿Desea seguir explorando las funcionalidades de AEM Sites? No dude en ir directamente al capítulo de Plantillas de página para entender la relación entre una plantilla de página y una página.