Onlinehjälpen

Startmall

Nu ska vi bygga en mall enligt planeringen med en bred spalt och underliggande två spalter. Dessa spalter kommer att vara 6 kolumner breda.

1. Markera Mallar för... (det står det namn som Webbplatsen har) och välj Skapa Ny Mall (första ikonen i verktygsraden).

2. Ett nytt fönster öppnas, fyll i namn och vilken mall den ska baseras på. I detta fall namnger vi mallen "Startmall" och baserar den på mallen Utgångsmall.

Skapa ny startmall

3. Nu ser man den nya mallen "Startmall" under Sidmallar.

4. Under innehåll ser man nu mallytan "Mallinnehåll":

Skärmdump på mallyta

Linjen i redigeringsytan är mallytan som markerar det område som kan ändras i denna mall.

5. I denna mall vill vi dela mallytan på två rader med olika storlek på kolumnerna:

  • Rad
    • Mittenspalt - 12 kolumner
  • Rad
    • Mittenspalt - 6 kolumner
    • Högerspalt - 6 kolumner

​Markera mallytan "Mallinnehåll", högerklicka och välj Lägg till gridrad.

Skärmdump på lägg till gridrad

6. Markera Rad, högerklicka och Lägg till spalt på 12 kolumner.

Lägg till gridkolumn med 12 kolumner

Observera att steg 6 inte är nödvändigt. Eftersom man ska använda hela området räcker det med att lägga till en gridrad (som i mallen Enspalt). I detta fall lägger vi bara till en spalt på 12 kolumner för att det ska blir tydligare.

Högerklicka och byt namn på spalten till "Övre".

7. Om man vill kan man lägga till en bild för att hjälpa redaktören.

8. Markera spalten som vi döpt till Övre, högerklicka och välj Konvertera till innehållsyta. Nu finns det ingen innehållsyta med ett passande namn, därför behöver vi skapa en ny innehållsyta. Klicka på knappen Skapa ny. Ett nytt fönster öppnas. Fyll i ett namn (i detta fall "Övre yta"). Klicka OK.

Ny innehållsyta

9. ​Markera mallytan "Mallinnehåll", högerklicka och välj Lägg till gridrad.

Lägg till ny gridrad

10. Markera Rad, högerklicka och Lägg till spalt på 6 kolumner.

6 kolumner

Högerklicka och byt namn på spalten till "Mitten".

11. Markera spalten som vi döpt till Mitten och klicka på ikonen "Lägg till text".

12. Markera spalten som vi döpt till Mitten, högerklicka och välj Konvertera till innehållsyta. Använd gärna en av de förskapade innehållsytorna, exempelvis Mittenspalt. Klicka OK.

13. Markera Rad (den längst ner), högerklicka och Lägg till spalt på 6 kolumner.

Nedre rad med ny gridkolumn

Högerklicka och byt namn på spalten till "Höger".

14. Markera spalten som vi döpt till Höger och klicka på ikonen "Lägg till text"

15. Markera spalten som vi döpt till Höger, högerklicka och välj Konvertera till innehållsyta. Använd gärna en av de förskapade innehållsytorna, exempelvis Högerspalt. Klicka OK.

16. Under Innehåll har vi följande utseende:

Innehåll efter steg 16

17. Om man vill att en sida som använder denna mall alltid ska ha en minimihöjd (så att sidan inte ser så ihoptryckt ut om man bara har någon rad text på sidan) så ställer man in detta genom att markera Rad (den nedre) -> Egenskaper -> Storlek -> Minsta höjd. Välj valfritt mått (på höjden behöver man inte använda procent - enbart viktigt på bredden när man bygger responsivt).

Minimihöjd

18. Publicera mallen. Klart! Resultatet blir som följande:

Resultat startmallFörstora bilden

Sidan uppdaterad:

Nästa generations publiceringsverktyg är här!

se-sto-pio-sv5-2
216.73.217.134