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 Author Service som användes i föregående kapitel.

  2. På startskärmen i AEM klickar du på Webbplatser > WKND-plats > Engelska > Artikel

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

Publicera uppdateringar publish-updates

AEM-miljöer delas mellan en författartjänst och en publiceringstjä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 i publiceringstjänsten.

Högnivådiagram

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

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. Webbplatsbesökarna ser ändringarna som återspeglas i publiceringstjänsten.

Publicera ändringarna

Nu ska vi publicera ändringarna.

  1. På startskärmen i AEM går du till Webbplatser och väljer WKND-webbplatsen.

  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 Publicera och schemalägger den för nu. 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.

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

Inledande publicering av arbetsflödessteg

Visa publicerat innehåll publish

Navigera sedan till Publicera-tjänsten för att visa ändringarna.

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

    • Författar-URL - https://author-pYYYY-eXXXX.adobeaemcloud.com/
    • Publicera URL - https://publish-pYYYY-eXXXX.adobeaemcloud.com/
  2. Lägg till /content/wknd.html i publicerings-URL:en 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. Navigera till publicerings-URL:en som du vill visa webbplatsen, utan någon av AEM-redigeringsfunktionerna.

    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 Author Service och gör ytterligare innehållsändringar i sidredigeraren.

  6. Publicera dessa ändringar direkt i sidredigeraren genom att klicka på ikonen Sidegenskaper > Publicera sida

    publicera direkt

  7. Gå tillbaka till AEM Publish Service om du vill visa ändringarna. Troligen kommer du inte omedelbart att se uppdateringarna. Detta beror på att AEM Publiceringstjänst 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 också hitta URL:en till publiceringstjänsten i Cloud Manager. Navigera till Cloud Manager-programmet > Miljö > Miljö.

    Visa publiceringstjänst

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

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