Introducción a la creación y publicación author-content-publish
Es importante comprender cómo actualizará un usuario el contenido del sitio web. En este capítulo adoptaremos la personalidad 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.
Crear una nueva página create-page
Un sitio web generalmente se divide en páginas para formar una experiencia de varias páginas. AEM estructura el contenido de la misma manera. A continuación, cree una nueva página para el sitio.
-
AEM Inicie sesión en el servicio de Autor de utilizado en el capítulo anterior.
-
AEM En la pantalla de inicio de la, 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 para Crear página.
-
Elija la plantilla Página de artículo y haga clic en Siguiente.
AEM Las páginas de la plantilla de página 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 de "Hello World".
-
Establezca Name como
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
AEM Los componentes 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 van desde elementos básicos como Texto e Imagen hasta elementos de IU más complejos como un Carrusel.
AEM A continuación, cree algunos componentes con el Editor de páginas de.
-
Vaya a la página Hello World creada en el ejercicio anterior.
-
Asegúrese de que está en 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 Image.
-
En el carril izquierdo, cambie a Buscador de recursos haciendo clic en el icono de Assets
-
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 Title, Navigation, Search, que son fijos. Estas áreas se configuran como parte de la plantilla de página y no se pueden modificar en una página individual. Esto se analiza más en el capítulo siguiente.
Siéntase libre de 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í.
Actualizaciones de Publish publish-updates
AEM Los entornos de se dividen entre Servicio de creación y Servicio de Publish. 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 Publish Service.
Flujo de contenido de alto nivel de Author a Publish
1. autores de contenido realizan actualizaciones del contenido del sitio. Las actualizaciones se pueden previsualizar, revisar y aprobar para su publicación.
2.El contenido de se ha publicado. La publicación se puede realizar bajo demanda o programarse para una fecha futura.
3. visitantes del sitio verán los cambios reflejados en el servicio de Publish.
Publish los cambios
A continuación, vamos a publicar los cambios.
-
AEM En la pantalla de inicio de la, 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, deje la configuración predeterminada en Publish y programe 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 elementos secundarios. 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 de 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 Publish.
Ver contenido publicado publish
A continuación, vaya al servicio Publish para ver los cambios.
-
Una manera sencilla de obtener la dirección URL del servicio Publish 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 Publish -
https://publish-pYYYY-eXXXX.adobeaemcloud.com/
- URL del autor -
-
Agregue
/content/wknd.htmla la dirección URL de Publish para que la dirección 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. -
Al navegar a la dirección URL de Publish AEM, debería ver el sitio sin ninguna de las funcionalidades de creación de.
-
Usando el menú Navegación, haga clic en Artículo > Hello World para navegar a la página Hello World creada anteriormente.
-
AEM Vuelva al Servicio de autor de y realice algunos cambios de contenido adicionales en el editor de páginas.
-
Publish realiza estos cambios directamente desde el editor de páginas haciendo clic en el icono Propiedades de página > Página de Publish
-
AEM Vuelva al servicio de Publish para ver los cambios. Lo más probable es que no vea inmediatamente las actualizaciones. AEM Esto se debe a que el servicio de Publish incluye almacenamiento en caché a través de un servidor web Apache y CDN. De forma predeterminada, el contenido del HTML se almacena en caché durante ~5 minutos.
-
Para omitir la caché con fines de prueba o depuración, simplemente agregue un parámetro de consulta como
?nocache=true. La dirección URL seríahttps://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd/en/article/hello-world.html?nocache=true. Encontrará más detalles sobre la estrategia de almacenamiento en caché y las configuraciones disponibles aquí. -
También puede encontrar la URL del servicio de Publish en Cloud Manager. Vaya a Programa de Cloud Manager > Entornos > Entorno.
En Segmentos de entorno encontrará vínculos a los servicios Autor y Publish.
Enhorabuena. congratulations
AEM ¡Felicidades, acaba de crear y publicar cambios en su sitio de la!
Siguientes 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 IU de Adobe XD para diseñar y acelerar la implementación de Adobe Experience Manager Sites en la planificación de la IU con Adobe XD.
¿Quiere 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.