Manual Webbredaktör NY

Sveriges Föreningar
Manual för webbredaktör på XXX webbplats
Webbplatsen är byggda i Wordpress, ett modernt publiceringsverktyg med fokus på utseende,
webbstandard och användarvänlighet. OBS uppdatera aldrig Tema Mystique
Läs igenom denna manual innan du börjar ändra något på din webbplats. Har du frågor, så
tveka inte att kontakta webbplatsens admin: Ivar Scotte [email protected]
Logga in som redaktör
Gå till www.xxx.sverigesforeningar.se/wp-admin och logga in med:
Användarnamn:
xxx
Lösenord:
xxx
Du kommer då till Adminpanelens startsida som ser ut som på bilden här nedanför. Här kan
du se att webbplatsen innehåller att antal färdiga webbsidor. Du ser under rubriken Just nu att
det finns följande innehåll: 1 inlägg, 8 sidor, 5 kategorier och 1 etikett.
Adminpanelen är ”baksidan” eller ”insidan” av er webbplats. Här finns det ett antal
funktioner som du kan använda för att ändra informationen som visas på webbplatsens
publika sidor.
1
Funktionerna öppnas då klickar på dess namn i vänstermenyn. De funktioner som vi ska gå
igenom är: Inlägg, Sidor, Participants Database och WP Nano Ads. Övriga funktioner ska
du inte bry dig om!
Inlägg - att skriva nya inlägg (nyheter på förstasidan)
Inlägg som skrivs i Wordpress kommer att visas på framsidan av bloggen. Alla inlägg som är
postade visas i kronologisk ordning, det vill säga det senast postade inlägget kommer att visas
överst på sidan.
För att börja skriva ett nytt inlägg, följ denna guide:





Klicka på menyvalet Inlägg och klicka sedan på Nytt inlägg eller välj i snabbmeny i
sidhuvudet Nytt inlägg i vänstra menyn i din adminpanel.
Skriv en passande titel till blogginlägget (nyheter).
Skriv en text i den stora textrutan.
Välj en kategori till inlägget. (Om ett kategorinamn inte finns, kan du skapa en ny
genom att lägga till en ny via länken +Lägg till ny kategori). Se bilden nästa sida.
Om inlägget inte är färdigskrivet och du vill fortsätta senare, tryck på knappen Spara
utkast, annars tryck på Publicera för att göra inlägget publikt för dina besökare.
2
Permalänkar
När du har skrivit in en titel på
inlägget, så kan du se vilken
”permalänk” inlägget kommer
att få. Ändra denna till något
kortare vid behov. Tänk på att
inte använda svenska tecken
som å, ä, ö eller mellanslag. På
detta sätt får varje inlägg en
egen direktlänk som är lätt att
komma ihåg och hitta.
Tidsinställt inlägg
Om man vill att ett inlägg ska postas (visas i bloggen)
vid en specifik tidpunkt och kanske inte har möjligheten
att posta inlägget just då så kan man välja att göra
inlägget tidsinställt.

I panelen bredvid ditt inlägg så har du under
Publicera valet Redigera vid
publiceringsdatum. Klicka på den blå
länktexten, så får du fram alternativ.

Här kan du nu ange en tid i framtiden när du vill
att inlägget ska visas publikt
3
Lösenordsskydda inlägg
Om du bara vill att vissa ska kunna ta del av inlägget på din sida så kan du välja att
lösenordsskydda det genom att klicka på Redigera vid Synlighet i publicera-panelen och där
markera "Lösenordsskyddat" och i fältet "Lösenord" anger du det lösenord som besökaren
måste ange för att se inlägget och klicka sedan ok. Det kan vara användbart om du t ex ska
e-posta en länk till styrelsen och hänvisa till en lösenordsskyddad sida. Glöm då inte att skriva
lösenordet i mejlet.
Klistra inlägg till förstasidan
Du kan välja att klistra ett viktigt inlägg till första sidan.
Detta gör du genom att klicka på Redigera vid Synlighet i
panelen Publicera. Sedan bockar du för valet Klistra detta
inlägg till förstasidan. Då syns det alltid först, dvs överst på
förstasidan.
Ett klistrat inlägg till skillnad från ett "vanligt" inlägg lägger
sig alltid först, även om du publicerar nya inlägg vid ett senare
tillfälle. Ett klistrat inlägg ligger alltså alltid före nya inlägg.
Etiketter
Etiketter är korta innehållsord som kort beskriver vad ditt inlägg handlar om. Om du använder
Etiketter så ska du ange de etiketter du vill associera till inlägget. (Etiketter även kallade
taggar, tags). Dessa visas i ett taggmoln i högerspalten så att besökaren enkelt kan klicka på
ett ord och se alla inlägg som hör till det taggade ordet.
Ange utvald bild
För att lägga till en bild till ditt inlägg, så klickar du längst nere till
höger på länken Ange utvald bild.
På webbsidan som kommer upp kan du välja en bild ur ditt
mediabibliotek, dvs bilder som redan finns på servern. Du kan
även välja att ladda upp en ny bild från din hårddisk. Klicka då på länken Ladda upp filer.
När du valt en bild klickar du på knappen Ange utvald bild längst nere till höger. När du är
klar med inlägget klickar du till höger på knappen Publicera eller Uppdatera.
4
Lite kort om gränssnittet - enkel WYSIWYG-redigering
WYSIWYG-redigering (från engelskans "What You See Is What You Get", på svenska "vad
du ser är vad du får") innebär att textens formateras medan du skriver. WYSIWYG-editorn
skapar HTML-koden i bakgrunden medan du koncentrerar dig på att skriva. Man ser typsnitt,
länkar och bilder precis som de kommer att se ut på internet.
WordPress inkluderar en visuell redigerare som funkar bra i de flesta moderna webbläsare
som används idag.
När man använder redigeraren så funkar kortkommandon precis som i vilken annan
textredigerare som helst. Som exempel Shift+Enter infogar en ny rad, Ctrl+C = Kopiera,
Ctrl+X = klipp ut, Ctrl+Z = återställ, Ctrl+Y = gör om, Ctrl+A = markera allt osv. (på MAC
använd Command tangenten istället för Ctrl).
Avancerad WYSIWYG-redigering
Bilder och bilagor
Knappen Lägg till media ser ut som en kamera
med en musiknot bredvid sig. Denna knapp
använder du för att infoga bilder/dokument/filer
på den specifika sidan.
Klicka på den här knappen och välj rätt flik: Från
dator/Från adressen/Mediabibliotek.
När du har valt de inställningar du önskar klickar du på "Infoga i inlägg" och din bild eller fil
kommer att infogas i inlägget som du redigerar.
Överkurs
HTML i WYSIWYG-editorn
All HTML du skriver in direkt i WYSIWYG-redigeraren kommer att synas som text när man
läser inlägget. Vad du ser är vad du får. Om du vill inkludera HTML-element som inte kan
läggas till med verktygsfältets knappar måste du skriva in dem för hand i HTML-redigeraren.
Exempel på sådana är tabeller och <code>. Tryck på HTML-knappen och redigera koden för
att göra detta och tryck sedan på Uppdatera. Om koden är giltig och redigeraren förstår den
kommer du genast att se den på skärmen.
Klistra in text
När man klistrar in innehåll från en annan webbplats så kan resultatet bli knasigt beroende på
vilken webbläsare du använder och från vilken sida du kopierar. Redigeraren försöker alltid
att rätt till felaktig HTML som postas, för bästa resultat så bör du använda HTML-läget eller
en av klistra-in-knapparna. Alternativt så kan du försöka att kopiera paragraf för paragraf. I de
flesta webbläsarna, för att markera en paragraf, trippel-klicka på densamma. Att klistra in
innehåll från en annan ordbehandlare så som Word eller Excel gör du bäst genom att använda
knappen "Klistra in från Word" eller i HTML-läget.
5
Sidor - att ändra eller skapa nya (syns i huvudmenyn överst)
Sidor kan användas för att publicera material som, till skillnad från de flesta inlägg, inte är
knutna till en viss tidpunkt. Det finns ett antal färdiga sidor som du måste redigera och fylla
med er information. Klicka på Sidor i vänsterspalten och håll sedan musen över en sidas
rubrik. Då ser du flera länkar. Klicka på Redigera för att öppna en sida. Skriv text och ändra
det som behövs. Håll musen över verktygen i verktygsraden så ser du vad verktygen kan
användas till. När du är klar med dina ändringar klickar du på den blå knappen Uppdatera i
högerspalten.
För att skapa en helt ny sida, följ denna guide:





Klicka på menyvalet Sidor eller använd snabbmenyn i admindpanelens sidhuvud och
välj Ny sida.
Klicka på undervalet Skapa ny.
Skriv en passande titel till sidan.
Använd den stora textrutan för att ange ditt innehåll för sidan.
Om du inte skriver färdigt sidan och du vill fortsätta senare, trycker du på knappen
Spara utkast och annars tryck på Publicera för att göra sidan synlig.
Permalänkar
När du har skrivit in en titel på sidan, så kan du se vilken ”permalänk” sidan kommer att få.
Ändra denna till något kortare vid behov. Tänk på att inte använda svenska tecken som å, ä, ö
eller mellanslag. På detta sätt får varje sida en egen direktlänk som är lätt att komma ihåg och
hitta.
Sidattribut
När du skapat en sida kan du också välja i vilken
ordning denna sida ska visas i förhållande till andra
sidor i menyn genom att välja detta i sektionen
Sidattribut och Ordning till höger om inmatningen
för innehållet.
Välj Förälder under "Attribut" till din nyskapade
sida om den ska ligga under någon annan sida.
Sidan hamnar då i drop-down-menyn
(huvudmenyn) under sin förälder i nummerordning.
Om du väljer ”utan förälder” så hamnar sidan överst
i huvudmenyn, som ett nytt val.
Val för Mall finns i samma panel. Välj alltid det
förvalda ”Standardmall” så att högerspalten visas på
alla sidor.
6
Participants Database – att lägga in föreningar
På sidan Föreningar på din webbplats finns funktioner som listar, sorterar och söker på
inlagda föreningar. De måste därför sparas i en databas. Här visar vi hur du gör!
Klicka på Participants Database i vänsterspalten. Då visas en sida med de föreningar som är
inlagda, List Participants, som på denna bild:
Föreningarna som ligger här är demo-föreningar, som du kan ändra eller ta bort. Du ändrar en
förening genom att klicka på Edit (blå länk). Då öppnas den föreningen och du kan ändra
text, länk till föreningens webbsida, kontaktinformation etc. Alla fält är självförklarande. Du
behöver inte fylla i alla fält.
Här kan du även ladda upp en ny logotyp. Se bild nästa sida.
Logotypen bör du ha gjort i ordning så att den är anpassad för webben och sparad i något av
formaten gif, PNG eller jpg. Logotypen bör vara 300 pixlar bred (300px) för att det ska se bra
ut listan som visas på undersidan Föreningar.
7
Glöm inte att spara dina ändringar genom att
klicka Submit längst ner på sidan. Om något
blir fel kan du alltid gå tillbaka genom att klicka
Edit bredvid en förening igen.
För att lägga in en ny förening i listan så klicka
du på Add Participant i vänsterspalten. Då
öppnas en sida som ser ut som på bilden här
nedanför. Som du ser har denna sida samma fält
som förra sidan (Edit-sidan).
8
Länkar
Klicka på Inställningar i vänsterspalten. I undermenyn klickar du sedan på Mystique Nav
Icons. Dä kommer du till en sida som ser ut som på nedanstående bild.
Om ni har en Facebook-sida så kan du skriva in den länken i fältet till höger. Om ni inte har
Facebook så ska du dra f-symbolen från den gröna rutan ner till det stora fältet, där alla icke
aktiva ikoner finns (Disabled icons).
Den orange första länken, som ligger till vänster, är en rss-länk som visar ett nyhetsflöde för
er webbplats. Den skapas automatiskt. Låt den stå som den är.
Om ni har Twitter så kan du helt enkelt dra Twitter-symbolen till det gröna fältet. Sedan
skriver du in länken i avsedd ruta till höger. Likadant gör du om ni har en YouTube eller
något annat du vill länka till.
Samarbeten (WP Nano Ads)
På din webbplats syns några logotyper under rubriken Samarbeten i högermenyn. Dem
kanske du vill ändra. Du kan ta bort dessa och lägga till andra, som då fylls på nedanför. Du
kan använda denna plats för logotyper eller bilder, men även för annonser om det skulle vara
aktuellt. Därför kallas denna funktion Banner eller Ad.
Börja med att ladda upp en logotyp till mediabiblioteket. Det gör du genom att klicka på
Media och sedan Lägg till i vänstra menyn. Till fältet Släpp filer här kan du dra en logotyp
från din hårddisk eller så kan du klicka på knappen Välj filer och ladda upp på vanligt vis.
När du gjort det så ska du kopiera platsen där logotypfilen finns, dvs filens URL.
Klicka därefter på WP Nano Ads längst ned i vänstra spalten i din Admin-panel. I
undermenyn klickar du sedan på Add Link. Då kommer du till en sida som ser ut som på
nedanstående bild.
9
Här fyller du i länk (Link URL) till den webbplats som du vill länka till, när man klickar på
bilden/logotypen. Själva bilden blir alltså klickbar.
Till vänster om knappen Upload image ska du klistra in den URL som du har i minnet (som
du nyss kopierade). Fältet heter Enter an URL…
Fyll i text som visas då man för musen över bilden (Link Title Text). På Link Attributes är
det bäst att välja att länken ska öppnas i ett nytt fönster, så att du inte förlorar besökaren från
din webbplats. Klicka alltså i New Window or Tab, som på bilden nedan.
Fyll i startdatum (Start Date) för när logotypen/annonsen ska börja visas och även slutdatum
(End Date). Om du skulle ta betalt för annonsplatsen är detta väldigt praktiskt. Om inte, så se
till att du fyller i ett slutdatum långt fram i tiden, så att inte logotypen plötsligt slutar visas.
Skriv in något beskrivande på ägarens namn (Link Owner Name) och en e-postadress (Link
Owner Email). Alla dessa fält är obligatoriska. Klicka Save när du är klar.
10
Om du vill ändra eller ta bort en logotyp under Samarbeten, så klickar du på Links i
vänsterspalten. Då ser du en lista över alla sparade Nano Ads. Här kan du klicka Edit
(redigera/ändra) eller Delete (radera) bredvid respektive rad.
När du klickar Edit så kommer du till en sida som ser ut precis som på ovanstående bild, med
den skillnaden att du nu ser den sparade logotypbilden. Här kan du välja att fylla i en ny URL
till en logotyp, som då ersätter den tidigare. När du är klar med eventuella ändringar klickar
du Save.
11