Crear un bloque
Después de insertar el JSON del bloque de teaser en la rama teaser
, el bloque se vuelve editable en el Editor universal de AEM.
Crear un bloque en desarrollo es importante por varias razones:
- Verifica que la definición y el modelo del bloque son correctos.
- Permite a los desarrolladores revisar la HTML semántica del bloque, que sirve de base para el desarrollo.
- Permite la implementación del contenido y de la HTML semántica en el entorno de vista previa, lo que posibilita un desarrollo de bloques más rápido.
Abrir el Editor universal utilizando código de la rama teaser
-
Inicie sesión en AEM Author.
-
Vaya a Sitios y seleccione el sitio (WKND (Editor universal)) creado en el capítulo anterior.
-
Cree o edite una página para añadir el nuevo bloque, asegurándose de que el contexto esté disponible para apoyar el desarrollo local. Aunque las páginas se pueden crear en cualquier lugar del sitio, a menudo es mejor crear páginas discretas para cada nuevo cuerpo de trabajo. Cree una nueva página de "carpeta" llamada Ramas. Cada subpágina se utiliza para apoyar el desarrollo de la rama Git con el mismo nombre.
-
En la página Ramas, cree una nueva página con el título Teaser, que coincida con el nombre de la rama de desarrollo, y haga clic en Abrir para editar la página.
-
Actualice el editor universal para cargar el código de la rama
teaser
añadiendo?ref=teaser
a la dirección URL. Asegúrese de añadir el parámetro de consulta ANTES del símbolo#
. -
Seleccione la primera sección debajo de Principal, haga clic en el botón añadir y elija el bloque Teaser.
-
En el lienzo, seleccione el teaser recién añadido y cree los campos a la derecha o a través de la capacidad de edición en línea.
-
Después de completar la creación, seleccione el botón Publicar en la parte superior derecha del editor universal, elija publicar en Vista previa y publique los cambios en el entorno de vista previa. Los cambios se publican en el dominio
aem.page
del sitio web.
-
Espere a que se publiquen los cambios para obtener una vista previa y, a continuación, abra la página web mediante la CLI de AEM en http://localhost:3000/branches/teaser.
Ahora, el contenido y la HTML semántica del bloque de teaser creado están disponibles en el sitio web de vista previa, listos para su desarrollo mediante la CLI de AEM en el entorno de desarrollo local.