Den här guiden handlar om hur du hanterar layouten på en innehållssida med flera widgetar. Om du vill veta hur man lägger in en widget, se guiden Lägg till en widget. Om du undrar hur du lägger in nya artiklar, se guiden Publicera nya artiklar i admin ut i webbshopen. Innan du kan lägga in innehåll på en sida så behöver sidan skapas, se guiden Skapa en ny sida.
Modulbaserat med widgetar
Det som visas på innehållssidor skapas modulbaserat med widgetar, små informationsbehållare. Vad detta innebär är att när du vill lägga till någon typ av innehåll på din sida, oavsett om det är en text, en bild, ett bildspel eller ett skyltfönster med artiklar så gör du detta genom att lägga in en widget på sidan. Du gör sedan inställningar för widgeten och ställer in hur mycket plats den ska ta upp på sidan.
Genom att skapa sidorna på detta sätt är det enkelt att få en bra översikt och lätt att skapa olika sidlayouter med massor av möjligheter.
Gör så här i admin:
- I vänstermenyn, välj Webbplats -> Sidor.
- Klicka på sidan du vill lägga in innehåll på. (Om du inte redan har skapat sidan, se denna guide.) Fliken Innehåll blir förvald. Om du just har skapat sidan så har den inget innehåll och fliken kommer därför vara tom, som på bilden nedan.
- Lägg till en widget. Hur du lägger till en widget och gör inställningar i den finns förklarat i guiden Lägg till en widget. I exemplet nedan har vi lagt till widgeten Layoutad text och satt titeln till "Välkomsttext med layoutade bilder".
- För att se hur sidan ser ut i din webbshop trycker du knappen Spara och öppnar sedan sidans URL i en webbläsare. (Till exempel: www.[dinwebbshop.se]/sv/[ny-sida].) Observera att för att du ska kunna se sidan får Status för sidan inte vara satt till Inaktiverad. Denna inställning hittar du under tabben Allmänt för sidan.
- Om vi öppnar sidan i admin igen och lägger in tre widgetar till, till exempel ett bildspel, en splash och ett skyltfönster med nya artiklar och så dyker dessa också upp på sidan. Notera att alla widgetar i admin ser ut att ha samma höjd, men hur det faktiskt ser ut på sidan beror på vilket innehåll widgetarna har, samt vilka inställningar som gjorts för Höjd i respektive widget.
- Vi har nu flera widgetar på sidan, men just nu ligger de alla rakt under varandra i en enda kolumn, vilket kanske inte ger ett så estetiskt tilltalande intryck. Klicka kolumner och välj antalet kolumner sidan ska ha. I exemplet nedan väljer vi 5 kolumner.
Notera att om vi istället vill minska antalet kolumner får vi inte ha någon widget som spänner över flera kolumner än det nya antalet kolumner vi vill sätta. Vi måste då först minska bredden på de widgetarna genom att dra och släppa i högerkanten på dem, och sedan minska antalet kolumner. - Nu hamnar de fyra widgetarna istället intill varandra vänster till höger och de tar bara upp en femtedel av skärmens bredd var. Inte riktigt vad vi tänkte oss. Drag och släpp i högerkanten på en widget för att få den ta upp flera kolumner. I exemplet ska vår layoutade välkomsttext ta upp hela sidans bredd, alltså spänna över alla fem kolumner. Bildspelet får tre kolumners bredd och splashen får de två resterande kolumnerna till höger om den. Skyltfönstret med nyheter får också spänna över hela sidans bredd.
- Nu börjar det likna nånting! Klicka knappen Spara och ladda sedan om sidans URL i din webbshop.
- Efter att vi sett hur det ser ut på sidan inser vi att vi vill ha splashen till vänster om bildspelet. Öppna sidan i admin igen. För att byta plats på widgetar behöver vi bara dra i rutan för en widget och släppa den där vi vill ha den.
- Klicka sedan knappen Spara.
- Ladda om webshoppens sida igen och kontrollera att allt ser ut som du tänkt dig.
Om din shop har en mobilversion, glöm inte att kontrollera hur din nya innehållssida ser ut där. Om du vill/behöver göra en egen layout för mobilversionen för att få det att se bra ut där, använd fliken Mobilt innehåll.
Stänga av eller ta bort en widget
Om du temporärt vill ta bort en widget men ändå vill ha kvar innehållet i widgeten kan du klicka glödlampsikonen på widgeten. Widgeten stängs då av och hamnar längst ned på sidan. Där kan du senare när du vill ha tillbaka widgeten trycka på den släckta glödlampsikonen
för att slå på widgeten igen. I exemplet nedan har skyltfönstret med nyheter stängts av.
Om du vill ta bort en widget helt klickar du på soptunneikonen på widgeten. Du får då upp en dialogruta som frågan om du är säker på om du vill ta bort widgeten. Om du är osäker på om du kanske kommer vilja använda innehållet igen senare så är det rimligt att stänga av widgeten istället för att radera den.
Glöm inte SEO! När du skapat din sida och innehållet, glömt inte sökmotorsoptimeringen! SEO är ett så viktigt ämne att vi har gett det en egen guide. |
Kommentarer
0 kommentarer
Artikeln är stängd för kommentarer.