Till innehållet

Bildpuffar (instr)

Instruktion för webbredaktör och webbmaster.

Byt ut trasig puff-modul!

Ny funktion gör så att vi nu kan länka till vad som helst i puffmodulen. Den behöver därför bytas ut till "samma" modul eftersom du kommer att få felmeddelande när du vill göra ändring i den befintliga modulen.

Gör så här, i redigeringsläget

  • 1: Markera den befintliga puffen ute på sidan, för att se under Innehåll vilken Spalt pffen tillhör, se bild nedan
  • 2: Stå kvar på "Spalt"
  • 3: Hämta ny modul överst på sidan, i verktygsfältet, klicka på Modulväljaren
  • 4: Gå till "Övrigt", välj "Puff", se bilden nedan
  • 5: Den nya Puffen hamnar nu under den befintliga, se bild nedan
  • 6: Dubbelklicka på nya Puffen för att göra om inställningarna,
    • länk, bild, textfärg...
    • ...bakgrundsbild hämtar du i bildarkivet Allmänna bilder/Bakgrundsbilder för puff appen, se bild nedan.
  • 7: Nu kan du radera den gamla puffen, genom att högerklicka på den och välj ta bort.
  • 8: Upprepa instruktionen för varje spalt och puff.
  • 9: Klart!

Exempel på puffar, 1-3 stycken på en rad

Längre ner finns instruktion för hur du gör.

Gör så här: 1-3 puffar per rad

Två sätt att skapa puffar. Det ena är att kopiera från den här sidan eller att bygga nytt från början.

Kopiera från den här sidan

Nytt är att puffarna byggs i grid, gridrader, spalt (blir responsiv)

  1. På den här sidan: Under Innehåll, kopiera "Grid"=rutiga kuben. (Ex 2 puffar normal bredd)
  2. På den nya sidan: Klistra in Griden, under Mittenspalt.
  3. På den nya sidan: För att utöka antalet rader;
    1. Öppna Griden
    2. Kopiera Raden med spalter
    3. Klistra in i Griden (kopiera inte Griden igen)

Puffinställningar

  1. Dubbelklicka på puffen
  2. Gör inställningar för länk, bild länktext, blobb. Se rubriken nedan.

Ställ in länk, bild, länktext, blobb

Blobb-bilderna hämtas här

Bygg nytt från början

Nytt är att puffarna byggs i grid, gridrader, spalt (blir responsiv)

Bygg från början

  1. Högerklicka på mittenspalt
  2. Välj lägg till Grid, flexibelt
  3. Markera griden, högerklicka och välj lägg till Gridrad (gridrad=12 spalter)
  4. Två puffar på raden:
    1. Nr 1: Markera Gridrad, välj Spalt, välj 6 kolumner (6+6)
    2. Nr 2: Upprepa för ytterligaren en
  5. En puff på raden: Välj Spalt, välj 12 kolumner.
  6. Tre puffar på raden:
    1. Nr 1: Markera Gridrad, välj Spalt, välj 4 kolumner (4+4+4). (Kan välja dekorationen Bredare innehåll)
    2. Nr 2: Upprepa för ytterligare 2 puffar
  7. Markera den ena spalten, hämta modulen Puff
  8. Gör inställningar för bild, länk, länktext, textfärg.
    1. Länk: peka ut länkmålet
    2. Bild: Välj egen bild eller använd länkmålets bild.
    3. Länktext: 1-2 rader
    4. Textfärg: Vit text till den blå blobben. Svart text till den vita blobben och den aprikosa.

Vilka puffar ska jag välja

Puffar på Innehållssida

  • 1-3 puffar per rad
  • Blå bubbla är standard
    • vit finns som alternativ till blå
    • aprikos är kulturs färg
    • grön är Pedagog Härrydas färg

Puffar på startsida, specialsida kultur och pedagog Härryda

  • Startsidans bildpuffar är inte helt kvadratiska på grund av responsivitet.
  • 3 puffar per rad
  • Puffarna placeras på specialbakgrund eller specialmall
  • Blå på startsida, aprikos för kultursidan, grön för Pedagog Härryda

Kontakt

Susan Carlsson, webbansvarig

Jenny Lööf, kommunikatör SHB

Pia Svensson, kommunikatör SOC

Jonas Termén, kommunikatör UKF och Hulebäck

Jonas Ligården Neijmer, kommunikatör UKF + Sveriges bästa skola

Beata Landelius, kommunikatör utvecklingfunktionen och TOF

Kan vi göra sidan bättre?

Lämna dina synpunkter



Ange din e-postadress om du önskar svar på din synpunkt
Senast ändrad: 2022-12-07