Blockbeskrivningar

Här finns förklaringar av de block som kan läggas på vissa sidtyper, det framgår av sidmallen vilka block som kan läggas var.

Boxpuff

Kan inte läggas in på den här sidan.

Trippellänk och textpuff

Kan inte läggas in på den här sidan.

Sekundärpuff

Kan inte läggas in på den här sidan.

Ingångar

Kan inte läggas in på den här sidan

Projektlistning

Det krävs projekt på sajten för att blocket ska fungera.

 


 

Bilder

Bildblocket används för att tillföra ett viktigt berättande i anknytning till omgivande textinnehåll. I desktop-läge visas bilderna i tvåspalt, sträva därför att använda ett jämnt antal bilder för att få ett bra radfall för besökare på desktop. 

Använd korta och koncisa bildtexter i blocket, för att på bästa sätt knyta an till sammanhanget på sidan.

Använd inte bildblocket som ett dekor- eller designelement.

Bildblocket kan användas på:

  • Skolstartsida
  • Undersida, i fullbreddslayout

Så här ser ett bildblock ut:

Bilder – rubrik

Massor av tända ljus en mörk kväll, människor syns suddiga i bakgrunden.
Flickor tränar fotboll på en konstgräsplan.

 


 

Fullbreddsbild

Fullbreddsbild används för att engarera läsaren och för att sätta, eller förstärka en känsla. Den här typen av bilder är viktiga framför allt inom verksamheter som uppmuntrar till förändring eller ska locka publik.

Fullbreddsbilder kommer till sin rätt på sidor som har en stor andel desktop-besökare. Då gör det utfallande, breda formatet (16:5) att bilden får stort genomslag och bryter av mot textinnehållet på sidan. Det är viktigt att bilden håller hög kvalitet. 

För mobil-besökare visas fullbreddsbilder i ett traditionellt 3:2-format. Den stora formatskillnaden mellan desktop och moobil gör att du som redaktör behöver vara noggran i bildurvalet, så att bildens komposition passar för både 16:5 och 3:2. 

Blocket fullbreddsbild visar bildtext direkt under bilden. Eventuell redigering av bildtexten görs i mediabiblioteket. Du kan inte redigera bildtexten i blocket.

Så här ser en fullbreddsbild ut:

Allhelgonadammen, Skogskyrkogården

 


 

Färgtemasektion

Blocket färgtemasektion passar bra för att växla tempo på en sida. Innehållet får gärna stå ganska fritt och tillföra något nytt till sidans löpande innehåll, exempelvis bakgrundsinformation eller en kort fördjupning. Textytan ska enbart användas för löptext.

Färgbakgrunden lättar upp och bryter av – den är inte betydelsebärande. På temasajter används samma färg som på sajten i övrigt.

Det är viktigt att bilden håller hög kvalitet. För desktop-besökare visas bilden i formatet 16:5, vilket gör att bilden får stort genomslag. För mobil-besökare visas bilden i ett traditionellt 3:2-format. Den stora formatskillnaden mellan desktop och mobil gör att du som redaktör behöver vara noggran i bildurvalet, så att bildens komposition passar för både 16:5 och 3:2. 

Bildtexten visas alltid direkt under bilden. Den hämtas från media-arkivet och kan inte redigeras i blocket. 

Bildblocket kan användas på:

  • Undersida, i fullbreddslayout

Så här ser en färgtemasektion ut:

Ceremonibyggnad i trä omgiven av träd och grönska.
Ceremonibyggnaden på Järva begravningsplats kan användas för både begravningar och andra ceremonier. Foto: Alexander Assal

Rubrik lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id dui sapien. Aenean aliquam sit amet turpis vel convallis. Suspendisse consectetur diam in elit eleifend viverra. Nam eu erat nibh. Donec orci nisl, cursus sit amet egestas vitae, fermentum ac lacus. Morbi sit amet nunc augue. Integer vitae pellentesque purus. Nam augue turpis, vulputate ac mi vel, aliquet interdum magna. Vestibulum a egestas arcu. Sed sit amet dui sit amet arcu ultrices luctus a nec urna. 

 


 

Citatblock

Citatblocket används för att förmedla ett kärnfullt citat från en relevant sagesperson. Blocket visas på ett mer framträdande sätt än den citatfunktion som finns inbyggd i den vanliga text-editorn.

Så här ser ett citatblock ut:

Lorem ipsum dolor sit amet.

Lorem Ipsumsson

 


 

Aktualitetspuff

Blocket aktualitetspuff automatiserar visning av totalt 1-3 nyhetspuffar och kalenderpuffar från ett definierat flöde, med möjlighet att smalna av flödet till utvalda kategorier och/eller platser. Som komplement till den automatiserade visningen är det möjligt att länka till en samlingssida som visar fler nyheter och kalenderhändleser.

Blocket visar endast puffar till nyheter och kalenderhändelser som är markerade med "Visa i aktualitetspuff". Det kan ställas in för att visa puffar till

  • enbart nyheter
  • enbart kalenderhändelser
  • både nyheter och kalenderhändelser. 

Nyhetspuffar försvinner 30 dagar efter att nyheten publicerats. Kalenderhändelser försvinner så snart händelsen har passerats.

Det är även möjligt att manuellt lägga in en puff för valfri nyhet eller kalenderhändelse. När den manuellt inlagda puffen blivit inaktuell måste du plocka bort den "för hand".

Aktualitetspuff kan användas på:

  • Ämnesstartsida
  • Temastartsida
  • Skolstartsida
  • Undersida, i fullbreddslayout

 

 

Så här ser en aktualitetspuff ut:

Automagiskt innehåll från flödet på Start

 


 

Primärpuff

Primärpuffen används för att tydliggöra startpunkten på en användarrresa och är vanligtvis den viktigaste puffen på en startsida. Den hjälper besökaren att hitta rätt. Tänk på att vad som är viktigast kan variera över tid – ha rutiner för att snabbt kunna byta primärpuff vid behov.

På skolstartsidor ska bakgrundsfärgen vara grå. På övriga sididtyper väljs en bakgrundsfärg i samklang med de färger som sajten använder i övrigt. Rådgör med publiceringsansvarig om du är osäker.

Primärpuff kan användas på:

  • Temastartsida
  • Skolstartsida
  • Undersida, i fullbreddslayout

Så här ser en primärpuff ut:

 


 

Datapuff

Datapuffen lyfter fram viktig data för att ge snabb överblick och en första förståelse av ett område – i första hand i syfte att ge ett bra beslutsunderlag eller incitament till förändring.

Använd tre till fyra datagrupper, med korta koncisa formuleringar i textfältet. Sikta på max fyra ord och använd inte punkt som avslutning. Exempel: 10 minuter från city – 8 nya förskolor – 450 arbetsplatser

Vanligtvis ska rubriken vara synlig, men i vissa sammanhang kan det vara bättre att dölja rubriken för att inte krocka med omgivande rubriker.

Grönt är standardfärg för datapuffar. Sajter som har en uttalad profilfärg kan använda profilfärgen efter samråd med publiceringsansvarig.

Primärpuff kan användas på:

  • Ämnesstartsida
  • Temastartsida
  • Skolstartsida
  • Undersida, i fullbreddslayout

 

Så här ser en datapuff ut:

En datapuff

Så här ser snabblänkar ut

Gå till fullbredssida för att se hur blocktyperna ser ut på en fullbreddssida.

Gå till standardsida för att se hur blocktyperna ser ut på en standardsida.

Här kan du se hur man gör formulär.

Här hittar du våra kartor.

Uppdaterad