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:

  1. Verifica que la definición y el modelo del bloque son correctos.
  2. Permite a los desarrolladores revisar la HTML semántica del bloque, que sirve de base para el desarrollo.
  3. 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

  1. Inicie sesión en AEM Author.

  2. Vaya a Sitios y seleccione el sitio (WKND (Editor universal)) creado en el capítulo anterior.

    AEM Sites

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

    AEM Sites - Crear página Ramas

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

    AEM Sites - Crear página Teaser

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

    Editor universal: seleccione la rama de teaser

  6. Seleccione la primera sección debajo de Principal, haga clic en el botón añadir y elija el bloque Teaser.

    Editor universal: añadir bloque

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

    Editor universal: bloque de autor

  8. 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.
    AEM Sites - Publicar o previsualizar

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

    Sitio local - Actualizar

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.

recommendation-more-help
bb44cebf-d964-4e3c-b64e-ce882243fe4d