Författare av denna guide är Peter Muld och finns att nå på

Transkript

1 3

2 Denna guiden är speciellt anpassad för att redigera sidor som är gjord av Pcconcept till dess kunder. Här kommer vi inte att gå igenom hur du installerar Wordpress på din webbhotell utan endast 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 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. Författare av denna guide är Peter Muld och finns att nå på info@pc-concept.se

3 Logga in på din Wordpress sida. Det borde finnas en länk på din sida till din inloggning, tex. Logga in eller något liknande. Finns det inte det ska du skriva in ditt domännamn följt av /wplogin.php Tex 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ösenordklickar 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.

4 Det här är den första sidan som du får upp när du har loggat in. På bilden ser du att min heter Pc-concept (på den grå raden). Vill du döpa om din så går du in under Inställningar i panelen och vidare till allmänt. På den sidan kan du ändra titeln för webplatsen, 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 här du gör dina snabbinlägg via Snabbpress till höger och du ser de senaste utkasten som du jobbar med.

5 Redigera sidor Du som har en blogg eller hemsida som du uppdaterar med Wordpress kan enkelt gå in och redigera, ta bort eller lägga till nya undersidor. Vi ska börja med hur du redigerar befintlig sida. Klicka på i panelen till vänster. Då kommer alla sidor som finns på din hemsida fram. Klicka på den sidan som du vill redigera. Vid installationen av Wordpress finns en exempelsida med som heter Om, 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 Om 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. 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 Stavningskontroll Fler verktyg Kursiv Punktlista Citering Centrera Länk Infoga mer Fullskärm

6 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. Klicka på den knappen när du vill att texten ska dela sig och det visas en länk som heter Mer klickar man på den kommer resten av texten fram. Under fler verktyg döljer sig lite mer verktyg som man kan ha nytta av. 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). När du har redigerat sidan och du är nöjd kan du förhandsgranska, publicera eller välja när den ska publiceras. Vill du vänta med att publicera den kan du klicka på Redigera efter Publicerat. Då får du 3 alternativ, Publicerat, Väntar på granskning och Spara utkast. Välj Väntar på granskning om du har andra som ska godkänna sidan innan publicering. Spara utkast om du vill fortsätta arbeta med sidan senare.

7 Synlighet betyder om du vill visa det för alla (Publikt) eller om du vill ha ett lösenord på sidan som du kan dela ut till dom som är berörda. Privat är så att bara du kan se den. Under Publicerat den kan du välja när sidan ska publiceras, alltså läggas ut på internet. En mycket bra funktion om man vill lägga ut olika nyheter eller sidor när man är på semester och vill göra färdigt olika inlägg innan.

8 Lägga in bilder Vill du lägga in bilder i din sida använder du dig av Ladda upp/infoga som du ser ovan. Klicka på den första rutan efter Infoga så får du upp en ny ruta som ser ut som rutan nedan. Du kan välja om du vill ladda upp bilden från datorn eller från en adress eller från ditt bibliotek. För att ladda från datorn klickar du på bläddra och sen välj från vart på datorn du vill ladda upp och klicka på ladda upp. Se bilden på nästa sida.

9 Du får upp denna rutan när bilden är uppladdad. 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änkadress och klickar in storleken du vill att bilden ska visas i på sidan. För att den ska öppnas på ett snyggare sätt och vill ha en miniatyrbild på sidan klickar du på Filadress och miniatyr, då får du en lightbox-effekt på bilden. (Kräver att du har wp-jquery-lightbox tillägget installerat vilket alla mina kunder får). När du är klar med dina inställningar klickar du på knappen Infoga i innehåll 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. Nu kan du förhandsgranska dina ändringar innan du publicerar om du är nöjd.

10 Lägga till nya sidor Det är enkelt att lägga till nya undersidor i Wordpress. Med bara några enkla klick så har du lagt till sidorna och placerat dom där du vill ha dom genom att dra dom dit. Gå in under Sidor i panelen, klicka på pilen bredvid sidor. Sedan på Skapa ny. Då kommer det upp en sida som ser ut som den under. Skriv in vilken titel sidan ska ha och ge den det innehållet som ska visas på sidan. Välj vilden mall den ska ha. Standardmall eller One column. Standardmallen är antagligen en mall med 2 eller 3 kolumner medans den andra är som det låter, alltså 1 kolumn, som oftast används när man gör hemsidor. 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. Förälder är om den 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 2 st olika menyer på din sida. En sk topmeny 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.

11 Olika menyer Det kan hända att du har olika menyer på din hemsida. En sk topmeny och en sidomeny. Ibland kan sidomenyn vara olika kategorier i din blogg eller kategorier i nyhetssidan. För att lägga till de nya sidorna du har gjort till din hemsida går du till panelen på vänstersidan. Där klickar du på pilen vid Utseende, då kommer flera val upp. Välj Menyer, då får du upp sidan där du kan flytta sidorna som du vill (Bild1) Temaposition- där ska du inte behöva ändra nåt, men kan ändra vilken av menyerna som ska vara primär och sekundär. Sidor- Här markerar du vilka sidor som ska in i din meny. Har du gjort en ny sida så ser du den här. Välj vilken meny i flikarna och klicka på Lägg till i meny. Du kan sen ta tag i själva sidan och dra den dit du vill ha den (Bild2). Du kan lägga den under andra sidor genom att dra den till höger(bild2). Då lägger den sig som en dropdown-meny Bild 1 Bild 2

12 Skapa nytt inlägg Det finns olika sätt att göra inlägg i sin blogg eller på sin nyhets sida. Man kan göra likadant som när man lägger till nya sidor, då kan du välja när dom ska publiceras och vilken kategori dom ska vara under. Du kan också använda Wordpress Snabbpress som ser ut som bilden nedan och ligger till vänster på din sida när du loggar in. Inlägget hamnar då under kategorin som är förinställd i Wordpress och heter Okategoriserade. Har du en kategori som du använder dig mycket av kan du ändra den förinställda kategorin till den du vill ha under Inställningar och sedan Skriva. Där kan du även ändra redigeringsrutans storlek om du tycker den är för liten. Om du vill göra nya inlägg via panelen och samtidigt lägga till en ny kategori klickar du på Inlägg sedan Skapa nytt. Då kommer du till sidan för ditt nya inlägg. Det fungerar precis som när du lägger till nya sidor men här kan du även lägga till under vilken kategori som inlägget ska ligga.

13 Forts. skapa nytt inlägg Som vanligt skriver du in din titel på inlägget men skillnaden på sidor och inlägg är att titeln på en sida blir sidans namn, den titeln hamnar på menyknappen medans titel på inlägget blir just titel på inlägget. Menyknappens namn blir kategorin som du väljer att lägga den i. Vill du lägga till en ny kategori klickar du på + Lägg till ny kategori som du ser nere till höger på bilden. Om du vill lägga inlägget under en annan kategori klickar du helt enkelt i den kategorin du vill lägga inlägget under. Vill du kan du även lägga till dina kategorier i din meny där du har sidorna. Då går du till Panelen till vänster, sedan Menyer som vi var förut, istället för att välja sidorna som ska läggas till väljer du helt enkelt vilka kategorier som ska ligga på vilken meny. Vill du att kategorierna ska vara där dom är så behöver du inte ändra något här.

14 Om du vill att det ska vara möjligt att kommentera sidan eller dina inlägg Finns längre ner på sidan en ruta som heter Diskussion. Där kan du välja om detta ska vara möjligt eller inte. Denna funktion används mest om man har en blogg och vill ha kommentarer på sina inlägg. I version 3.1 har man gömt undan lite möjligheter under panelinställningar. Se nedan Det nedan gäller version 3.1 och senare I version 3.1 har den här rutan försvunnit. För att få fram den igen gå in på Sidor > ny sida, sedan klickar du på Panelinställningar uppe till höger (här markerat med rött). Om du vill ha möjlighet att välja bort visa kommentarer bockar du för Diskussion (markerat med rött). Denna vanliga rutan kommer upp under editorn och du har nu möjlighet att välja att tillåta kommentarer eller ej genom att bocka i rutan nedan som är markerad med rött.

15 Footer Alla hemsidor har en Footer. Den finns längst ner på alla hemsidor och där kan man lägga in information om företaget tex telefonnummer och . För att se vad som står i din footer går du till panelen och vidare till Utseende. Här klickar du på Footer, då kommer allt som står i din footer upp. Här kan du använda dig av både html och vanlig text. Är du inte bekant med html så ska du inte ändra på något av det utan ändra bara på den texten som ser vanlig ut. En footer kan se ut som nedan. Här ser man ganska tydligt vad man kan ändra på och vad som är html. När du har gjort dina ändringar klickar du på Save changes. Glöm inte att titta på själva sidan så att det ser ut som du tänkt dig. I en del versioner ligger Footern inne i Theme options. Fortfarande under Utseende och sedan Theme options. Där kan du göra flera olika val som har med ditt tema att göra. Bla kan du kryssa i om du vill att Rubriken och din slogan ska synas. Du kan välja om det ska finnas navigationslänkar ovanför eller under inläggen och vad det ska stå i Footern.

16

17

18 Navigeringsetikett Namnet på menyknappen (navigeringsetiketten) och rubriken på sidan behöver nödvändigtvis inte vara samma, men funktionen i Wordpress gör att det blir så. Det kanske är onödigt att menyknappen heter tex Startsida och rubriken på sidan är Startsida. Det enklaste sättet att ändra på detta är att döpa sidan till det som ska stå som rubrik, tex Välkommen till oss. När du har gjort det och uppdaterat går du till Menyer i panelen. Då kommer denna sidan upp och du ser vad dina sidor heter. Överst ligger sidan som heter Välkommen till oss. Klicka på pilen bredvid SIDA. Sidan öppnar sig då och du kan ändra sidans namn under Navigeringsetikett. Där det står Välkommen till oss skriver du in det namnet du vill ha på sidan. Klicka sedan på Spara meny som du ser på bilden över. Då får du olika texter på rubriken och menyknappen.

19 Widgets Det finns massor av olika widgets till Wordpress och det blir bara fler hela tiden. Några av dom widgets som är med i Wordpress från början är bla en kalender som visar när du gjorde dina inlägg och en sökruta, senaste inläggen och senaste kommentarerna. Vill du lägga till eller ta bort widgets går du till panelen och klicka på pilen vid Utseende, efter det Widgets och denna sidan kommer upp. Så här ser Primary Widget Area ut när man har öppnat den. Här kan du ta bort och lägga till widgets genom att dra dom dit du vill ha dom. Du kan ändra ordning genom att bara flytta dom. Vill du lägga in text eller html drar du dit widgeten Text och öppnar den med pilen. Du kan ge den en titel och lägga in det du vill ha. Klicka på spara och widgeten syns direkt på sin sida.

20 Olika teman har olika stöd för widgetar. De teman som jag gör har alla stöd för de widgeta areas du ser nedan. Använder du dig av Primary och Secondary Widget Area kommer det du publicerar här visas i en av dina två sidokolumner om ditt tema stödjer det. På hemsidor kanske den bara finns på nyhetssidan. Har du endast en kolumn kan du använda dig av Top eller Bottom Widget Area. Innehållet hamnar då över eller under det andra innehållet på sidan. Det finns även 4 st Footer Widgets som du kan använda dig av. Jag föreslår att du provar dig fram och ser vad som passar din sida bäst.

21 Wordpress 3.1 Sen 3.1 kom har det hänt en del med Wordpress. En nyhet var att man kan internlänka till annat innehåll på sidan. Man gör som vanligt, markerar texten man vill länka, klickar på länk-knappen och får upp denna rutan. Här kan du välja att skriva in adressen direkt eller söka efter innehåll. Du kan också välja någon av sidorna nedan att länka till. En bra funktion som gör Wordpress ännu starkare som cms. En annan bra funktion är att man har valt att lägga en extra admin-meny högst upp på sidan när man är inloggad. Man kan göra allt som kan göras inne på själva adminsidan. Även om du har flera webbplatser i din wordpress. Det gör det lättare att ändra på sidorna utan att behöva gå in i panelen och leta upp rätt inlägg eller sida.

22 Plugins Plugins eller Tillägg som dom heter på svenska är något som finns i mängder till Wordpress. Det finns tillägg som kan visa och göra det mesta, tex visa de senaste nyheterna på vilken sida som helst och för sökmotoroptimering. Några tillägg lägger jag in direkt och tycker att man ska ha på sidan, och några är bra plugins som kunder har frågat efter. Nedan ser du en lista på vad jag anser vara det bästa tilläggen: Akismet (Ligger med i Wordpress från början och förhindrar spam) Fast Secure Contact Form (Ett bra och enkelt kontaktformulär) Custom Contact Forms (Ett kontakt formulär som du kan lägga till allt du vill ha) Swf Obj (Gör det mycket enkelt att lägga in flashfilmer i sidan) wp-jquery-lightbox (Gör det möjligt att visa bilder med lightbox effekt) SexyBookmarks (Detta tillägg gör att du kan dela sidan på tex Facebook, Twitter, Blogger mm mm) Secondary HTML Content (Gör att du kan ha fler rutor med olika innehåll på alla sidor) Recent Posts Embed (Visa dina senaste inlägg på vilka sidor du vill) WP e-commerce Plugin (En webshop på sidan) All in One SEO Pack (Sökmotoroptimera din sida med det här tillägget, det funkar helt ok) Google Analytics for WordPress (Ett suveränt tillägg för att visa statistiken för din wordpress sida genom Google analytics) Nextgen gallery (Bästa pluginet för att göra fotogallerier) Booking calendar (Boka online tex för hotell eller artister) Gigpress (För artister, visa din turneplan snyggt och enkelt) Alla dessa tilläggen är gratis och går att hitta på: Vissa av dom kommer med en länk till författaren men är helt fria att använda. Väljer man att köpa tillägget så försvinner reklamen och en del av tilläggen har många fler funktioner som man får med när man köper det som tex Booking calendar.

23 NexGen Gallery är det absolut bästa pluginet att använda till bilder än så länge. Det är mycket enkelt att lägga till nya bilder till dina gallerier. För att administrera och lägga till nya gallerier och bilder på den sidan som galleriet ligger på, går du längst ner på panelen till vänster och klickar på Gallery, då får du upp rutan nedan. För att lägga till bilder & gallerier klicka på Add Gallery / Images och för att redigera gallerierna klicka på Manage Gallery. Som du ser på flikarna ovanför Upload Images kan du välja vad du vill göra här. För att bara lägga till bilder klicka på pilen bredvid Choose gallery och välj det galleriet som du vill ha fler bilder i. Klicka sedan på Browse och välj bilden som du vill ha med på sidan på sidan. Nu ska bilden ligga på den sidan som du vill ha den. Svårare än så är det inte. Vill du ändra något som har med bilderna att göra, tex texten som visas när du för markören över bilden, klickar du helt enkelt på Manage gallery och väljer det galleriet där bilden som du vill ändra ligger.

24 Då kommer denna bilden upp. Välj galleriet du vill in på, i det här fallet finns bara ett galleri som heter nyhetsgalleri. Galleriet öppnar sig och ser ut liknande det nedan. Ändra texten under Alt & Title Text / Description eller ta bort den om du inte vill att något ska visas när man för markören över den. För markören ovanpå de olika bilderna för att få fram alternativet för att redigera den lilla bilden (thumb) som visas på sidan.vill du ändra den bilden, klickar du på Edit thumb och väljer det området som du vill ska visas på den lilla bilden.

25 För att lägga till ett nytt galleri på någon sida klickar ni på Add Gallery / Images och väljer ett namn för ditt galleri, här har jag valt testgalleri. Sedan väljer ni Add gallery och då är det viktigt att ni noterar det som kommer upp. Som du ser i det färgade området ovanför står det You can show this gallery with the tag [nggallery id=4]. Just texten [nggallery id=4] ska skrivas in på den sidan som du vill visa ditt nya bildgalleri. Varje galleri får en egen siffra som id. Det är det enda som skiljer dom åt. Galleriet kommer att visas så fort du skriver in det i sidan och uppdaterar den. Hör gärna av er till mig om ni saknar något i guiden, jag försöker uppdatera och lägga in fler funktioner när jag hinner. // Peter