Introduktion till redigering och publicering author-content-publish

Det är viktigt att förstå hur en användare uppdaterar innehåll för webbplatsen. I det här kapitlet ska vi anta en profil för en innehållsförfattare och göra vissa redigeringsuppdateringar av webbplatsen som genererats i det föregående kapitlet. I slutet av kapitlet kommer vi att publicera ändringarna för att förstå hur den publicerade webbplatsen uppdateras.

Förutsättningar prerequisites

Det här är en självstudiekurs i flera delar och det antas att stegen som beskrivs i kapitlet Skapa en plats har slutförts.

Syfte objective

  1. Förstå begreppen för Sidor och komponenter i AEM Sites.
  2. Lär dig hur du uppdaterar innehåll på webbplatsen.
  3. Lär dig hur du publicerar ändringar på den publicerade webbplatsen.

Skapa en ny sida create-page

En webbplats delas vanligtvis upp i sidor för att skapa en flersidig upplevelse. AEM strukturerar innehållet på samma sätt. Skapa sedan en ny sida för webbplatsen.

  1. Logga in på AEM Författartjänst som användes i föregående kapitel.

  2. Klicka på Webbplatser > WKND-plats > Engelska > Artikel på AEM startskärm

  3. Klicka på Skapa > Sida i det övre högra hörnet.

    Skapa sida

    Guiden Skapa sida visas.

  4. Välj mallen Artikelsida och klicka på Nästa.

    Sidor i AEM skapas utifrån en sidmall. Sidmallar beskrivs mer ingående i kapitlet Sidmallar.

  5. Under Egenskaper anger du Title för Hello World.

  6. Ange att Name ska vara hello-world och klicka på Create.

    Egenskaper för första sidan

  7. Klicka på Öppna i popup-fönstret för att öppna den nya sidan.

Skapa en komponent author-component

AEM kan ses som små modulära byggstenar på en webbsida. Genom att dela upp användargränssnittet i logiska segment eller komponenter blir det mycket enklare att hantera. För att återanvända komponenter måste komponenterna vara konfigurerbara. Detta sker via författardialogrutan.

AEM tillhandahåller en uppsättning kärnkomponenter som är färdiga att använda. Kärnkomponenterna sträcker sig från grundläggande element som Text och Bild till mer komplexa gränssnittselement som Carousel.

Skapa sedan några komponenter med AEM Page Editor.

  1. Navigera till sidan Hello World som skapades i föregående övning.

  2. Kontrollera att du är i läget Redigera och klicka på ikonen Komponenter i den vänstra sidlisten.

    Sidredigerarens sidospåret

    Komponentbiblioteket öppnas och de tillgängliga komponenter som kan användas på sidan visas.

  3. Bläddra nedåt och Dra+släpp en Text (v2) -komponent på sidans redigerbara huvudområde.

    Dra + släpp textkomponent

  4. Klicka på komponenten Text för att markera och klicka sedan på ikonen skiftnyckel skiftnyckel för att öppna komponentens dialogruta. Ange text och spara ändringarna i dialogrutan.

    RTF-komponent

    Komponenten Text bör nu visa den formaterade texten på sidan.

  5. Upprepa stegen ovan, förutom att dra en instans av komponenten Image(v2) till sidan. Öppna dialogrutan för komponenten Bild.

  6. I den vänstra listen växlar du till Resurssökaren genom att klicka på Assets -ikonen resursikonen .

  7. Dra och släpp en bild i komponentens dialogruta och klicka på Klar för att spara ändringarna.

    Lägg till resurs i dialogruta

  8. Observera att det finns komponenter på sidan, till exempel Rubrik, Navigering och Sök, som är åtgärdade. De här områdena är konfigurerade som en del av sidmallen och kan inte ändras på en enskild sida. Detta beskrivs mer i nästa kapitel.

Experimentera fritt med några andra komponenter. Dokumentation om varje kärnkomponent finns här. En detaljerad videoserie om Sidredigering finns här.

Publish-uppdateringar publish-updates

AEM har delats mellan en författartjänst och en Publish-tjänst. I det här kapitlet har vi gjort flera ändringar av webbplatsen på författartjänsten. För att webbplatsbesökarna ska kunna se ändringarna måste de publiceras på Publish-tjänsten.

Högnivådiagram

Högt innehållsflöde från författare till Publish

1. Innehållsförfattare uppdaterar webbplatsinnehållet. Uppdateringarna kan förhandsgranskas, granskas och godkännas för publicering.

2.-innehåll publiceras. Publicering kan utföras on demand eller planeras för ett framtida datum.

3. Besökare på webbplatsen kommer att se ändringarna som återspeglas i Publish-tjänsten.

Publish the changes

Nu ska vi publicera ändringarna.

  1. Gå till Webbplatser från AEM startsida och välj WKND-plats.

  2. Klicka på Hantera publikation på menyraden.

    Hantera publikation

    Eftersom det här är en helt ny webbplats vill vi publicera alla sidor och kan använda guiden Hantera publikation för att definiera exakt vad som behöver publiceras.

  3. Under Alternativ låter du standardinställningarna vara Publish och schemalägger dem för Now. Klicka på Nästa.

  4. Under Omfång markerar du WKND-platsen och klickar på Inkludera underordnade inställningar. Markera Inkludera underordnade i dialogrutan. Avmarkera resten av rutorna för att säkerställa att hela webbplatsen publiceras.

    Uppdatera publiceringsomfång

  5. Klicka på knappen Publicerade referenser. Kontrollera att allt är markerat i dialogrutan. Detta inkluderar standardplatsmallen och flera konfigurationer som genereras av platsmallen. Klicka på Klar för att uppdatera.

    Publish-referenser

  6. Markera kryssrutan intill WKND-plats och klicka på Nästa i det övre högra hörnet.

  7. Ange en arbetsflödesrubrik i steget Arbetsflöden. Detta kan vara vilken text som helst och kan vara användbart som en del av en granskningsversion senare. Ange"Inledande publicering" och klicka på Publish.

Inledande publicering av arbetsflödessteg

Visa publicerat innehåll publish

Gå sedan till Publish-tjänsten för att se ändringarna.

  1. Ett enkelt sätt att hämta URL:en för Publish-tjänsten är att kopiera författar-URL:en och ersätta ordet author med publish. Till exempel:

    • Författar-URL - https://author-pYYYY-eXXXX.adobeaemcloud.com/
    • Publish URL - https://publish-pYYYY-eXXXX.adobeaemcloud.com/
  2. Lägg till /content/wknd.html i Publish URL så att den slutliga URL:en ser ut så här: https://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd.html.

    note note
    NOTE
    Ändra wknd.html så att det matchar namnet på din webbplats, om du angav ett unikt namn när platsen skapades.
  3. Om du navigerar till Publish URL bör du se webbplatsen, utan någon AEM redigeringsfunktion.

    Publicerad webbplats

  4. Använd menyn Navigering och klicka på Artikel > Hello World för att navigera till sidan Hello World som skapades tidigare.

  5. Gå tillbaka till AEM författartjänsten och gör ytterligare innehållsändringar i sidredigeraren.

  6. Publish dessa ändringar direkt från sidredigeraren genom att klicka på ikonen Sidegenskaper > Publish Page

    publicera direkt

  7. Gå tillbaka till AEM Publish-tjänsten om du vill visa ändringarna. Troligen kommer du inte omedelbart att se uppdateringarna. Detta beror på att AEM Publish-tjänsten inkluderar cachelagring via en Apache-webbserver och CDN. Som standard cachelagras HTML innehåll i cirka 5 minuter.

  8. Om du vill kringgå cachen för testnings-/felsökningssyften lägger du bara till en frågeparameter som ?nocache=true. URL:en skulle se ut som https://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd/en/article/hello-world.html?nocache=true. Mer information om cachningsstrategi och konfigurationer som är tillgängliga finns här.

  9. Du kan även hitta URL:en till Publish-tjänsten i Cloud Manager. Navigera till Cloud Manager-programmet > Miljö > Miljö.

    Visa Publish-tjänsten

    Under Miljösegment hittar du länkar till tjänsterna Författare och Publish.

Grattis! congratulations

Grattis! Du har just skrivit och publicerat ändringar på din AEM webbplats!

Nästa steg next-steps

I en implementeringsplanering i verkligheten kommer en webbplats med dummies och gränssnittsdesign vanligtvis före webbplatsskapandet. Läs om hur Adobe XD UI Kits kan användas för att utforma och snabba upp Adobe Experience Manager Sites-implementeringen i gränssnittsplaneringen med Adobe XD.

Vill du fortsätta utforska AEM Sites funktioner? Du kan gå direkt in i kapitlet om Sidmallar för att förstå relationen mellan en sidmall och en sida.

recommendation-more-help
b2a561c1-47c0-4182-b8c1-757a197484f9