INSTRUKTIONER
Uppdatera och sköt om er hemsida
Inledning
Här finns all information ni behöver för att kunna uppdatera och underhålla er hemsida på egen hand.
Tips: Ha denna instruktion öppen på en separat skärm (t ex en surfplatta) medan ni arbetar med er hemsida på en dator.
Ni ska ha fått ett mail från info@simitwebb.se med information om hur ni uppdaterar och sköter om innehållet på er hemsida. Där finns inloggningsuppgifter och en lista över det innehåll (sidor och sektioner) ni har på just er hemsida. Det finns tre olika typer av innehåll och i mailet framgår vilken typ av innehåll var och en av era sidor och sektioner är. Nedan finns exempelinstruktioner hur de olika innehållstyperna uppdateras. Ni uppdaterar ert innehåll på samma vis. Sidan som används som exempel här är demo.simitwebb.se.
Snabblänkar
Olika typer av innehåll
Det finns tre olika typer av innehåll:
1. Statiskt innehåll är innehåll som t ex rubrik, text, bild eller video mm, dvs vanligt innehåll som finns på alla hemsidor.
2. Dynamiskt innehåll är en liten återkommande information som t ex presentation av medarbetare på erat företag där varje medarbetare har t ex namn, titel och bild och det går att lägga till och ta bort medarbetare. Dynamiskt innehåll är skräddarsytt för just er hemsida.
3. Specialfall av dynamiskt innehåll är ett lite större dynamiskt innehåll där varje innehåll består av ytterligaste dynamiska delar. Exempel på specialfall av dynamiskt innehåll är ett tävlingsresultat för en återkommande tävling där varje resultat innehåller text och ett bildgalleri med olika antal bilder.
Logga in i innehållshanteringssystemet (CMS)
Oavsett vilken del av er hemsida som ska redigeras behöver ni logga in i CMS-systemet.
I mailet ni fått från info@simitwebb.se finns era inloggningsuppgifter (länk, användarnamn och lösenord). Länken till CMS-systemet är densamma som adressen till er hemsida följt av ”/wp-admin”, där wp-admin står för WordPress-administration. Här i dessa instruktioner är företagsnamnet demo.simitwebb och adressen till hemsidan demo.simitwebb.se och adressen till CMS-systemet demo.simitwebb.se/wp-admin.
Gå till adressen genom att klicka på länken i mailet eller gå till er hemsida och fyll på i adressfältet med ”/wp-admin”.
Fyll i inloggningsuppgifterna (användarnamn och lösenord) och klicka på Logga in.
Nu är ni inloggad i CMS-systemet, även kallat WordPress.
Kontrollera i mailet vad det är för innehållstyp på den sida eller sektion som ni önskar arbeta med. Om ni vill arbeta med en del av er hemsida som är statiskt, så ska ni följa instruktionerna här för hur statiskt innehåll redigeras.
Här följer ett exempel på hur mailet ser ut:
Avsändare: info@simitwebb.se
Ämne: SIMIT Webb Demo – inloggningsuppgifter
Hej!
Tack för att ni anlitat SIMIT Webb till att skapa och drifta er hemsida!
Adressen till er hemsida är: demo.simitwebb.se
För att uppdatera och sköta om er hemsida används ett innehållshanteringssystem (CMS).
Adressen till CMS-systemet är: demo.simitwebb.se/wp-admin
Användarnamn: redaktor
Lösenord: <LÖSENORD>
Här finns en guide med instruktioner till hur ni uppdaterar och sköter om en hemsida hos oss: www.simitwebb.se/instruktioner
Följande innehåll finns på er hemsida. Observera vilken innehållstyp (statisk, dynamisk eller dynamisk (specialfall)) som gäller när ni redigerar hemsidan med hjälpa av våra instruktioner på länken ovan.
1. Sektion: Startsida (Hero) – Statisk
2. Sektion: Nyheter – Dynamisk
3. Sektion: Tjänster – Statisk
4. Sektion: Om oss – Statisk och dynamisk
5. Sektion: Bilder – Statisk
6. Sida: Årsmöten – Dynamisk (specialfall)
7. Sektion: Omdömen – Statisk
8. Sektion: FAQ – Statisk
9. Sektion: Kontakt – Statisk
Om ni får problem eller har frågor, kontakt oss på: www.simitwebb.se/support
Med vänliga hälsningar,
SIMIT Webb
Nedan följer instruktioner till hur ni uppdaterar de olika innehållstyperna på er hemsida.
1. Statiskt innehåll
Börja med att logga in i CMS-systemet enligt instruktion ovan om ni inte redan gjort det.
Öppna en ny flik i webbläsaren och surfa till den sida ni önskar arbeta med. Eftersom ni nu är inloggade i CMS-systemet, så visas en smal rad högst upp på sidan. I detta exempel har vi valt att surfa till demo.simitwebb.se som är en så kallad one-pager med många sektioner på samma sida.
Klicka på Redigera med Elementor.
Elementor är den del av WordPress där vi kommer att arbeta med allt statiskt innehåll.
Demo-sidan innehåller exempelsektionerna i punktlistan nedan. Här följer instruktioner för hur dessa redigeras. Ni kan på samma sätt redigera innehållet på er hemsida.
- Startsida/Hero
- Nyheter (dynamiskt innehåll)
- Tjänster
- Om oss (delvis dynamiskt innehåll)
- Bilder
- Omdömen
- FAQ
- Kontakt
I det här fallet är alla sektioner utom Nyheter, Om oss och Årsmöten helt statiska. Hur Nyheter och medarbetare under Om oss uppdateras går vi igenom i avsnittet Dynamiskt innehåll. Hur Årsmöten uppdateras går vi igenom i avsnittet Dynamiskt innehåll (specialfall).
Hero/Startsida
Klicka på den text ni vill uppdatera och ändra texten direkt i fältet eller i panelen till vänster.
Klicka på Publicera för att spara och publicera ändringarna.
Nyheter (dynamisk)
Instruktioner för uppdatering av dynamiskt innehåll finns i nästa avsnitt nedan. Klicka här för att komma dit.
Tjänster
Klicka på den text ni vill uppdatera och ändra texten direkt i fältet eller i panelen till vänster.
Sektionen innehåller tre delar som vi kallat för tjänster, men vi visar att det även kan handla om t ex produkter eller nyheter. Dessa är statiska och det innebär att det alltid kommer vara tre stycken, men vi kan ändra all text och bilder.
För att uppdatera en bild, klicka på bilden och sedan på motsvarande bild i panelen till vänster.
Nu visas ert mediabibliotek, vilket innebär alla filer som är uppladdade till hemsidan och kan visas på hemsidan. Klicka på Ladda upp filer och sedan Välj filer.
Det är nu möjligt att välja bild som önskas laddas upp från datorn. Det är möjligt att ladda upp flera filer samtidigt. När bilden/bilderna är uppladdad(e), välj bild genom att klicka på den bild som önskas. En blå ruta med en bock visar att bilden markerats. Klicka på knappen Välj för att välja bilden.
Klicka på Publicera för att spara och publicera ändringarna.
Om oss (delvis dynamisk)
De statiska delarna (gruppbild och texter) uppdateras precis som sektionen Tjänster ovan.
Instruktioner för uppdatering av medarbetare/anställda (dynamiskt innehåll) finns i nästa avsnitt nedan. Klicka här för att komma dit.
Bilder
De statiska delarna (texterna) uppdateras precis som i sektionen Tjänster ovan.
Bildgalleriet räknas också som statiskt innehåll, men bilder kan läggas till i och tas bort ur galleriet.
Klicka på galleriet och sedan på bilderna i panelen till vänster.
För att lägga till bilder, klicka på Lägg till i galleri. Här kan bilder väljas i mediabiblioteket eller ladda upp nya genom att klicka på Ladda upp filer och sedan Välj filer. Klicka på knappen Lägg till i galleri för att lägga till uppladdade filer i galleriet.
Ni kan också ändra ordning på bilderna i galleriet genom att dra och släppa bilderna.
För att ta bort en bild, klicka på krysset uppe i hörnet på bilden.
När galleriet är uppdaterat enligt önskemål, klicka på knappen Infoga galleri för att uppdatera galleriet.
Klicka på Publicera för att spara och publicera ändringarna.
Årsmöten
Instruktioner för uppdatering av dynamiskt innehåll (specialfall) finns i ett avsnitt längre ner. Klicka här för att komma dit.
Omdömen
Omdömen skulle kunna vara ett typiskt fall av dynamiskt innehåll, men här har vi bestämt oss för att vi tycker det är snyggt och lagom med sex stycken omdömen, så vi kommer aldrig att ha fler eller färre omdömen. Vill vi byta ut ett omdöme mot ett annat gör vi det genom att uppdatera omdömet statiskt. Text och bilder uppdateras precis samma sätt som sektion Tjänster ovan.
FAQ
FAQ står för frågor och svar och beter sig som dynamiskt innehåll, men uppdateras som statiskt innehåll.
Klicka på en fråga i den vänstra eller högra kolumnen med frågor. Frågorna dyker upp i panelen till vänster under Innehåll -> Layout -> Objekt. Klicka på den fråga ni önskar redigera eller klicka på + Lägg till objekt för att lägga till en ny fråga. Klicka på krysset till vänster om en fråga för att ta bort den.
Klicka på grönt + för att visa svaret på en fråga. Klicka på svaret för att redigera det. Det redigeras i kolumnen till vänster precis som övrig text redigeras på hemsidan.
Klicka på Publicera för att spara och publicera ändringarna.
Kontakt
Texten i denna sektion redigeras precis som övrig text redigeras på hemsidan. Formuläret kan inte redigeras av er som Redaktör. Om ni vill ändra adress, telefonnummer, e-postadress eller länkar till sociala medier, klicka på dessa och ändra i panelen till vänster. Testa alltid dessa efter redigering och kontakta supporten på SIMIT Webb om något krånglar.
Klicka på kartan för att redigera den. Försäkra er om att det är kartan som heter Google Maps i panelen till höger som blir markerad. Det är ibland svårt att markera kartan. När kartan är markerad ska det också stå Google Maps i panelen till vänster där ni kan ändra adress och zoom för kartan.
Klicka på Publicera för att spara och publicera ändringarna.
2. Dynamiskt innehåll
Börja med att logga in i CMS-systemet enligt instruktion ovan om ni inte redan gjort det.
På demo-sidan är det följande sektioner som innehåller dynamiskt innehåll. Vi ska nu gå igenom hur vi uppdaterar i WordPress.
Nyheter
Observera att Nyheter INTE kan redigeras som övrigt innehåll på hemsidan!
Gå till WordPress genom att klicka på länken i mailet eller gå till er hemsida och fyll på i adressfältet med ”/wp-admin”.
Om ni inte redan är inloggade, logga in enligt instruktion ovan.
Klicka på Nyheter i panelen till vänster.
För att lägga till en ny nyhet, klicka på knappen Lägg till ny/nytt Nyhet högst upp.
Här måste ni namnge nyheten där det står Lägg till rubrik med stort typsnitt. Annars går det inte att publicera nyheten.
Fyll i nyhetens rubrik under Rubrik.
Skriv nyhetens text i det stora fältet under Innehåll.
Klicka på knappen Lägg till media för att lägga till en bild.
Här kan bilder väljas i mediabiblioteket eller ladda upp nya genom att klicka på Ladda upp filer och sedan Välj filer. Klicka på knappen Infoga i nyhet för att lägga till bilden.
Klicka på Publicera för att spara och publicera ändringarna.
För att redigera en befintlig nyhet, klicka på nyhetens namn i tabellen över nyheter och redigera innehållet.
Klicka på Publicera för att spara och publicera ändringarna.
För att ta bort en nyhet från hemsidan, håll musen (hovra) över den nyhet i tabellen som önskas ta bort och klicka på den röda texten Ta bort.
Medarbetare/anställda
Observera att medarbetarna/de anställda INTE kan redigeras som övrigt innehåll på hemsidan!
Gå till WordPress genom att klicka på länken i mailet eller gå till er hemsida och fyll på i adressfältet med ”/wp-admin”.
Om ni inte redan är inloggade, logga in enligt instruktion ovan.
Klicka på Medarbetare i panelen till vänster.
För att lägga till en ny medarbetare, klicka på knappen Lägg till ny/nytt Medarbetare högst upp.
Här måste ni namnge inlägget (förslagsvis med medarbetaren namn) där det står Lägg till rubrik med stort typsnitt. Annars går det inte att publicera medarbetaren.
Fyll i medarbetarens namn, titel och beskrivning som det önskas presenteras på hemsidan.
Klicka på knappen Lägg till bild för att lägga till en bild på medarbetaren.
Här kan bilder väljas i mediabiblioteket eller ladda upp nya genom att klicka på Ladda upp filer och sedan Välj filer. Klicka på knappen Välj för att lägga till bilden.
Klicka på Publicera för att spara och publicera ändringarna.
3. Dynamiskt innehåll (specialfall)
Årsmöten, som återfinns som undersida till Bilder, är här ett specialfall av dynamiskt innehåll som vi ska gå igenom hur vi uppdaterar i WordPress. Det som gör det till specialfall är att varje årsmöte innehåller ett bildgalleri med godtyckligt antal bilder. Det kräver lite specialhantering.
Börja med att logga in i CMS-systemet enligt instruktion ovan om ni inte redan gjort det.
Lägg till ett nytt årsmöte
I CMS-systemet (WordPress), klicka på Årsmöten i panelen till vänster.
En lista över alla årsmöten visas. Klicka på Lägg till nytt årsmöte högst upp på sidan. Det kan hända att det står Add New istället.
Där det står Lägg till rubrik, skriv en rubrik (ett namn) på årsmötet, t ex ”Årsmöte 2026”.
Klicka där det står ”Skriv ”/” för att välja ett block” och skriv den text som ska presenteras i sektionen för årsmötet.
Klicka någonstans utanför fältet och klicka sedan på den nya raden där det står ”Skriv ”/” för att välja ett block” under er text.
Skriv ett snedstreck ”/” (ofta Shift+7 på tangentbordet) som första tecken på raden och klicka på Galleri i menyn som poppar upp.
Klicka på Ladda upp för att välja bilder att ladda upp från er dator. Ni kan ladda upp flera bilder samtidigt. Markera de bilder som önskas laddas upp och klicka på Öppna.
Klicka på Publicera för att spara och publicera årsmötet. Det krävs ibland två klick på Publicera innan det är klart.
Redigera ett befintligt årsmöte
I CMS-systemet (WordPress), klicka på Årsmöten i panelen till vänster.
En lista över alla årsmöten visas. Klicka på rubriken/namnet på det årsmöte ni vill redigera.
För att redigera text, klicka på den text det gäller, ändra enligt önskemål och tryck på Spara uppe till höger.
För att lägga till en bild, klicka på valfri bild i bildgalleriet och klicka därefter på ikonen längst till vänster. Klicka sedan på Lägg till. Klicka på Ladda upp och ladda upp önskad(e) bild(er) från datorn.
Av någon anledning fungerar det tyvärr inte att ta bort enstaka bilder. För att lösa detta måste ni tyvärr ta bort hela årsmötet (se nästa avsnitt) och lägga till det på nytt. Vi ber om ursäkt för detta och vi jobbar på en lösning. Uppladdade bilder kommer att ligga kvar i mediabiblioteket, så bilder försvinner inte från systemet när ett årsmöte tas bort. Kopiera all text för årsmötet innan du tar bort det, så går det snabbt och enkelt att skapa upp ett nytt.
Klicka på Publicera för att spara och publicera årsmötet. Det krävs ibland två klick på Publicera innan det är klart.
Ta bort ett årsmöte
I CMS-systemet (WordPress), klicka på Årsmöten i panelen till vänster.
Årsmötet försvinner direkt från sidan. Ingen publicering krävs.
Logga ut
Logga ut ur CMS-systemet genom att klicka på texten ”Hej, ” följt av erat redaktörsnamn. Klicka därefter på Logga ut.
