Skapa webbplats från mall

Lär dig hur du snabbt skapar en ny AEM med hjälp av en webbplatsmall.

Story hittills

I det föregående dokumentet från den AEM snabbplatsgenereringsresan Förstå Cloud Manager och arbetsflödet för att skapa snabbwebbplatser du har lärt dig om Cloud Manager och hur det knyter ihop den nya processen för att skapa snabbwebbplatser, och du bör nu:

• Förstå hur AEM Sites och Cloud Manager samarbetar för att underlätta utvecklingen på frontend
• Se hur anpassningssteget i gränssnittet är helt fristående från AEM och kräver ingen AEM kunskap.

Den här artikeln bygger på dessa grundläggande funktioner så att du kan ta det första konfigurationssteget och skapa en ny webbplats som du sedan kan anpassa med hjälp av verktygen i gränssnittet.

Syfte

Det här dokumentet hjälper dig att förstå hur du snabbt kan skapa en ny AEM med hjälp av en platsmall. När du har läst bör du:

• Lär dig hur du hämtar AEM webbplatsmallar.
• Lär dig hur du skapar en ny plats med hjälp av en mall.
• Se hur du laddar ned mallen från din nya webbplats och kan ge den till frontutvecklaren.

Ansvarig roll

Den här delen av resan gäller AEM.

Webbplatsmallar

Webbplatsmallar är ett sätt att kombinera grundläggande webbplatsinnehåll i ett bekvämt och återanvändbart paket. Webbplatsmallar innehåller i allmänhet information om baswebbplatsinnehåll och struktur- och webbplatsformatering så att du snabbt kommer igång med den nya webbplatsen. Den faktiska strukturen är följande:

• files: Mapp med UI-kit, XD och eventuellt andra filer
• previews: Mapp med skärmbilder av platsmallen
• site: Innehållspaket för det innehåll som kopieras för varje plats som skapas från den här mallen, t.ex. sidmallar, sidor osv.
• theme: Källor till malltemat för att ändra hur webbplatsen ser ut, t.ex. CSS, JavaScript osv.

Mallar är kraftfulla eftersom de kan återanvändas så att skribenterna snabbt kan skapa en webbplats. Och eftersom du kan ha flera mallar tillgängliga i AEM kan du tillgodose olika affärsbehov.

Hämta en webbplatsmall

Det enklaste sättet att komma igång är att hämta den senaste versionen av AEM Standard Site Template från GitHub-databasen.

När du har laddat ned den kan du ladda upp den till AEM på samma sätt som andra paket. Se Avsnittet Ytterligare resurser om du vill ha mer information om hur du arbetar med paket.

Installera en platsmall

Det är mycket enkelt att använda en mall för att skapa en ny webbplats.

1. Logga in i AEM redigeringsmiljö och navigera till webbplatskonsolen

   • https://<your-author-environment>.adobeaemcloud.com/sites.html/content

2. Tryck eller klicka Skapa längst upp till höger på skärmen och i listrutan väljer Plats från mall.

   

3. Tryck eller klicka på Importera överst i den vänstra kolumnen.

   

4. Leta reda på mallen i filläsaren du laddat ned tidigare och klicka Överför.

5. När den har överförts visas den i listan med tillgängliga mallar. Tryck eller klicka på den för att markera den (vilket även visar information om mallen i den högra kolumnen) och tryck eller klicka sedan på den Nästa.

   

6. Ange en titel för din webbplats. Om det utelämnas kan du ange eller generera ett platsnamn från titeln.

   • Platsens titel visas i webbläsarens namnlist.
   • Webbplatsnamnet blir en del av webbadressen.

7. Tryck eller klicka Skapa och den nya platsen skapas från webbplatsmallen.

   

8. I bekräftelsedialogrutan som visas trycker du på eller klickar på Klar.

   

9. På webbplatskonsolen är de nya platserna synliga och kan navigeras för att utforska den grundläggande strukturen enligt mallen.

   

Innehållsförfattare kan nu börja skriva.

Krävs ytterligare anpassning?

Webbplatsmallar är mycket kraftfulla och flexibla och alla nummer kan skapas för ett projekt, vilket gör det enkelt att skapa olika webbplatsvarianter. Beroende på den nivå av anpassning som redan har gjorts för den webbplatsmall som du använder kanske du inte ens behöver anpassa gränssnittet ytterligare.

• Om sajten inte kräver någon ytterligare anpassning, grattis! Din resa tar slut här!
• Om du fortfarande behöver anpassa gränssnittet ytterligare, eller om du bara vill förstå hela processen om du behöver anpassa dig i framtiden, kan du fortsätta läsa.

Exempelsida

Om du behöver ytterligare anpassning av gränssnittet bör du komma ihåg att den som utvecklar gränssnittet kanske inte känner till informationen om ditt innehåll. Därför är det en bra idé att ge utvecklaren en väg till typiskt innehåll som kan användas som referensbas när temat anpassas. Ett typiskt exempel är hemsidan för webbplatsens överordnad språk.

1. Navigera till startsidan för webbplatsens överordnad språk i webbläsaren och tryck eller klicka på sidan för att markera den och sedan på eller klicka på Redigera på menyraden.

   

2. I redigeraren väljer du Sidinformation i verktygsfältet och sedan Visa som publicerad.

   

3. Kopiera sökvägen till innehållet från adressfältet på fliken som öppnas. Det ser ut som /content/<your-site>/en/home.html?wcmmode=disabled.

   

4. Spara sökvägen som senare kan skickas till den som utvecklar gränssnittet.

Ladda ned temat

Nu när webbplatsen har skapats kan temat för webbplatsen som genererats av mallen hämtas och skickas till gränssnittsutvecklaren för anpassning.

1. På webbplatskonsolen visar du Plats järnväg.

   

2. Tryck eller klicka på roten för den nya platsen och tryck eller klicka sedan på Hämta temakällor på platsjärnvägen.

   

Du har nu en kopia av temats källfiler i dina nedladdningsfiler.

Konfigurera proxyanvändare

För att frontendutvecklaren ska kunna förhandsgranska anpassningarna med verkligt AEM innehåll från webbplatsen måste du konfigurera en proxyanvändare.

1. I AEM från huvudnavigeringen går du till verktyg -> Säkerhet -> Användare.

2. Tryck eller klicka på i användarhanteringskonsolen Skapa.

   

3. I Skapa ny användare fönster måste du åtminstone ange:

   • ID - Observera detta värde eftersom du måste ge det till den som utvecklar gränssnittet.
   • Lösenord - Spara det här värdet säkert i ett lösenordsvalv eftersom du måste skicka det till klientutvecklaren.

   

4. På Grupper lägger du till proxyanvändaren i contributors grupp.

   • Typning i termen contributors utlösare AEM funktionen för automatisk komplettering så att gruppen enkelt kan markeras.

   

5. Tryck eller klicka Spara och stäng.

Du har nu slutfört konfigurationen. Innehållsförfattare kan nu börja skapa innehåll på webbplatsen och börja förbereda framsidan i nästa steg av kundresan.

What's Next

Nu när du är klar med den här delen av AEM snabbwebbplats:

• Lär dig hur du hämtar AEM webbplatsmallar.
• Lär dig hur du skapar en ny plats med hjälp av en mall.
• Se hur du laddar ned mallen från din nya webbplats och kan ge den till frontutvecklaren.

Bygg vidare på den här kunskapen och fortsätt din AEM snabbwebbplats genom att nästa gång du granskar dokumentet Konfigurera din pipeline, där du skapar en pipeline för frontend för att hantera anpassningen av webbplatsens tema.

Ytterligare resurser

Vi rekommenderar att du går vidare till nästa del av processen Skapa snabbwebbplats genom att granska dokumentet Konfigurera din pipeline, Nedan följer ytterligare, valfria resurser som fördjupar sig i några koncept som nämns i det här dokumentet, men som inte behöver fortsätta på resan.

• AEM standardmall för webbplats - Detta är GitHub-databasen för AEM standardplatsmall.
• Skapa och ordna sidor - Den här guiden beskriver hur du hanterar sidor på din AEM webbplats om du vill anpassa den ytterligare efter att du har skapat den från mallen.
• Så här arbetar du med paket - Med paket kan du importera och exportera databasinnehåll. I det här dokumentet förklaras hur du arbetar med paket i AEM 6.5, som även gäller för AEMaaCS.
• Dokumentation för webbplatsadministration - Läs de tekniska dokumenten om hur du skapar webbplatser för mer information om funktionerna i verktyget Skapa snabbwebbplats.
• Skapa eller lägga till formulär på en AEM Sites-sida - Lär dig stegvisa tekniker och metodtips för att integrera formulär på webbplatsen och optimera digitala upplevelser för maximal effekt.

Resurser för Business.Adobe.com