Unitalent wordpressmanual. December 2015

Transkript

1 Unitalent wordpressmanual December 2015

2 Innehåll Redigeringsläget Page Builder 3 Redigeringsläget Standardredigeraren 4 1. Logga in 5 2. Redigera en sida i Page Builder-läget 5 3. Redigeringsfunktioner 6 Mail eller telefonnummer 6 Kontaktformulär 6 Footer 7 Header 7 4. Gå tillbaka till tidigare versioner 7 5. Hantera SEO 8

3 Redigeringsläget PAGE builder Kolumner. Dra och släpp kolumner till innehållsrutan. Lägg in olika byggstenar, ex. textrutor, bilder, knappar. Växlar till Default Editor. Ett MS Word-liknande redigeringssystem. 3

4 Redigeringsläget STANDARDREDIGERAREN I textläget kan du redigera sidans HTML-kod Gör fet text Justering av text Gör kursiv text Punktlista Numrerad lista Skapa citat Se till att du alltid är inne i det visuella läget Skapa en länk Ta bort en länk Klistra in ren text Markeringsfärg Marginaljustera text Gör understruken text Välj formatering på text Denna redigerare ser du även när du redigerar ett textblock eller vissa andra element i page-builder-läget! 4

5 1. Logga in 1. Gå in på 2. Skriv in dina inloggningsuppgifter och klicka på Logga in Som inloggad kan du redigera ditt lösenord genom att gå till användare i adminpanelen och därefter välja redigera vid din användare Redigera en sida i page Builder-läget 1. Logga in och surfa till 2. Välj sidor i vänstermenyn. 3. Gå till sidan som heter Studentkonsulter från Linköpings Universitet genom att trycka på den texten. 4. Lokalisera den ruta som innehåller det innehåll som du vill redigera. 5. Klicka på den lilla symbolen av en penna för att redigera innehållet i rutan. Glöm inte att spara ändringen innan du lämnar innehållsrutans redigeringsvy. Olika typer av rutor/ innehållsboxar kan ha olika inställningsmöjligheter. 6. Vill du radera en ruta med innehåll klickar du på symbolen av en papperskorg vid just den innehållsrutan. Vill du kopiera allt inom rutan, kan du klona genom att klicka på synbolen mellan pennan och papperskorgen. 7. När du redigerat färdigt i boxarna i redigeringsvyn på undersidan klickar du på den blå knappen uppdatera för att dina ändringar ska synas utåt på hemsidan. Inget av det du ändrar i redigeringsvyn publiceras innan du klickar på just uppdatera. 5

6 3. REDIGERINGSFunktioner Mail eller telefonnummer Dessa funktioner syns alltid i standardredigeraren, samt när du redigerar element i page-builder-läget. 1. Länkar för mail eller telefonnummer kan du stöta på på några ställen på sidan, som i boxarna med text på startsidan. 2. Klicka på penn-symbolen för att redigera rutan. 3. Väl inne i redigeringsvyn trycker du på fliken text, för att växla från den visuella vyn till den textbaserade. Bild till punkt 1 I denna box finns länkar 4. Länk-koden är uppbygd så att den börjar med <a href= XXX > och slutar med </a>, där XXX = det länken ska leda till, och det som står mellan <a href= XXX > och </a> ( och, i detta fall) är den text som länken består av och som man som besökare trycker på. I en mail-kod är XXX mail-adressen, med texten mailto: innan, och i en telefon-kod är XXX telefonnumret, med tel: innan. Om du till exempel ska skriva en mailkod till info@unitalent. se, skriver du <a href= mailto:info@unitalent.se >maila oss</a>. 5. Scrolla ner till mail- och telefonkoderna och ändra den information du vill ändra på. Spara genom att trycka på SAVE. Bild till punkt 3 <a href= mailto:info@unitalent. se >tryck här för att maila!</a> <a href= tel: >tryck här för att ringa!</a> Bild till punkt 4 Kontaktformulär 1. Tryck på kontakt i vänsterpanelen. 2. Tryck på kontaktformuläret du vill redigera. 3. Själva fälten kan redigeras under fliken Formulär, men detta bör bara göras i samråd med Hamrén Webbyrå. Vart mailen ska skickas ändras i fliken Epost. 6

7 Footer 1. Footern, alltså informationen i det grå fältet längst ner på sidan, ändrar du genom att trycka på footer i vänstermenyn. 2. Här kan du redigera de tre kolumnerna, samt loggan i botten och sociala medier-ikonerna. Header 1. Logga in och surfa till 2. Välj sidor i vänstermenyn. 3. Gå till sidan som heter Studentkonsulter från Linköpings Universitet genom att trycka på den texten. 4. Det översta blocket innehåller headern. Tryck på penn-ikonen för att redigera. 5. I redigeringsvyn, tryck på fliken background. 6. Tryck på edit under bilden och välj en ny bild. Det blir bäst om bilden är ungefär 1200px x 600px 7. Spara genom att trycka save. 4. Gå tillbaka till en äldre version 1. Om du gjort en massa ändringar som är fel eller råkat radera sidinnehåll och sen tryckt på spara, kan du gå tillbaka i historiken till en äldre version av sidan. 2. Under det stora editerbara fältet i redigeringsvyn finns en box med titeln Version. Där har du en lista på de olika versionerna som du har sparat sidan i. De är listade i datumordning och den senaste versionen står först i listan. Klicka på den versionen du vill gå tillbaka till. 3. Nu kan du se hur sidan såg ut innan. Är det rätt version klickar du på Återställ denna version. För att spara klickar du på den blå knappen Uppdatera. 7

8 5. Hantera seo 1. Gå in på sidan du vill redigera sökoptimeringen på. 2. Scrolla ner till det fält som heter Yoast SEO, det är här informationen knuten till SEO ändras. 3. Vid texten Snippet Editor kan du redigera SEO-titel och metabeskrivning. SEO-titeln är den titel som syns i webbläserens flikar och som rubriker på t.ex. Google, och metabeskrivningen är den som står under. I fältet för SEO-titel ska formatet vara enligt följande: Studentkonsulter från Linköpings Universitet Unitalent Det är texten innan det avgränsande strecket som ska vara unikt för varje sida. 4. I fältet för metabeskrivning är det viktigt att sammanfatta innehållet på den aktuella sidan/ undersidan och väva in för verksamheten viktiga nyckelord i fullständiga läsbara meningar. 5. När du har genomfört ändringar klickar du på knappen Uppdatera 8