DokumentationAEMSjälvstudiekurser om AEMSjälvstudiekurser om AEM Sites

Skapa ett block

Last update: Mon May 05 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Gäller:
  • Experience Manager as a Cloud Service

Skapat för:

  • Nybörjare
  • Utvecklare

När JSON 🔗 för teaser-blocket har placerats i teaser-grenen kan blocket redigeras i AEM Universal Editor.

Det finns flera skäl till att det är viktigt att skapa ett block under utveckling:

  1. Den verifierar att blockets definition och modell är korrekta.
  2. Det gör att utvecklare kan granska blockets semantiska HTML, som fungerar som grund för utvecklingen.
  3. Det gör det möjligt att använda både innehåll och semantiska HTML i förhandsvisningsmiljön, vilket ger snabbare blockutveckling.

Öppna Universal Editor med kod från grenen teaser

  1. Logga in på AEM Author.

  2. Navigera till Webbplatser och markera webbplatsen (WKND (Universal Editor)) som skapades i det föregående kapitlet.

    AEM Sites

  3. Skapa eller redigera en sida för att lägga till det nya blocket och se till att kontexten är tillgänglig för lokal utveckling. Sidor kan skapas var som helst på webbplatsen, men det är oftast bäst att skapa separata sidor för varje ny arbetsbrödtext. Skapa en ny mappsida med namnet grenar. Varje undersida används som stöd för utveckling av Git-grenen med samma namn.

    AEM Sites - sidan Skapa grenar

  4. Under sidan Förgreningar skapar du en ny sida med namnet Teaser som matchar namnet på utvecklingsgrenen och redigerar sidan genom att klicka på Öppna .

    AEM Sites - Skapa Teaser-sida

  5. Uppdatera den universella redigeraren för att läsa in koden från grenen teaser genom att lägga till ?ref=teaser i URL:en. Lägg till frågeparametern BEFORE i #-symbolen.

    Universell redigerare - Välj teasergren

  6. Markera det första avsnittet under Huvudsida, klicka på knappen Lägg till och välj Teaser -blocket.

    Universell redigerare - Lägg till block

  7. Markera det nya lagret på arbetsytan och författare fälten till höger eller via funktionen för redigering direkt.

    Universell redigerare - Författarblock

  8. När du är klar med redigeringen väljer du knappen Publicera längst upp till höger i Universal Editor, väljer Publicera till Förhandsgranska och publicerar ändringarna i förhandsvisningsmiljön. Ändringarna publiceras sedan till domänen aem.page för webbplatsen.
    AEM Sites - Publicera eller Förhandsgranska

  9. Vänta tills ändringarna har publicerats för förhandsgranskning och öppna sedan webbsidan via AEM CLI på http://localhost:3000/branches/teaser.

    Lokal plats - uppdatera

Nu finns det material och semantiska HTML som skapats av teaser-blocket på förhandsgranskningswebbplatsen, som är klart för utveckling med AEM CLI i den lokala utvecklingsmiljön.

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