Uppdaterad 20131029 WORDPRESSGUIDE 2013 Sida 1
WordPress är ett modernt publiceringsverktyg med fokus på utseende, webbstandard och användarvänlighet. Det perfekta verktyget för både privatpersoner och företag. WordPress är gratis och ovärderligt på en och samma gång och används idag för miljontals hemsidor och bloggar. Denna guiden jag har gjort är inriktad på hur man uppdaterar i Wordpress generellt, men beroende på alla olika teman så skiljer sig en del funktioner åt. Wordpress uppdateras hela tiden, även utseendet i redigerarvyn och vissa funktioner ändras, därför kan det hända att vissa funktioner har ett annat utseende än i denna guiden som är gjord av Wordpress 3.7 Här kommer vi inte att gå igenom hur du installerar Wordpress på ditt webbhotell utan endast hur du redigerar innehållet på din sida, lägger till nya undersidor, ändrar innehållet i footern, mm. Är det någon annan som finner den användbar så får den gärna användas för att lära andra och sig själv om publiceringsverktyget Wordpress så länge den används gratis. All försäljning av denna guide är strängt förbjuden och kommer att anmälas. Hoppas att ni finner denna guiden användbar. Författare av denna guide är Peter Muld och finns att nå på tel 070-6029849 och på mail info@pc-concept.se WORDPRESSGUIDE 2013 Sida 2
Innehåll Presentation... 2 Olika funktioner i Wordpress... 7 För att ändra en befintlig sida.... 8 Lägga in text och redigera text... 9 Nya sidor och inlägg... 10 Förälser... 11 Förstå redigerarknapparna... 12 Lägga in bilder och filer... 13 Tillägget wp-jquery-lightbox... 16 Länka innehåll... 17 Utvald bild... 18 Publicera sidan... 19 Olika menyer... 21 Skapa nytt inlägg... 22 Kommentarer... 23 Footer... 24 Twenty Eleven footer... 24 Twenty Twelve footer... 24 Twenty Thirteen footer... 24 Footer Theme Options... 25 Navigeringsetikett... 26 Widgets... 27 Länkar... 29 Lägga till en ny användare... 30 Ta en säkerhetskopia på webbplatsen... 31 Uppdatera din wordpressinstallation... 32 Enklare ändringar i ditt tema... 33 Plugins och NextGen Gallery... 34 WORDPRESSGUIDE 2013 Sida 3
WORDPRESSGUIDE 2013 Sida 4
Logga in Finns det inte någon inloggningslänk på din hemsida ska du skriva in ditt domännamn följt av /wp-login.php Tex www.dindomän.se/wp-login.php Då kommer du till din inloggning som är liknande den nedan. Skriv in ditt Användarnamn och lösenord som du fick när du beställde din sida. Har du glömt av ditt lösenord klickar du på Glömt lösenordet? Och rutan nedan dyker upp. Fyll i din e-post som du har i din Wordpress-sida och ett nytt lösenord skickas till dig. WORDPRESSGUIDE 2013 Sida 5
Administrationspanelen Det här är den första sidan som du får upp när du har loggat in. Nu är du inne i administrationspanelen. På bilden ser du att min hemsida heter Min sida (på den grå raden). Vill du döpa om din så går du in under Inställningar i panelen till vänster och vidare till allmänt. På den sidan kan du ändra titeln för webbplatsen, slogan och e-post. I mitten under Just nu ser du allt som du har på din hemsida just nu. Alla inlägg, sidor, kategorier, kommentarer mm. Du ser även vilket tema du har på din hemsida. Under ser du de Senaste kommentarerna och Inkommande länkar. Du kan gå in under Senaste kommentarer och förkasta, svara redigera, skräppostmarkera eller slänga i papperskorgen med dom kommentarerna som du vill redigera. Det är även här du kan göra dina snabbinlägg via Snabbpress till höger och du ser de senaste utkasten som du jobbar med. WORDPRESSGUIDE 2013 Sida 6
Olika funktioner i Wordpress En grå menybar som lägger sig överst på sidan när du är inloggad, både i redigerarläge och när du är på hemsidan. Du kan ta bort den genom att gå in på din profil och bocka ur rutan Visa verktygsrad på framsidan. Nedan ser du en sk multisite som gör att man kan ha fler webbplatser på samma Wordpressinstallation. Därför ser denna kanske lite annorlunda ut än den som ni har, men det fungerar ungefär på samma sätt. För att se vad som döljer sig i menyerna till vänster kan man lägga muspekaren över menyn, då kommer undermenyerna upp till höger om, på så sätt blir det mycket lättare att navigera på sidan. Menyn på vänstersidan kan se olika ut beroende på hur många tillägg man har installerat på webbplatsen. Som ni ser finns det en meny som heter Gallery längst ner som kommer från ett plugin som heter NextGen Gallery som jag har installerat här. Du kan ta tag i de olika klossarna och flytta runt dom så att sidan passar dig. Du kan även gå in under Panelinställningar högst upp till höger och bocka ur eller i det du vill ska visas på skärmen. WORDPRESSGUIDE 2013 Sida 7
För att ändra en befintlig sida. WORDPRESSGUIDE 2013 1. Surfa till sidan du vill ändra i webläsaren, är det ett inlägg du vill ändra så surfar du till inlägget. 2. I den grå menyn högst upp på din sida ser du en liknande bild som den nedan 3. Där väljer du Redigera sida eller Redigera inlägg 4. Du kommer nu direkt till redigeringsläget på den sidan som du har valt. Sidan som öppnar sig ser liknande ut den nedan. Vid installationen av Wordpress finns en exempelsida med som heter Exempelsida, den sidan ska jag nu visa hur man redigerar. Så här ser sidan ut som du får upp. Vill du byta namn på den markera Exempelsida och skriv in det namn du vill ha, du bör även ändra permalänken så ett även den visar det namn du valt. Klicka på redigera och skriv in namnet. WORDPRESSGUIDE 2013 Sida 8
Lägga in text och redigera text WORDPRESSGUIDE 2013 Om du har en färdig text som du har gjort i word kan du klistra in den genom att klicka på Text högst upp i rutan. Klistrar du in word i det Visuella läget kan det hända att det kommer med HTML- koder från word och sidan kan se väldigt konstig ut i webläsaren. I detta text- läget kan du som är bekant med HTML skriva koder som du vill ha med. Du som inte är så bekant med detta bör använda dig av visuellt läge. I visuellt läge lägger du in text genom att lägga markören i rutan och skriva texten du vill ha med. Du kan lägga in olika listor, göra texter feta eller kursiva, göra texter vänsterställda, centrerade eller högerställda rubriker, färglägga texter, göra understruken text och göra. Om du bara har 1 rad på textredigeraren klickar du på så får du upp en rad med knappar till. Det finns ett antal knappar till som du kan använda. Prova dig fram för att se vad som passar på din sida. Tänk på att markera texten som du vill redigera med knapparna och sedan välj vad du vill göra. Längre fram i guiden går vi igenom alla knapparna som finns med. WORDPRESSGUIDE 2013 Sida 9
Nya sidor och inlägg Det är enkelt att lägga till nya sidor i Wordpress. Med bara några klick så har du lagt till sidorna och placerat dom där du vill ha dom genom att dra dom dit. 1. Håll markören på Sidor i panelen, välj Skapa ny. Då kommer det upp en sida som ser ut som den längst ner. 2. Skriv in vilken rubrik sidan ska ha och ge den det innehållet som ska visas på sidan. Välj vilken mall den ska ha. Standardmall, Fullbreddsmall, utan sidofält eller Mall för startsida. Det finns olika val beroende på vilket tema du har installerat. Just här jobbar vi med Twenty twelve som är Wordpress näst senaste tema. Standardmallen är en mall med 2 eller 3 kolumner medans den Fullbredddsmall är som det låter, alltså 1 kolumn, som oftast används när man gör hemsidor. Mall för startsida är i detta temat en mall med en speciell widget till. Om du inte vet vilken du ska ha kan du prova dig fram, du kan alltid ändra senare. Välj när den ska publiceras och glöm inte kryssa i om folk ska kunna kommentera eller inte. WORDPRESSGUIDE 2013 Sida 10
Förälder Förälder är om sidan ska ligga under en annan sida, som en dropdownmeny, välj där vilken sida den ska ligga under eller om den inte ska ha någon förälder. Det är troligt att du har olika menyer på din sida. En så kallad toppmeny och en sidomeny, har du det så kommer inte din nya sida visas där du vill ha den om du inte går in på rätt ställe och ställer in det dvs under menyer. Har du det behöver du inte välja förälder utan det väljer du när du för att den ska visas som en dropdown Här visar vi ett annat sätt att lägga till en ny sida. På den gråa menyn kan du välja att lägga till nya sidor, inlägg, länkar, användare mm. 1. På vilken sida som helst kan du i detta läge gå till Nytt. När du lägger muspekaren på texten så kommer dropdownmenyn du ser nedan. 2. Välj det du vill göra, nytt inlägg, ny sida eller något annat. 3. När du gör nya sidor, tänk på att du måste lägga till sidan i menyn. Sedan fungerar det på samma sätt som vi har beskrivit ovan. WORDPRESSGUIDE 2013 Sida 11
Förstå redigerarknapparna WORDPRESSGUIDE 2013 Jag ska börja med att gå igenom de olika knapparna på den övre raden. Fetstil Genomstruken Sifferlista Vänsterjustera Högerjustera Ta bort länk Fler verktyg Kursiv Punktlista Citering Centrera Länk Infoga mer Fullskärm För att använda dig av de olika knapparna markerar du den texten du vill redigera, klickar på fetstil om det är det du vill ha, och texten ändrar sig. Infoga mer funktionen är en funktion som man har nytta av om man skriver mycket text men inte vill att allt ska visas direkt (fungerar på inlägg men inte sidor). Klicka på den knappen när du vill att texten ska dela sig och det visas en länk som heter Läs mer klickar man på den kommer resten av texten fram. Olika textutseende Fulljustera Klistra in som enkel text Ta bort formatering minska indrag Ångra Hjälp Understruken Textfärg Klistra in från Word Specialtecken Indrag Gör om 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). WORDPRESSGUIDE 2013 Sida 12
Lägga in bilder och filer WORDPRESSGUIDE 2013 Vill du lägga in bilder eller andra filer i din sida använder du dig av Lägg till media knappen som du ser ovan. Du kan sedan välja att ladda upp från datorn eller från mediabiblioteket där filer och bilder hamnar efter du har laddat upp dom. Du kan dra in filerna till rutan som du ser nedan om du vill. För att ladda från datorn klickar du på Välj filer och sen välj vart på datorn du vill ladda upp ifrån och klicka på ladda upp, eller så tar du tag i filen/bilden som du vill ladda upp och drar in den i rutan. När bilden är uppladdad markerar du den bilden och väljer Titel, Rubrik och inställningar för Justering och länk. Vill du att man ska se fotonamnet när man för musen över bilden, kan du ge den vilket namn du vill under Titel. Om bilden inte ska vara klickbar klickar du på knappen Ingen under Länk till och klickar in storleken du vill att bilden ska visas i på sidan. Vill du ha bilden klickbar, klickar du på Mediafil efter Länk till, då får du en lightboxeffekt på bilden. WORDPRESSGUIDE 2013 Sida 13
Lightboxeffekt (Detta kräver att du har wp-jquery-lightbox tillägget installerat eller något annat tillägg med lightbox funktion som vi kommer att gå igenom när vi visar hur man skapar ett galleri i Wordpress). När du är klar med dina inställningar klickar du på knappen Infoga på sida I Wordpress är miniatyrerna inställda till storleken 150x150 px. Vill du ha en annan storlek ändrar du det under Inställningar och sen Media. Du kan naturligtvis välja att göra dessa inställningar efter du har lagt in bilden genom att klicka på den och välja ikonen. Där kan du göra samma inställningar som du gör när du laddar upp bilden. Vill du radera bilden klickar du på den andra ikonen. WORDPRESSGUIDE 2013 Sida 14