G-Theme manual

• Gå till din webbplats (eller utvecklingslänk) och efter domänen i adressfältet skriver du /wp-admin. till exempel: https://dindoman.se/wp-admin
• Logga in med användarnamn eller e-post. Fyll i användarnamn och lösenord. Användarnamn kan vara din e-post eller ett annat namn.

1. När du loggat in hittar du menyalternativet Sidor i vänstermenyn. Klicka på den för att få upp alla webbplatsens sidor i en lista.
   
2. Klicka sedan på Redigera under den sida du vill redigera.
   
3. Väl inne på en sida hittar du något som kallas för Sidbyggare (G-Theme-byggaren). I den sköter du det mesta av innehållet som syns utåt på din webbplats.

Överst i sidbyggaren hittar du det som visas högst upp på webbplatsen utåt (bortsett från sidhuvudet som styrs från ett annat ställe).

Sidan är indelad i sektioner, och i sektionerna hittar du rader, kolumner och olika typer av moduler

Du kan flytta på alla dessa genom att klicka och dra dem till en ny plats. Du kan även duplicera eller kopiera en sektion, rad eller modul genom att högerklicka:

Du kan dölja element från webbplatsen som dina besökare ser (men behålla i adminpanelen där du redigerar innehållet) genom att inaktivera/aktivera rader, sektioner eller moduler. Högerklicka på det element du vill dölja och välj Inaktivera eller Aktivera:

För att redigera texten i en textmodul börjar du med att dubbelklicka på modulen för att öppna den. Du känner igen textmodulerna på ikonen i hörnet i sidbyggaren.

Till höger om rubriken Innehåll hittar du själva textredigeraren. Där kan du också redigera texter, länkar, listor och knappar.

För att enklare hitta till rätt sektion, rad eller modul när du ska uppdatera webbplatsen nästa gång så kan du namnge dessa i fältet Admin label. Det du skriver där syns inte för besökare ute på webbplatsen.

Spara ändringarna genom att klicka på Spara och stäng längst ner till höger.

Obs! När du sparat ändringarna i en modul så är de bara tillfälligt sparade i adminpanelen, om du lämnar sidan utan att uppdatera kommer de försvinna. Se mer info om detta i avsnittet Status: Utkast, privat eller publikt.

För att skapa eller ändra en rubrik, markerar du den text du vill korrigera och använder dig därefter av rullisten längst till vänster.

Kom ihåg! Av SEO-skäl ska endast en rubrik av typen Rubrik 1 användas på varje sida.

Förutom rubrikstorlekar och stycke, kan det även finnas andra typer av format på text. De hittar du i rullistan Format. Det kan vara ex. knappar, länkar med pil, eller andra färger på rubriker.

Om du vill ta bort ett format på en text, behöver du klicka på samma format igen. På detta sätt klickar du ur valet. Det går att välja flera olika format samtidigt, vilket dock inte är att rekommendera. Observera att du behöver markera den text du vill ta bort ett format från.

I moduler med text finns det två olika lägen: Visuellt och Text. Du växlar mellan dessa genom att klicka på flikarna uppe till höger i textrutan.

I textläget kommer du att se HTML-koden för din text. Har du kunskap inom HTML kan du redigera och skriva text och ändra format även här. Annars rekommenderar vi att du använder det Visuella läget.

Börja med att leta upp den bilden du vill redigera. De kan ligga som bakgrundsbild eller som en vanlig bild (alltså en fristående bild som inte används som bakgrund).

Bakgrundsbilder hittar du i sektioner, rader och moduler under följande knappar:

I sektions- och radinställningarna klickar du på fliken Design där du kommer att se en bildmodul. Scrolla ner till rubriken Bakgrundsbild och klicka på knappen Välj media. Spara ändringarna och uppdatera eller förhandsgranska sidan.

En vanlig bild hittar du direkt i en bildmodul och den bilden ändrar du på samma sätt som bakgrundsbilden ovan.

För att ändringarna du gjort på sidor ska publiceras live behöver du klicka på Uppdatera till höger om sidbyggaren. Glöm inte att alltid förhandsgranska ändringen innan, det gör du genom att klicka på knappen Förhandsgranska ändringar som du hittar ovanför Uppdatera-knappen.

Obs! Glöm inte att klicka på Uppdatera innan du klickar ut från redigeringen av sidan, annars sparas inte uppdateringarna som du gjort.

För att publicera en sida privat ändrar du under synlighet från Offentlig till Privat:

Om du vill spara en sida eller ett inlägg som utkast så väljer du alternativet Utkast under rubriken status i högerkolumnen:

Om man vill skapa en underordnad sida så ställer man in detta inne på undersidan i högerkolumnen under Sidoattribut. Här väljer man vilken sida som som ska vara överordnad i rullisten för Överordnad sida.

Undersidan kommer då att få sidhierarkin utskrivet i sin url, till exempel: en sida som heter “Personal” och ligger under “Om oss” kommer få url:en: dindoman.se/om-oss/personal

Observera att detta inte kan göras med inlägg. 

När en sektion används flera gånger på olika sidor så underlättar det om den är global. Om man ändrar något i en global sektion så slår den ändringen igenom överallt där den används. En global sektion känns igen genom att den alltid är grön i sidbyggaren.

För att ta bort globaliteten så den blir fristående kan man högerklicka på sektionen och välja Ta bort globalitet.

Om du vill göra en vanlig (fristående) sektion till en global kan du klicka på Sektionsinställningar → Spara mall → aktivera Global → Spara och stäng:

För att skapa en ny sida klickar du på Sidor och därefter på Skapa nytt, fyll sedan i en huvudrubrik för sidan.

För att ladda en sidmall och använda sidbyggaren klickar du på Ladda mall som du hittar under huvudrubriken i G-Theme-byggaren. Då kommer det upp en ruta med alla sparade sidmallar. De som har texten (Design Template) efter namnet på sidan, är de ursprungliga mallarna:

För att skapa ett nytt inlägg klickar du på Inlägg (eller annan possttyp, till exempel kunskapsbank om ni har en sådan) och därefter på Skapa nytt, fyll sedan i en huvudrubrik för inlägget.

Vart på webbplatsen inläggen syns, styrs av kategorier i olika typer av flöden – listningsmoduler. Du väljer kategori till höger om sidbyggaren. Du kan välja en eller flera kategorier. Glömmer du att välja en kommer den att hamna som okategoriserad och bara synas i flöden som inte har en vald kategori.

Lägg till en ny kategori längst ner i rutan. För att den nya kategorin ska synas och inkluderas, behöver du även gå till det flödet där den ska visas, och kryssa i den nya kategorin där.

Listningsmodulen är den modul som används på sidor för att hämta och visa inlägg. I listningsmodulen finns en del inställningar du kan justera för att göra ändringar i flödet. För att bestämma vilka inlägg inom en viss kategori som ska läsas in går du in under fliken Filtrering och därefter Kategorier:

I listningsmodulen kan du även ändra de benämningar som används i de olika flikarna i flödet :

Publiceringsdatumet visas ibland på webbplatsen, och du väljer det datumet som du vill ska synas där, vilket blir samma datum som inlägget kommer att publiceras. Du kan även välja ett datum längre fram i tiden för att automatiskt publicera det senare.

Klicka på Redigera bredvid Publicera direkt. Välj sedan det datum du vill att inlägget ska publiceras, klicka på OK:

Till höger om sidbyggaren kan du välja en bild som syns i flöden på din egen webbplats, och på sociala medier om du delar inlägget. Om du ändrar denna bilden kan det ibland dröja några dagar innan den ändras vid delningar, detta pga att de externa tjänsterna inte uppdaterar bilderna hela tiden.

Klicka på länken Ange utvald bild för att välja eller ladda upp bild i Mediebiblioteket (se avsnitt Mediebiblioteket för mer info om bilder).

Under sidbyggaren i rutan Utdragstext skriver du in vilken text som ska synas tillsammans med ditt inlägg i flöden/listningsmoduler eller i sökresultat som finns på vissa webbplatser. Det är inte på alla webbplatser den syns, då kan den lämnas tom. Om man inte fyller i utdraget kommer de första textraderna i postens innehåll läsas in automatiskt.

Klistrade inlägg betyder att du kan välja specifika inlägg som ska visas först i flöden/listningsmoduler. Om listningsmodulen har följande inställning på kommer de klistrade inläggen att visas på som första inlägg i flödet: 

För att klistra specifika inlägg gå in på det inlägg du vill klistra. Därefter klicka på Redigera: Synlighet. Kryssa i Klistra det här inlägget till förstasidan och klicka på OK.

Om du är inloggad i WordPress och går ut på webbplatsen (lämna adminpanelen, men fortsätt vara inloggad) kan du klicka på Aktivera frontendbyggaren högst upp i verktygsfältet, och göra textändringar direkt på sidan som visas utåt. När sidbyggaren är aktiverad kan du klicka på den text du vill redigera, skriva om den och spara.

Under fliken Media hittar du samtliga bilder som finns på din webbplats. En rekommendation är att inte radera några bilder, eftersom de kanske syns någonstans på din webbplats som du inte vet om. För att ladda upp nya bilder kan du dra dem direkt från din dator till webbläsarfönstret.

Om du ska byta ut en bild rekommenderas att du tittat på specifikationerna för bilden som låg på platsen innan. Det gör du genom att klicka upp bilden och kolla till höger om den.

Rekommenderade bildspecifikationer

• Filtyp för vanliga bilder: jpeg/jpg
• Filtyp för bilder med transparent bakgrund: png (i vissa fall svg)
• Max 400kb, gärna runt 150kb om det ej är en fullskärmsbild som ex. herobild (om filen du försöker ladda upp är större än vad som är tillåtet kan du komprimera den)
• Rätt dimensioner (se bilden som låg där innan)
• Ej Å, Ä, Ö i filnamnet

Glöm inte alt-texten!

Formulera och fyll i en beskrivande text för att tillfredsställa Googles sökmotorer:

I övre delen av webbläsarfönstret hittar du en rullista som visar alla språk som finns uppsatta på din webbplats.

Du kan välja att visa alla språk samtidigt, eller ett språk åt gången. När du sedan navigerar till inlägg eller sidor, kommer du att se de som är uppsatta på det/de språk du valt. Ibland behöver du välja språk igen, när du bytt från ex. inlägg till sidor.

I listningen av inlägg och sidor kommer du i överkanten se flaggor för de språk som är uppsatta. Under dem kan du på respektive sida och inlägg se om de är översatta eller inte. En penna visas när en översättning finns, ett plus när en sida inte finns på det aktuella språket.

Här nedan är ett exempel där man ser vilka språk det finns översättningar på och inte för sidan “Cookiepolicy”.

Skapa en översättning genom att klicka på plustecknet på den sida du vill översätta. När sidan skapats, välj en ny sidtitel (den kommer även bli sidans länk för det valda språket). Om du aktiverar duplicering av innehåll så kommer innehållet på sidan du lägger till en översättning för automatiskt dupliceras. Aktivera duplicering av innehåll genom att klicka på denna ikon:

Du kan också hämta in ursprungsmallen genom att klicka på Ladda mall som när du skapar en ny sida. Därefter är det bara att fortsätta skapa den sida du vill ha för det nya språket.

Om du vill att den nya sidan ska vara precis likadan/speglad som motsvarande sida på ett annat språk, alltså inte ens ha översatt text, kan du hämta in den i befintligt skick genom att till höger om sidbyggaren klicka på pilarna.

OBS! Om du aktiverar denna inställning så kommer innehållet på språket det är synkat med att skrivas över varje gång du gör en ändring oavsett om det är på originalspråket eller inte. Vi rekommenderar i regel att denna inställning inte används, utan att man snarare har som vana att kontrollera att den är inaktiv.

För att hitta inskickade formulär, navigera till Formulär i vänstermenyn. Gå sedan till Inlägg.

För att se inskickade inlägg för olika formulär, växla mellan dem upp till vänster på sidan. Därefter listas sedan alla inskickade i en lista nedan.

Menyerna hittar du under Utseende → Menyer i högermenyn.

Om du har flera menyer kommer du att hitta en rullista upp till vänster på sidan.
Välj meny och klicka på Välj

För att lägga till sidor eller inlägg i menyn, välj vilka du vill lägga till och klicka på Lägg till i meny. 

Den hamnar då längst ner i menyn, dra den sedan till den plats där du vill att den ska ligga. Om du öppnar menyalternativet kan du sedan ändra titel på menyvalet i fältet Navigeringsetikett, detta ändrar inte sidtiteln.

Menyer går inte att förhandsgranska, så kolla noggrant innan du klickar på Spara meny.

Tips! På din webbplats så finns det begränsat utrymme i sidhuvudet (s.k. headern), så kolla alltid på sidan efter du sparat, så att det nya menyvalet får plats. Detta gör du genom att högerklicka och öppna Inspektera när du är ute och besöker din webbplats.

I inspektorn kan du testköra webbplatsen i mindre skärmar:

Växla mellan olika enheter:

Om menyvalen hamnar på 2 rader eller något överlappar, så kan du kanske justera namnen på sidorna eller ta bort något menyval, så att de nya får plats. Om du har svårt att få plats och problem att välja vad som ska visas och inte, kontakta oss så hjälper vi dig!

Redigeringen av sidhuvud och sidfot hittar du under Utseende → Sidhuvud / Sidfot i vänstermenyn.

Väl inne på respektive sida, så hittar du sidbyggaren. Den fungerar på liknande sätt här som den gör på sidor och inlägg.

I sidfoten kan även vissa Popup-rutor administreras.

Om du har en flerspråkig webbplats är det viktigt att välja rätt språk i menyn då det reflekterar vilket/vilken sidhuvud/sidfot som du redigerar:

Inställningar för att förbättra SEO:n hittar du längst ner på varje sida och inlägg i den öppningsbara rutan Yoast SEO. I rutan nedan ser du hur din sida kommer att visas när den kommer upp i Googles sökresultat.

Bra att veta! När ändringar görs här kan det ta några dagar innan det ändras i resultaten på Google.

För att ändra SEO-titel (också kallad Metatitel) och Metabeskrivning klicka på rutan:

Sidtiteln och namnet på din webbplats skrivs ut automatiskt, med det går bra att välja en egen, genom att redigera i fältet:

Metabeskrivningen kan du skriva i detta fältet, och är den text som kommer att visas under rubriken:

När du fyllt i metatitel och metabeskrivning kommer de orangea staplarna ge dig en fingervisning om hur bra din text är i förhållande till innehållet på din sida. När de är gröna är det ett tecken på att ditt innehåll är toppen!

Du kan få mer hjälp och riktlinjer om dina SEO-inställningar genom att göra en snabb SEO-analys av undersidan. Fyll i en fokusnyckelordsfras i fältet och klicka sedan på enter. Yoast SEO kommer därefter göra en snabb analys av undersidan i förhållande till det valda sökordet/frasen och du hittar den under SEO analys:

Obs! Tänk dock på att inte stirra dig blind på resultatet i analysen, utan se det mer som lite hjälp på vägen och lite råd och tips om vad man skulle kunna göra på undersidan för att förbättra SEO:n.

Tips! Det finns mycket att lära sig om och läsa om SEO. Några enkla tips som du själv kan göra, kommer här nedan. Du kan också läsa mer i vår SEO-guide.

• Skriv relevanta texter som hör ihop med sidans syfte
• Sidrubriken (Rubrik 1/h1) är sidans viktigaste rubrik. Obs! Det får bara finnas en per undersida!
• Ha inte för stora bildfiler, se riktlinjer för bilder under Mediabiblioteket
• Skriv alt-texter till dina bilder, se riktlinjer för bilder under Mediabiblioteket
• Att ha externa länkar, alltså länkar som går till andra webbplatser än din egen, är bra men lägg inte in bara för att! De ska vara relevanta, som till exempel länkar till samarbetspartners.

För att administrera respektive skelett går du in under Mallar → Skelett i vänstermenyn och välj vilket skelett du vill redigera i rullistan. Ändringar i detta läget påverkar layouten för samtliga inlägg av typen du redigerar.

WordPress plockar automatiskt upp den systeminställningen du har på datorn, men det går även att byta. Detta görs intill ditt användarnamn upp till höger.

Obs! Detta är ingen inställning för webbplatsen utan för dig som användare i adminpanelen.

Vi rekommenderar att man alltid förhandsgranskar sina ändringar innan man uppdaterar/publicerar. Men skulle det vara så att man har gjort en ändring som man ångrar så finns det flera sätt att gå tillbaka.

Om du har ändrat men inte sparat ännu Använd då CTRL/CMD + Z för att ångra ändringen.

Om du har sparat ändringen Använd versionshanteringen som finns på din webbplats som du hittar i publiceringsblocket till höger i redigeringsläget:

Klicka på knappen Bläddra bredvid rubriken Versioner så kommer du att komma in i ett läge där du kan bläddra bland tidigare versioner av sidan. Använd reglaget för att välja ut vilken version du vill gå tillbaka till och klicka sedan på Återställ denna version.

Detta kan bero på webbplatsens/webbläsarens/routerns “Cache”. Det är en funktionalitet som används för att se till att webbplatsen laddar in snabbt för alla besökare genom att tidigare upplevelser finns lagrade, men den kan också göra så att ändringar inte syns. Cache kan finnas på olika nivåer, se nedan. 

För att rensa webbplatsens cache

Obs detta är endast aktuellt om din webbplats är lanserad, det fungerar inte på utvecklingsmiljön.

Håll musen över WP Rocket som ligger i adminbaren högst upp och klicka på Radera cache:

Har du flera språk? Då kan du välja om du vill radera cache för alla språk eller om du enbart vill göra det för ett specifikt.

För att undvika webbläsarens cache

Besök webbplatsen i webbläsarens inkognito mode så bortses cache när webbplatsen laddas in. 

Om cache finns i routern/nätverket

Om du inte ser dina ändringar trots att du testat alternativen ovan, kan det vara så att cachen finns i din router eller i ditt nätverk. Testa att öppna webbplatsen i inkognito mode i webbläsaren med datorn ansluten till ett annat nätverk. 

För att länka så att besökaren scrollas till en särskild rad eller sektion på annan eller samma undersida kan du skapa en så kallad ankarlänk genom att följa stegen nedan.

1. Gå till sektionen eller raden som du vill skapa en ankarlänk till. Klicka upp rad- eller sektionsinställningar:

2. Växla till fliken "Avancerat". Fyll i ett namn för sektionen i fältet CSS-id. Tänk på att det du skriver här kommer synas i ankarlänkens URL.

3. Viktigt! Spara nu sektionsinställningarna och spara sedan sidan, dvs tryck på knappen "Uppdatera" som vanligt.

4. Gå nu till modulen där du vill skapa länken. Detta kan vara på samma sida eller på en annan sida än själva ankarlänkens mål. Skapa länken som vanligt genom att skriva länktext, markera och trycka på "kedjesymbolen". För att länka till en sektion skriver du in URL:en för sidan som ankarlänkens mål finns på och sedan /# följt av det du fyllt i som CSS-id i rad- eller sektionsinställiningarna. Spara och uppdatera.