Hemsida manual år 2017

Utbildning hemsidan
Manual i hur du uppdaterar din Hela Människan
hemsida.
1
Innehåll
1.
Lägg upp din profil så du kan se funktionen ”Utdrag” .................................................................. 4
2.
Lägg upp en ny sida......................................................................................................................... 5
4. Lägga in sidan i menyn. ...................................................................................................................... 8
5.
Lägg till utvalda artiklar till din sida. ............................................................................................ 10
6. Lägg in en bildtext............................................................................................................................. 13
7.
Ändra namn på en bild ................................................................................................................. 15
8.
Skapa en ny bildkategori .............................................................................................................. 16
9. Skapa en länk under ”Följ oss” i sidfoten (Även Genvägar) ............................................................ 17
10.
Byta ut kontaktinfo i sidfoten och uppdatera Plusgiro och Bankgiro ..................................... 19
10.b Plusgiro Bankgiro .......................................................................................................................... 19
11.
Lägga till en bild i texten på en sida ......................................................................................... 21
12.
Ändra info på startsidan. .......................................................................................................... 23
12 b. Ändra fokusartikel under gåvogivandet. .................................................................................... 25
12 c. Ändra text och bild som står på gåvopuffen ............................................................................... 25
12 d. Byta ut texten ”Stöd vårt arbete i ortsnamn” som ligger på bilden. ......................................... 27
12 e. Ändra knapptext. ......................................................................................................................... 27
12 f. Ändra Välkommen texten ............................................................................................................ 27
12 g. Ändra texten i den röda knappen och vart den länkar. ............................................................. 28
13. Skapa en puff (sida) som saknar länken läs mer ........................................................................... 29
14. Göra ett inlägg /nyhet .................................................................................................................... 30
15. Lägga till en användare (en till person som kan redigera sidan) .................................................. 31
Egna anteckningar ................................................................................................................................ 32
© Hela Människan
Författat av Daniel Ryderholm, okt 2016—jan 2017.
2
Logga in i adminstrationsverktyget
För att komma åt att administrera hemsidan behöver du ha fått en inbjudan från Wordpress, detta
får du genom Daniel Ryderholm eller Jenniy Ekman Karlsson på Hela Människan Sverige. En kollega
med administratörsrättigheter för din sida kan också skapa en ny användare, se övning 15.
Gå till www.helamanniskan.se/enhetsnamn/wp-login.php
Enhetsnamn byts ut till din lokala sida.
Fyll i din epost och lösenord. Klicka logga in.
Nu är du inloggad i verktyget.
3
1. Lägg upp din profil så du kan se funktionen ”Utdrag”
Öppna upp en sida, vilken som helst, detta bara för att få upp vyn för sidor. Gå till vänstermeny, välj
Sidor – Alla sidor och för musen över någon sida, klicka på Redigera. En sida öppnas.
Klicka sedan på Panelinställningar längst upp i högra hörnet. En popupsida öppnas, klicka i, Utdrag.
Utdraget, lägger sig längst ner, gå ner med musen dit och ta tag i panelen och dra den längst upp
under Titel
Släpp Utdrag där du vill ha den. (förslagsvis under Titel).
4
2. Lägg upp en ny sida
Välj i vänstermenyn, Sidor
Klicka på alternativet: Skapa ny
Fyll i uppgifter, sidtitel, Utdrag, Ingress och själva Texten. Bekanta dig med de olika verktyg
som finns
Verktygspaletten i texteditorn.
5
De olika boxarna som finns.
6
Välj en lämplig bild till din sida. Detta gör du genom att scrolla längst ner och välja Utvald bild
längst ner till höger.
Välj Mediabibliotek för att välja en bild som redan finns. Välj ladda upp fil om du vill lägga
upp en ny bild. Denna bild ska vara 780 * 420 pixlar och ha en upplösning på 72 dpi.
Till vänster om funktionen Utvald bild finns ”Bildspel”
Välj 3 bilder som passar till din sida. Du kan söka på bildnamnet, skriv exempelvis Ria eller
secondhand så hittar systemet bilder som har detta i sitt namn.
Välj att publicera sidan (uppdatera). Så sparas den.
7
4. Lägga in sidan i menyn.
Den sida vi nyss gjorde är publicerad, men användarna kan inte hitta sidan eftersom den inte
finns i menyn.
Vi ska därför lägga in sidan under lämplig rubrik i meny.
I vänstermenyn, gå till Utseende och välj sedan Menyer
8
Du kommer då till menyverktyget.
Under sidor, klickar du i den sida du nyss skapade och klickar på lägg till i menyn. Då dyker
din sida upp i menyn till höger:
Drag in aktuell sida till den placering du vill ha.
Vill du att det ska vara en topmeny, så lägg den jämsides med Hem, Vilka är vi, osv.
Vill du ha sidan under någon titel, lägg den strax under denna:
Spara menyn och öppna din sida för att se hur det ser ut.
Tips!
Öppna två sidor, en med din hemsida och en med WordPress, så gör du det enklare.
Tryck F5 för att uppdatera sida, med senaste ändringar.
9
5. Lägg till utvalda artiklar till din sida.
Nu när du kikade på din sida tyckte du den såg lite tom ut. Du vill ha lite puffar på höger sida
ovanför prenumerationsfunktionen.
Egentligen kan man fixa detta när man gör en ny sida, men eftersom vi glömde bort det, får
vi göra det separat. 
I menyn till vänster, välj Alla sidor
Du får upp hemsidans alla sidor. Har du väldigt många sidor kan man behöva klicka framåt,
för att få upp nästa gäng med sidor.
Om du har många sidor:
10
För musen över den sida du vill ändra, klicka på Redigera
Vi kommer då till stället där vi kan göra inställningar för sidan.
Längst ut till höger finns boxar med följande namn:
Publicera Kategorier Taggar Sidattribut
Hoppa över dem så länge och välj: Högerspalt (Utvalda artiklar)
Där finns alla sidor och inlägg, även den sidan du skapade nyss.
Välj fölande artiklar i listan:
Du kan hjälpa
Ge en gåva via Swisch
Ge en gåva via sms
Ge en månadsgåva via sms
11
Publicera sidan. Och gå och titta hur det blev.
Efter ha kika på sidan live, ser du att det blev lite tokigt, med så många Utvalda artiklar. Du
bestämmer dig för att behålla bara två av dem.
Du kan hjälpa och
Ge en gåva via Swisch
Du vill även ha ”Swisch” artikeln högst upp.
Du gör så här
Om du för musklickaren över namnet på artikel, så kommer ett minustecken upp. Ta bort de
två artiklar du inte ville ha.
Nu finns bara två artiklar kvar.
Men som sagt, du är inte nöjd, du vill ha Ge din gåva via Swich högst upp.
För då musen över Swishartikel, ta tag i den och dra den ovanför, Du kan hjälpa.
Publicera (uppdatera) och kika om du har fått till det som du vill?
12
6. Lägg in en bildtext
Du inser att det behövs bildtexter till bildspelet i sidan som du skapade ganska så nyss. 
I menyn till vänster välj: Media och sedan Bibliotek
Då får du upp alla bilder som finns uppladdade i WordPress
Alla bilder dyker upp:
13
Välj den bild du vill lägga in bildtexten på: Genom att klicka på den. Då får du upp massor av
info om bilden, bland annat Bildtext
Här kan du ändra namnet på bilden och även bildtexten.
Lägg in den bildtext du vill ha och spara genom att trycka på X uppe i högra hörnet.
Gå in och kika på din sida igen. Välj och uppdatera (F5) och säkerställ att bildtexten kommit
med.
14
7. Ändra namn på en bild
Gå till biblioteket genom vänstermenyn (Media, Bibliotek).
Leta upp filen: Startsida Hjärta i hand
Titeln har blivit fel, så ändra den till: Hjärta i hand – startsida
Klicka på X i högra hörnet för att spara och stänga bilden.
Nu hittar du lättare bilden då den är rättstavad.  Bra jobbat!
15
8. Skapa en ny bildkategori
Bildkategorier gör det enklare att hitta bland dina bilder, efter att ha arbetat några år med
sidan, kan det bli ganska många bilder, då är det bra att arbeta metodisk med både att döpa
bilderna på ett bra och likvärdigt sätt. Exempelvis alla bilder har med secondhand att göra,
bör heta så i sitt filnamn. Var också duktig på att ta bort gamla bilder, exempelvis
nyhetsbilder som inte längre används.
Gå till menyn i vänster, välj Media och sedan Media Categories
Skapa en ny kategori som heter Personalbilder
Vill du passa på att ta bort någon kategori som ni lokalt inte använder, gör gärna det.
Observera att vissa bilder kan bli okategoriserad om du gör så. Inga bilder försvinner i alla
fall.
Du tar bort en kategori, genom att kryssa i bockrutan och välja åtgärd Radera, och klicka sen
på Utför
16
9. Skapa en länk under ”Följ oss” i sidfoten (Även Genvägar)
Gå till vänstermeny och välj Länkar och Lägg till ny
17
Fyll i all information:
När du fyllt i all information, välj då vilken kategori som länken ska synas under. Välj sen spara.
I denna övning skulle det vara Följ oss, men det är samma procedur ifall du vill lägga in en länk till i
Genvägar.
18
10. Byta ut kontaktinfo i sidfoten och uppdatera Plusgiro och
Bankgiro
Ni har flyttat och behöver byta ut adressen i sidfoten. Så här gör ni då (Om det var på riktigt,
glöm inte att ändra under sidan kontakt också). Men eftersom det är fejk, så gör inte detta. 
I vänstermeny finns ett menyalternativ som har det fantastiska namnet Hela Människan, klicka
på denna
Där får du upp kontaktinfon som visas.
Gör någon ändring i texten, även om den är rätt, bara för att se att det slår igenom på sidan.
OBS, ska du ändra mailadress, är det viktigt att du byter ut båda mailadresserna i textlinen:
<a href="mailto:[email protected]">[email protected]</a>
Du byter alltså ut bara mailadressen och låter allt annat stå kvar.
10.b Plusgiro Bankgiro
Du vill lägga till ett Plusgironummer, och vill att den hamnar snyggt med lite avstånd från
varandra.
Fyll i Plusgiro 123-454 566 98 på en rad under det Bankgiro som nu ligger där, Spara.
Kika på hemsida. Visst ligger kontonumren med ett behagligt avstånd från varandra.
Testa nu att lägga direkt efter Bankgirot och gör några mellanslag:
19
Spara och se vad som händer:
Precis… mellanslagen följer inte med. Med andra ord, lägg alltid varje kontonummer på en egen
rad:
Då blir det väldigt fint:
20
11. Lägga till en bild i texten på en sida
Gå till den sidan du gjorde ganska ganska så nyss, eller sjukt nyss ifall du är väldigt snabb. 
Alltså:
Gå till vänstermenyn, välj sidor och öppna den sida du arbetat i.
Sidor – Alla sidor – för muspekaren över den sida du vill ändra, välj Redigera, så öppnas din
sida.
Ställ dig med musmarkören i texten och välj sen att klicka på knappen: Lägg till Media
Då öppnas bild biblioteket, välj en bild som har en maxbredd på 780 pixlar. Längst ner under
Media categories hittar du hur du väljer storlek på bilden, denna meny heter: Inställningar
för bilagvisning. Detta måste fyllas i oavsett om bilden är 780 pixlar bred. Välj där Full Storlek
780 x 424
21
Visst blev det fint:
22
12. Ändra info på startsidan.
Startsidan är en viktig funktion på varje lokal site. Du som administratör har möjlighet att
ändra nästan allt på startsidan och verkligen få den personlig för er enhet.
Vi kommer metodiskt gå igenom alla de funktioner som finns på startsidan.
Du redigerar startsidan genom att öppna sidan med samma namn.
Sidor – Alla sidor – för muspekaren över den sida du vill ändra, dvs Startsidan, välj
Redigera, så öppnas din sida.
Denna sidonivå ser lite annorlunda ut än vanliga sidor.
Den översta boxen innehåller ”Fokus – välj max 3 utvalda” Ett väldigt beskrivande namn.
Denna box styr alltså de tre boxarna på startsidan:
23
De tre boxarna på startsidan.
Prova att byta ut de boxar som finns nu genom att först ta bort de utvalda sidor du inte vill
ha där. Det gör du genom att föra muspekare över namnet och klicka på minustecknet.
Sen väljer du de sidor du vill ska ligga som fokus på din hemsida, i listan till vänster.
Välj att spara sidan (uppdatera) och gå in och kika hur det blev. Passa på att ändra tillbaka
om du inte vill ha det på detta vis.
24
12 b. Ändra fokusartikel under gåvogivandet.
Vi ska nu ändra den sida som ligger direkt under gåvogivandet.
Scrolla längst ner i administrationsverktyget och leta upp boxen Utvald artikel
Här väljer du vilken sida som ska synas där, standard är sidan, Vilka är vi, men här kan ni göra
ert eget val.
Om du vill ändra artikel, välj artikel och välj att spara (uppdatera), så ska det slå igenom på
startsidan. (Tips: F5 för att uppdatera)
12 c. Ändra text och bild som står på gåvopuffen
Det som varje besökare inte ska missa på de nya sidorna är funktionen att kunna ge direkt till
er lokalt. Fram till sista juni får ni var enda krona som skänks genom hemsidan. (Förutsatt att ni
har eller skriver ett samarbetsavtal med Hela Människan Sverige Riksenheten). Efter sista juni
får tar vi 8 % för att täcka kortavgifter och andra avgifter som är förenat med gåvogivandet.
Ni har möjlighet att byta ut bilden på startsidan till en mer lämplig bild som anspelar på er
verksamhet. Det finns ett tjugotal startbilder inlagt i systemet idag.
Vi börjar med att byta ut bilden
För musen över bilden, och övre högra hörnet kommer två små symboler upp. Klicka på den som
som ser ut som ett kryss.
25
Genom att klicka på detta kryss försvinner bilden och vi kan välja en ny bild.
Klicka på Lägg till bild och välj din startbild. Vill du ha en egen startbild från ett foto du har tagit,
tänk på att vänster sida av bilden bör vara i en jämn färg, ej för ljus då själva bildtexten är i vitt:
Spara (uppdatera) och gå in och kika hur det blev.
26
12 d. Byta ut texten ”Stöd vårt arbete i ortsnamn” som ligger på bilden.
Välj boxen, Gåvogivande och under rubriken Rubrik ändrar du texten:
Testa och skriv en kort klatschig rubrik. Experimentera gärna hur lång texten kan vara för att det
ska funka.
När du har testat klart, lägg in ursprungstexten, Stöd vårt arbete i enhetsnamn, eller någon
annan rubrik du tycker passar er bättre.
Spara (uppdatera) och gör nästa övning.
12 e. Ändra knapptext.
Knappen som ligger under texten, är idag inställd på Ditt bidrag behövs! Ni kanske vill använda en
annan fras lokalt. Du ändrar detta under samma box, Gåvogivande men i detta fall heter
rubriken: Knapptext.
Ändra till den knapptext du vill ha, exprimentera gärna hur lång text som får plats och hur det ser
ut. När du är nöjd och klar, spara (uppdatera) och gå till nästa övning.
12 f. Ändra Välkommen texten
Idag står det som standard, Välkommen till Hela Människan i Falkenberg (eller ert
ortsnamn/enhetsnamn). Denna text ändrar ni enkelt under Boxen Yta under gåvogivande
Ni gör textändringen under rubriken Rubrik / text.
27
Testa även här hur långt man kan skriva utan att det ser tokigt ut.
När du är nöjd spara (uppdatera) och gå till nästa övning.
12 g. Ändra texten i den röda knappen och vart den länkar.
I samma box finns även Knapptexten till den röda rutan.
Den ändrar du under rubriken Knapptext.
Du styr också vart den knappen ska leda när du klickar på den. Standard är att den går till en sida
som heter Vad gör vi?. Men du kan naturligtvis välja att den leder till någon annan sida du tycker
är bättre genom att ändra under rubriken Länkmål för knapp.
När du är klar, spara (uppdatera)
28
13. Skapa en puff (sida) som saknar länken läs mer
(exempelvis som SMS och Swisch sidorna)
En sådan puff kan man använda som exempelvis en faktaruta intill en sida, kontaktinfo till
ansvarig, eller öppettider.
Du skapar en ny sida precis som vanligt genom att gå till menyn till vänster
Sidor – Skapa ny
Gör din sida och namnge smart så du hittar den enkelt bland alla dina sidor. (Öppettider
secondhand, Kontaktperson Ria)
När du har skapat sidan, lagt in text och bild och sen sparat den så kan du nu använda den
som faktaruta på de sidor du önskar.
Eftersom den inte ska finnas med i meny, så behöver du inte läsa in den där heller.
Spara (uppdatera) och gå vidare till nästa övning.
29
14. Göra ett inlägg /nyhet
Gå till vänstermenyn och nästan längst upp finns alternativet Inlägg
Inlägg – skapa ny
Ett inlägg har nästan samma funktionalitet som en sida, man redigerar på samma sätt. Eftersom det
är första gången du gör ett inlägg behöver du precis som när vi gjorde en sida, ta fram funktionen
Utdrag. (se övning 2).
Skapa en nyhet om att du har varit på denna kurs, skriv en liten text och välj någon bild.
Spara sida (uppdatera)
Kika vart nyheten hamnar.
30
15. Lägga till en användare (en till person som kan redigera sidan)
Ni kanske är flera som delar på ansvaret att uppdatera hemsidan. Då kan du som administratör skapa
andra administratörer.
I vänstermenyn gå till Användare och välj Lägg till ny
Välj Lägga till ny användare och fyll uppgifterna som krävs. Användarnamnet skrivs med små
bokstäver, i inga å ä ö, mellanslag eller bindestreck. Ni delar denna funktion med alla enheter vilket
betyder att populära namn så som exempelvis Daniel eller Jenniy är upptagna. Då får du vara lite
kreativ och kalla personen typ, danielborlange om användaren heter Daniel och ska administrera er
sida i Borlänge.
Roll: Ni ska välja rollen Administratör.
OBS! ni ska inte skippa bekräftelsemailet!
När ni fyllt i alla uppgifter rätt, tryck på den blå knappen, Lägg till ny användare.
Då skickas ett mail till personen du har lagt till. Denne person har ett par dagar på sig att godkänna
inbjudan. När denne har godkänt inbjudan får han eller hon ett lösenord och en direktlänk till vart
man ska logga in.
OBS, är personen för långsam, och inte godkänner inbjudan i tid, måste du göra om proceduren.
31
Egna anteckningar
32