Innehållssida

Innehållssidorna är väldigt ofta de viktigaste sidorna och det kräver ofta både tid och kraft för att de ska bli så bra som de kan bli. Innehållsmallen vi använder på malmo.se är både enkel och rätt komplex på samma gång. Det beror på att vi, så långt det går, vill återanvända samma mall för innehåll som är snarlikt. Det innebär att det finns funktioner och inställningar i mallen som kan vara helt onödiga för din specifika användning. Se nedan för de olika delarna som är kopplade till de olika sajternas användning av denna mall.

Mallens delar

Rubrik

Rubriken på sidan sätts automatiskt utifrån det sidnamn du väljer för din sida. Dels för att det gör navigering och innehållsstuktur bättre och enklare att förstå, men också för att det är en fördel vad gäller sökmotoroptimering.

Informationslist

Under rubriken finns information om när sidan är senast uppdaterad och länkar för att sätta igång den automatiska uppläsningen samt skriva ut. Informationen om när sidan är senast uppdaterad ändras per automatik varje gång sidan publiceras (man behöver eller kan alltså inte göra något handgrepp kring detta som redaktör).

Mittenspalt

Innehållsytan som heter "Mittenspalten" utgör sidans huvudsakliga innehållsyta och det är här du lägger till nästan allt innehåll på sidan.

Ingress

En bra ingress är en kärnfull sammanfattning av sidans innehåll och lockar samtidigt till vidare läsning. Var noga med att hålla ingresserna ganska korta, eftersom att de i många sammanhang är det enda en besökare ser av en sida i ett första skede (t ex vid besök med mobilen där allting är relativt större än på desktop eller i en navigationspuff där ingressen utgör pufftext).

Ska skrivas med formatmallen "Ingress".

Sidans innehåll

En innehållssida kan fyllas med många olika typer av innehåll och moduler. Det är väldigt olika hur din sida bör eller ska stuktureras, beroende på vad den handlar om. Du kan använda moduler för att lägga till text, bild och en rad andra saker.

Sträva dock generellt efter att inte göra alltför långa eller komplexa sidor.

Beroende på vilket innehåll du har kan olika formatmallar vara relevanta. Brödtexter ska skrivas med formatmallen "Brödtext" och underrubriker ska använda de olika formatmallarna för rubriker: "Rubrik 2" och "Rubrik 3".

Använd endast i undantagsfall olika viktningar, till exempel fetstil, i dina texter. Använd hellre exempelvis punktlistor om du vill tydliggöra olika delar av dina texter eller de andra moduler som finns för att sätta fokus på något särskilt (se modulerna som börjar med "Fokus").

Vänstermenyn

Vänstermenyn som finns i spalten till vänster om själva innehållsspalten är automatiskt genererad. I metadatat "Startsida för underwebbplats", som ligger i kategorin "Innehåll på sidan", sätter man den yttre ramen för vad vänstermenyn kan visa genom att peka ut vilken gren menyn ska omfatta (bara sidor som ligger i eller under den sida du pekar ut med denna inställning kan dyka upp i menyn).

Dela-knappar

Dela-knapparna ligger under själva den vanliga innehållsyta man som redaktör kan hantera och hämtas från mallen (det innebär alltså att knapparna alltid kommer att ligga under innehållet i huvudspalten).

Som det är just nu kan inte knapparna tas bort, men planer finns på att stöpa om dem som metadata vilket i så fall innebär att det är en inställning som kan göras och ärvas genom olika grenar (ställer man in på Nivå 2 att de inte ska synas kommer de inte synas på några sidor under denna sida heller).

Bred spalt

Utöver den primära innehållsytan, "Mittenspalt", finns det en innehållsyta till i mallen. Den är, till skillnad från "Mittenspalt", utfallande, vilket innebär att innehåll som läggs till här kommer att uppta hela webbläsarens bredd för besökaren.

Den används inte särskilt ofta, men kan vara bra för exempelvis kartor eller andra mer visuella element.

Tillägg för /uppleva och göra och /stadsutveckling

För några av våra sajter, som /uppleva och göra och /stadsutveckling, finns det en egen version av innehållsmallen, som innehåller några kompletterande delar. Denna version av innehållsmallen heter "Innehållssida UG/SU" och ligger i kategorin "UG/SU". Utöver de tillägg som finns, som beskrivs nedan, gäller ovanstående grundläggande delar även för denna mall.

Det är viktigt att du skapar nya sidor på sajterna /uppleva och göra och /stadsutveckling med den egna versionen av innehållssidan, så att du får med de tillägg som behövs.

De delar som ligger synligt i innehållsytan "Mittenspalt" är "Lista med egenskaper" (som kopplar mot metadatat "Lista med taggar och ikoner", se nedan) och "Flikar", som är en layout med en dekoration som hämtas direkt från mallen.

Lista med egenskaper

Denna modul läser in den data som finns inlagd i metadata fältet "Lista med taggar & ikoner" (se nedan). Om den finns utlagd på sidan kommer all data i fältet att visas, till skillnad från på navigationspuffar där det finns en begränsning på 4 objekt.

Flikar

Flikarna är en layout med dekorationen "Flikar" på sig, vilket gör att den skriver ut innehållet i layouten på ett speciellt sett. Namnet på respektive modul eller objekt som ligger i layouten med "Flikar"-dekorationen blir namnet på respektive flik, och det som syns för besökaren i fliken är informationen i modulen eller objektet.

Default finns där bara en modul och det är en "Kontaktruta". Men du kan lätt skapa fler flikar genom att lägga till mer innehåll i layouten.

Mallens metadata

Visningsläge för puffar

Detta metadata sätts på relevant kategori- eller temasida och ärvs ner genom strukturen av tekniska skäl. Se andra mallarna för beskrivning av metadatat.

Toppbild

Välj om och i så fall vilken bild som ska vara hero på sidan. Den kommer att ligga utfallande i överdelen av sidan. Rekommenderad storlek är 2700 x 640 pixlar. Tänk på balansen mellan kvalitet i bilden och tyngd på filen.

Om du inte anger en särskild "Puffbild" (se nedan) kommer denna bild även att användas på puffar för den aktuella sidan.

Puffbild

Välj om du vill ha en särskild puffbild för din sida. Den kommer i så fall endast att synas på puffar till denna sida (den visas alltså ingenstans när man besöker själva sidan). Det kan vara ett utsnitt av den toppbild du använder eller någon helt annan bild. Tänk på att det är en fördel om det inte är alltför översiktliga eller "stora motiv" i puffbilderna, för det gör det svårare att uppfatta vad bilden föreställer i vissa fall.

Rekommenderad storlek är 830 x 616 pixlar.

Alternativ beskrivning

Som default kommer alla sidor som visar dina innehållssidor som puffar (t ex startsida, kategorisidor och temasidor) att använda sidans ingress som beskrivningstext (texten som syns under rubriken på puffen). Tänk på att du måste ha en textmodul som är döpt till "Ingress" för att det ska fungera (som default heter textmodulen som innehåller ingressen redan så när du skapar en ny sida från mallen - så ändra helt enkelt inte det).

Med detta fält kan du dock ange en annan text. Det är ofta användbart i de fall där ingressen blir lite för lång för puffarna (det är naturligt att en ingress som känns lagom inne på en sida känns för lång som pufftext).

Hur puffarnas texter visas är beroende av inställningen som görs i fältet "Visningsläge för puffar", se beskrivning för detta på mallarna kategorisida och temasida.

Lista med taggar och ikoner

Här skapar du listan med ikoner och tillhörande texter som visas på sidan med hjälp av den länkade modulen "Lista med egenskaper" (ligger med på sidorna som default när du skapar en ny sida från mallen).

Klicka på "Lägg till" och namnge varje rad på följande vis:

Raden "[coffee] Kafé" ger en kaffeikon med texten "Kafé".

En stjärna (*) först i en rad betyder prioriterad egenskap, vilket innebär att den prioriteras i visningar där det finns ett begränsat antal platser (som på navigationspuffar). På den egna sidan kan obegränsat antal visas.

Det finns en begränsning på 4 visade objekt för navigationspuffarna på mallarna Kategorisida, Temasida och Objektstartsida. De som visas på puffarna styrs genom att stjärnmarkera. Om det inte finns 4 stjärnmarkerade fyller puffen på ovanifrån i listan.

Taggar

Detta fält används för att skapa relationer mellan olika sidor.

Dels används det för att skapa träffar för de taggar som läggs till i toppen på exempelvis startsidan för /uppleva och göra ("Vad vill du göra"), men du kan också skapa underlag för att generera temasidor med detta fält (genom att sätta en tagg på en eller flera sidor och sedan läsa in alla sidor med denna tagg som puffar på temasidan). Dessutom kan du aktivera "Relaterat innehåll" (se nedan) baserat på taggarna du använder.

Tänk på att det är på tecknet noga hur du skriver. Du måste använda samma versaler-gemener och samma antal mellanslag etc, för att taggar ska kopplas samman tekniskt.

Sidomeny

Välj om vänstermenyn ska visas eller inte. Endast i undantagsfall bör den tas bort.

Relaterad information

Det finns möjlighet att utifrån taggarna som sätts på sidor automatiskt föreslå andra sidor som kan vara av intresse för besökaren på en sida. Denna inställning styr helt enkelt om det ska visas eller inte.

Om du väljer att visa det så testa gärna ett antal sidor och se hur det relaterade innehållet artar sig - så att det känns logiskt och att det tillför något.

Viktigt meddelande

Här kan du skapa meddelanden som syns överst, eller i övre delen, på sidor för att tydligt kommunicera något särskilt. Under pandemin har det t ex använts mycket för att tydligt informera om vilka öppettider eller restriktioner som gällt på olika platser och institutioner.

Anledningen till att detta görs som metadata är för att det enkelt möjliggöra att informationen ärvs ner genom strukturen så att exempelvis alla sidor som tillför en instutition kan visa informationen medan den är aktuellt.

Det finns tre olika nivåer av meddelanden. "Låg", "Mellan" och "Allvarligt". De har respektive färgerna grön, gul och röd i ram och bottenplatta runt meddelandet.

1. Du skapar ett meddelande genom att klicka ur "Ärv värde" och därefter "Lägg till".
2. Du lägger till en rad genom att välja "Länk" eller "Text".
3. Inled med en "Text"-länk med texten [låg], [mellan] eller [allvarligt] för att ställa in allvarlighetsnivån på meddelandet. För att göra meddelandet lokalt för sidan utan arv till underliggande, använd [låg-lokal], [mellan-lokal] eller [allvarligt-lokal].
4. Därefter lägger du till en "Text" där du genom att inleda raden med en stjärna (*) skapar rubriken på meddelandet. Därefter gör du en nu "Text"-länk för varje stycke innehåll du vill ha. "Länk" används för att skapa en länk vidare till exempelvis en fördjupningssida. Länkar blir automatiskt en egen rad med utseende som en fokuslänk.

Se bilden nedan för ett exempel på hur det kan se ut.