Profu DatoCMS Manual

• CMS Content Management System - system för hantering av innehåll. CMS är användarvänliga gränssnitt för att skapa innehåll och styra hemsidor. Innehållet sparas i en databas enligt regler uppsatta bakom CMS’et och hämtas sedan till “klienten” eller webbläsaren, enligt regler på servern där sidan existerar.
• Hero Hero är en vanlig benämning inom webdesign för det som ska fånga användarens uppmärksamhet när den besöker sidor. Vanligtvis en bred bild eller rubrik.
• Slug och URL URL (Uniform Resource Locator) är ett annat ord för en webbadress som t.ex. “https://www.profu.se”. Slugs identifierar undersidor för en domän som t.ex “https://www.profu.se/om-oss/” där “om-oss” är en slug som pekar på innehåll för undersidan “Om oss”. Dessa ska vara unika och vilka ord som används i en slug påverkar sidans träffbarhet i sökningar - dess SEO.
• SEO Kort för Search Engine Optimization - är en viktig aspekt av sidors innehåll och uppbyggnad för att få konsekventa träffar av sökmotorer som google. Att ha taggar eller kategorier, konsekvent användning av rubriker (headings) och alternativa texter för bilder (alt-texter) är exempel på hur en kan förbättra sin SEO.
• Structured Text Structured text eller “rik text” skiljer sig från vanliga textfält i att redaktören får möjlighet att formatera texten mer detaljerat. Det stödjer bland annat: Fetstilt, kursivt, länkar, listning och underrubriker.
• Records Records är synonymt med Poster och är uppdelningar av det dynamiska innehållet redaktörer arbetar med. De olika posttyperna har tillgång till olika fält där innehållet för sidorna matas in.

• Logga in på DatoCMS Använd ditt användarnamn och lösenord för att logga in på: https://profu-cms.admin.datocms.com/

• Navigera i CMS-gränssnittet

Det första du ser när du är inloggad är instrumentbrädan. Som texten i mitten av skärmen visar kan du börja med att redigera innehåll i sidomenyn till vänster. Sidomenyn kan visas och döljas genom att klicka på pilen i mitten av den verikala listen. Menyraden överst på skärmen har avsnittet “Content” markerat, vilket betyder att det är där du för närvarande arbetar. Din profilbild i övre högra hörnet av skärmen kan klickas på. Det är där du loggar ut.

I sidomenyn till vänster klickar du på den typ av post vill skapa. På bilden nedan ser vi vyn för "Artiklar". För att skapa en ny Artikel, klickar du på den orangea knappen "New Record" som visas i det övre högra hörnet av bilden. Detta kommer att skapa en ny opublicerad post där du kan redigera i lugn och ro och spara dina framsteg innan du slutligen publicerar.

Ett effektivt sätt att skapa en ny post är att duplicera en tidigare post. Om du har en befintlig artikel med ett liknande format som den du vill skapa är detta ett bra sätt att slippa repetera inmatning. Bilden nedan visar artikeln som vi vill duplicera, klicka på knappen med tre punkter bredvid "Redigera Artikel" för att visa alternativet för duplicering.

En notifikation kommer att visas i det nedre vänstra hörnet, klicka på “Go to duplicate” för att börja redigera den nya artikeln direkt.

Det finns många möjligheter när en redigerar med modulärt innehåll i DatoCMS. De enda begränsningarna är: vissa fält är obligatoriska, dessa markeras med en "*". Vissa fält kräver unika värden, såsom "URL Slug" för en artikel.

För att ändra en duplicerad artikel till att vara giltig kan du börja med att ändra “Internal title” till ett unikt värde och klicka på “uppdatera”-symbolen till höger i “URL Slug”-fältet. Den interna titeln kommer inte att visas på webbsidan utan endast för redaktörer. Tryck på Spara för att spara eventuella redigeringar som gjorts av dig.

För att ta bort en post, klicka antingen på de tre vertikala punkterna:

Eller, tillbaka i postkollektionen, markera en eller flera poster och klicka på “Ta bort” i den orangea banderollen som visas längst ned på sidan.

Detta är också hur en avpublicerar en eller flera poster. För att avpublicera en post medan du redigerar, klicka på Unpublish-knappen i menyn till höger. Om denna meny inte är synlig, klicka bara på panelikonen till höger om Spara-knappen för att visa den.

Artiklar delas in i tre kategorier: Nyheter, Forskning och Erbjudande. Erbjudanden skiljer sig från de två andra då de kopplas till Produkter och är endast synliga under sidan “Erbjudande”. Artiklar med kategori Forskning och med taggen aktuell syns tillsammans med Nyheter under sidan “Nyheter”. Alla forskningsartiklar finns även under sidan “Forskning”.

Inställning av metadata

• Area Area används för att ytterligare kategorisera Forskningsrapporter. De används för att ange rätt symbol och färg för rapporten. Artiklar med ett valt “area” kommer att visas som relaterade artiklar när en besöker sidan för det specifika området. Detta är inte ett obligatoriskt fält men rekommenderas när en skriver en Forskningsrapport.
• Kategori Kategorier används för att gruppera artiklar. De används även för att filtrera artiklar i olika komponenter på sidan. Detta fält är obligatoriskt.
• Taggar Taggar liknar kategorier men används för att beskriva innehållet i artikeln. De används också för att filtrera artiklar i olika komponenter på sidan. Flera taggar kan väljas. En kan välja mellan existerande taggar eller skapa en ny.
• Författare Fältet för författare kan bara innehålla ett värde och måste väljas från listan över medarbetare. Om det finns flera författare till en artikel rekommenderas det att helt enkelt skriva detta någonstans inom artikeln.

En annan typ av post är Medarbetare. Här kan du lägga till nya medarbetare och redigera information för de befintliga.

För att lägga till en ny post klicka på knappen längst ner till vänster på sidan.

• Bild och urklippt bild

Bild och urklippt bild är obligatoriska fält. Om det inte finns behov av en urklippt bild lägg till originalet igen. Om så är fallet, undvik att lista dessa medarbetare i “Contact promo”-fält eftersom dessa är skapade för att visa urklippta bilder. Ladda antingen upp en ny bild eller välj en befintlig bild från “Medieområdet” (“Media Area”).

• Kontaktdetaljer - telefon och e-postadress

Längst ner i fältet “Location” lägger du till detaljer för telefon- och e-postkontakt.

• Arbetsområden

Fältet för arbetsområden är inte obligatoriskt och det är obegränsat hur många som kan läggas till. Om arbetsområdet du letar efter inte finns i listan, kan detta läggas till som en “arbetsområde-post”. Detta visas i Arbetsområden

För att lägga till eller redigera arbetsområden klickar du på dess samling i sidomenyn till vänster.

Ett arbetsområde innehåller bara ett värde, Title.

Arbetsområden visas på “kontaktkortet” för medarbetare som har valt det som en arbetsområde. Flera anställda kan dela samma arbetsområde.

Att ladda upp bilder kan göras antingen i medieområdet:

Eller medan du redigerar en specifik post som kan innehålla en bild:

Bilder kan konfigureras för att ange en annan fokuspunkt, en anpassad titel, alternativ text och taggar.

• Fokuspunkten avgör hur bilden ska beskäras om bredden inte passar i sidans behållare. Till exempel kan en mindre miniatyrbild av en anställd vilja ha fokuspunkten i mitten av ansiktet.

• Titeln används huvudsakligen för intern sortering när en bläddrar i Medieområdet. Detta fältet är obligatoriskt.

• Alternativ text är ett obligatoriskt fält eftersom det förbättrar din sidas SEO och gör den mer tillgänglig för besökare som använder skärmläsare.

• Taggar finns för att hjälpa dig att sortera bland bilder i Medieområdet och är helt valfria.

För att lägga till media i innehåll, till exempel i en artikel, skapa först en modul som kan innehålla en bild eller video. Och lägg till befintlig media från Medieområdet eller Ladda upp en ny tillgång.

Moduler som kan innehålla media är: Bild, Bildgalleri, Text/Bild-rad och Video

Lightbox: Måste vara aktiverad för att bilder ska kunna öppnas i en förstoring.
Caption: Aktivera för att visa text under bilden.

Menyn “huvudmeny” eller “header menu” innehåller länkar till olika undersidor. Det är sällan nödvändigt att redigera dessa eftersom det förändrar hur användaren interagerar med webbplatsen. Varje post tar en titel, som kommer att vara synlig i menyn, och en länk, helst en intern länk som pekar till en av webplatsens undersidor.

Menyn footer fungerar på samma sätt som huvudmenyn men visar generellt mer specifika länkar eller genvägar till olika delar av webbplatsen.

• Text kan formateras i de flesta textfält genom att markera den text du vill formatera och välja önskat format. Exempel på formatering är kursiv, fetstil, understrykning och länk.

• Lägga till länkar

För att lägga till länkar, markera ordet eller meningen du vill ska vara “klickbar” och välj länksymbolen. Klistra sedan in länkens URL och välj om den ska öppnas i ett nytt fönster. Det är också möjligt att helt enkelt kopiera + klistra in en URL i texten. Textredigeraren kommer att känna igen den som en länk men välj det förstnämnda alternativet för att välja vilken text länken visas med.

Flexibelt innehåll eller “Flexible content” är ett sätt att beskriva hur DatoCMS skapara innehåll på webbplatsen. Innehållet är indelat i sektioner och moduler. En sektion är en behållare för en eller flera moduler. En modul är en behållare för innehåll såsom text, bilder, videor och mer. Ett smidigt sätt att skapa en ny sektion är att duplicera en befintlig och redigera modulerna inuti den.

Exempel på arbetsflöde för att lägga till en ny modul i en sektion:

1. Gå till “Sidor”

2. Öppna valfri sida genom att klicka på den i listan
3. Scrolla ner till “Sektioner”

4. Expandera sektionen du vill lägga till en modul i
5. Klicka på “Skapa ny”
6. Välj vilken typ av modul du vill lägga till

Publicering

När du är klar med att redigera en post och har sparat dina ändringar kommer du att få möjligheten att publicera:

Avpublicering

Gå till: Radera och avpublicera en post

Schemalagd publicering och avpublicering

För att publicera en post såsom en artikel enligt ett schema klicka på knappen “Add new schedule”.

Välj den handling du föredrar, “Future publication” eller “Future unpublishing”. Välj vilket datum och tid och vilket innehåll att publicera eller avpublicera.

Projekttema

Ett projekttema är själva projektet. Här hittar du inställningar för projektet såsom färger, menyalternativ, publikationer och medlemsinnehåll. Root page är projektets startsida. Sidan skapar du under “projektsida” och refererar sedan in.

Publikationer

Publikationer hittar du under Projekttema. När du lägger in en ny publikation så kommer det automatiskt att visas på projektets sida under /publikationer. De tre senaste publikationerna kommer att visas automatiskt på projektets startsida.

Medlemsinnehåll

Medlemsinnehåll funkar på samma sätt som publikationer, med undantaget att de ligger under en låst sida som kräver lösenord för att komma åt. Lösenordet sätter du under Projekttema.

Projektsida

Projektsida är sidorna som tillhör projektet. Observera att “medlemsinnehåll”, “publikationer” och inloggning skapas automatiskt. Du måste skapa en huvudsida för projektet. Du ser att det är en huvudsida genom att den ligger i roten, som “Värmemarknad Sverige” och “Ett första projekt” gör i bilden nedan.

För att skapa en ny undersida så skapar du en ny sida och drar in den i projektet.

Viktigt att tänka på gällande URL:er

När du skapar en ny undersida så kommer URL:en att vara fel:

Du behöver gå in på Huvudsidan och klicka på de två pilarna bredvid URL:en.

Nu när du går tillbaka till undersidan så ser du att URL:en är korrekt:

Om det strular med undersidorna genom att de inte visas på rätt sätt så är detta ett sätt att lösa det på.

Utöver detta så funkar dessa sidor på precis samma sätt som vanliga sidor.

Etapper

Används för att filtrera projektets publikationer. Du kan endast ha en etapp per publikation.

Publikationskategori

Används för att filtrera projektets publikationer. Du kan ha flera publikationskategorier på en publikation.