Anpassning av temasajter

Webbplatser som har tema Kampanjsajt eller Extern enhet uppdateras med det nya webbutseendet så när som på sidhuvud och sidfot som behåller det äldre utseendet.

Gemensamma stilmallsblock

För temasajter har tidigare ett antal gemensamma stilmallsblock använts som ger kompletterande formjusteringar. De blocken behövs inte längre och avpubliceras vid lansering.

• Block som är centralt underhållna avpubliceras av systemadministratör
• Lokala versioner av centrala block eller egenhändigt skapade block behöver tas bort eller anpassas av sajtansvarig

Lokala stilmallsblock

Topp-puff med vit platta

På flertalet temasajter finns även ett särskilt stilmallsblock som bestämmer utseendet på så kallade topp-puffar med vit platta. Detta utseende har också integrerats med den centrala stilmallen. I och med detta ges ett standardiserat utseende på plattan med en viss bredd och ett visst avstånd ned till den bakomvarande bildens baslinje.

• Sajtansvariga uppmanas avpublicera eller uppdatera de lokalt satta stilmallsblocken för utseende på vit platta

Avpublicera - när centralt satta inställningar gäller

Om blocken avpubliceras bestämmer den centrala stilmallen utseendet på plattan.

Uppdatera - när egna justeringar är nödvändiga

Om behov kvarstår att lokalt anpassa plattan (till exempel för att den bakomvarande bilden kräver det) låter du blocket vara publikt men du behöver byta ut koden. Den nya koden skriver då över de värden som gäller för den centrala stilmallen.

Gör så här:

1. Sök upp stilmallsblocket för topp-puff . Du hittar det under startavdelningens flik Avancerat > Blockelement.
    
2. Sök i blocket upp den del som beroende på tema heter body.campaign .teaserBox eller body.externalUnit .teaserBox 
    
3. Notera vilka värden som är satta för bottom och width.* 
    
4. Radera all kod i blocket.
    
5. Om sajten har tema Kampanj anger du i det tomma blocket:
   
   @media (min-width: 1024px) {
   body.campaign .teaserBox {
   bottom: 225px;
   width: 50%;
   }
   }​​​
   
   Om sajten har tema Extern enhet anger du i det tomma blocket:
   
   @media (min-width: 1024px) {
   body.externalUnit .teaserBox {
   bottom: 225px;
   width: 50%;
   }
   }​​​
    
6. Sätt de värden för bottom och width som gällde i den tidigare koden
    
7. Spara blocket

* Tänk på att inte hämta värden från den del som avser mobil, där saknas värde för bottom och värdet för width är alltid 100%. Spara inte den delen. Den gäller för alla topp-puffar med platta och finns nu i den centrala stilmallen.

Vad behöver jag göra

• Sök upp de temasajter du ansvarar för och avpublicera eller uppdatera stilmallsblocken för topp-puff enligt instruktionerna ovan.
  
  Den centrala stilmallen tar höjd för förekomsten av lokala stilmallsblock för topp-puff. Utseendet på temasajterna förstörs inte vid lansering. På sikt är det dock problematiskt med lokal stilmallskod som är förbrukad. Den kan medföra konflikter vid kommande uppdateringar. Sätt därför av tid att göra ändringarna enligt ovan!
   
• När du bygger nya temasajter utgår de tidigare gemensamma stilmallsblocken och de berörs inte heller längre i instruktionen för hur du skapar temasajt.