Introduktion Till WordPress

Transkript

1 Introduktion Till WordPress

2 Vad är WordPress? ett blogg- och innehållshanteringssystem skrivet i PHP och som använder databasen MySQL för datalagringen Wordpress har under åren utvecklats från ett bloggsystem till att även kunna hantera hela sajter likt ett mer avancerat CMSsystem - Wikipedia

3 Content Studio Ett mer komplett CMS än WordPress Professionell användning

4 Installera WordPress Fyll i sajtnamn, användarnamn, lösenord och -adress Tillåt sökmotorer att indexera er sida (Default) Installera WordPress Logga in

5 Ni har nu en webbsida! Det är egentligen en blogg nu Men bloggsystemet går att använda som CMS Ni kan titta igenom guiden First Steps with WordPress Den är för bloggande Det finns mycket information om WordPress som CMS på webben

6 Generalla inställningar

7 Dashboard Administrationssidan i WordPress

8 Dashboard Här hanterar ni all information på sidan Posts Inlägg i en blogg Kan kategoriseras Pages Nya enskilda sidor Om ni skriver inlägg kan WordPress automatiskt skapa sajtnavigation åt er Med ett plug-in får ni det för alla sidor också T.ex. wp sitemap page

9 Inlägg (Posts) Ni ser i Dashboard hur mycket innehåll som finns på er webbplats

10 Kategorier Innan ni skriver blogginlägg ska ni skapa kategorier för dem Det går att kategorisera om dem

11 Kategorier När ni skriver inlägg så bestämmer ni vilken kategori det ska vara på inlägget

12 Skriv inlägg

13 Publicering Spara utkast Om ni inte vill publicera det direkt Förhandsgranska Bestäm när det ska publiceras

14 Taggar Ska vara intressanta Om ni vill ha många som följer er blogg

15

16 Lägg till media Bilder, video osv.

17

18 Sidor (Pages) Ni ska skapa både sidor och inlägg i laborationen Sidorna behövs för att det ska bli en webbplats På en blogg kan man ha bara en sida

19

20 Teman

21

22 Widgets Information som ska finnas i sidebar Drag and Drop Olika teman har plats för olika antal widgets Ni ska använda ett tema som kan ha det antal widgets och typ av widgets ni vill ha Text Widget där ni kan skriva HTML-kod Inactive Widgets Visa inte widgets men ha kvar inställningar för dem Ett nytt tema kan lägga till widgets

23 Plug-ins Ni kan installera, aktivera & avaktivera plug-ins

24 Plug-ins De rankas av användarna

25 Ändra i html Via editorn kan ni komma åt all kod (html och css)

26 JavaScript i WordPress Det går att lägga till JavaScript på sidor Går även att använda i inlägg med ett plug-in jquery-kommandon går också att använda i WordPress $-kommandot fungerar inte byts ut mot jquery jquery(document).ready(function(){ jquery("button").click(function(){ }); jquery("p").hide();

27 WordPress Lite om labben

28 Ändra tema Appearance Themes Manage themes Hantera de teman som du har installerade Byt tema enkelt Install themes Lägg till nytt tema Via sök eller uppladdning

29 Ändra i tema Det går att ändra vissa saker i temat via WordPress Appearance themes Theme options Färgtemar, länkfärger, layout Header Bilder och text Background Bakgrundsbild, bakgrundsfärg Editor Ändra i css-filen direkt

30 Customize Från dropdown-menyn när ni tittar på sidan Här har ni förhandsgranskning

31 Plug-ins Har oändligt många funktioner Beroende på plug-in Det går att söka plug-ins via WordPress egen sida Sök även med en sökmotor, t.ex. Google

32 Child-theme Skapa en folder Lokalt eller via FileZilla Skapa en tom css-fil i den foldern (style.css) Lägg in information om child-theme Det finns beskrivning av vad på De saker ni kan ändra på i WordPress behöver ni inte ändra i style.css Använd Firebug i Firefox för att se hur css-koden ser ut för olika saker Skriv ny kod för det elementet i style.css Titta i css-filen för huvudtemat i Editor Skriv ny kod för de olika elementen i ert Child-theme

33 Child-theme Ni kan ladda upp det med FileZilla Finns även ett plug-in kallat wp-filemanager Det fungerar som en ftp-server Ni kan installera det via themes om ni har zippat det

34 Facebook-integration Det finns exempelkod på flera Internet Klistra in i ert inlägg eller på er sida Använd en plug-in Det finns många