Auteur van een blok
Na het duwen van JSON 🔗 van het laserblok aan de teaser tak, wordt het blok editable in de Universele Redacteur van AEM.
Het ontwerpen van een ontwikkelingsblok is om verschillende redenen belangrijk:
- Het verifieert dat de definitie en het model van het blok nauwkeurig zijn.
- Het stelt ontwikkelaars in staat om de semantische HTML van het blok te herzien, die als basis voor ontwikkeling dient.
- Hierdoor kunnen zowel de inhoud als semantische HTML worden geïmplementeerd in de voorvertoningsomgeving, waardoor de blokontwikkeling sneller verloopt.
Universal Editor openen met code uit de teaser -vertakking
-
Meld u aan bij AEM Author.
-
Navigeer aan Plaatsen en selecteer de plaats (WKND (Universele Redacteur)) die in het ​ vorige hoofdstuk ​ wordt gecreeerd.
-
Maak of bewerk een pagina om het nieuwe blok toe te voegen, zodat de context beschikbaar is voor ondersteuning van lokale ontwikkeling. Hoewel pagina's overal op de site kunnen worden gemaakt, is het vaak het beste om aparte pagina's te maken voor elk nieuw werkgebied. Creeer een nieuwe "omslag"pagina genoemd Tanden. Elke subpagina wordt gebruikt om de ontwikkeling van de zelfde-genoemde tak van de Git te steunen.
-
Onder de Tak pagina van Tanden, creeer een nieuwe pagina genoemd Taser, die de naam van de ontwikkelingstak aanpassen, en klik Open om de pagina uit te geven.
-
Werk de Universal Editor bij om de code vanuit de
teaser-vertakking te laden door?ref=teaseraan de URL toe te voegen. Zorg ervoor om de vraagparameter VÓÓR toe te voegen het#symbool.
-
Selecteer de eerste sectie onder Hoofd, klik toevoegen knoop, en kies het Taser blok.
-
Selecteer op het canvas het net toegevoegde gummetje en maak de velden aan de rechterkant of via de inline bewerkingsfunctie.
-
Na voltooiing creatie, selecteer publiceren knoop in het hoogste recht van Universele Redacteur, kies publiceren aan Voorproef, en publiceer de veranderingen in het voorproefmilieu. De wijzigingen worden vervolgens gepubliceerd naar het
aem.page-domein voor de website.
-
Wacht op de veranderingen om aan voorproef te publiceren, dan open webpage via ​ AEM CLI ​ in ​ http://localhost:3000/branches/teaser ​.
De inhoud en semantische HTML van het ontwerpblok zijn nu beschikbaar op de voorvertoningswebsite en zijn klaar voor ontwikkeling met de AEM CLI in de lokale ontwikkelomgeving.