Content Management System. Publiceringssystem

Transkript

1 Content Management System Publiceringssystem

2 Vad är ett Content Management System (CMS)? Ett verktyg för att separera innehåll från presentation Skapa webbsidor utan att kunna html Låt många skapa sidor med eget innehåll Utan att sidorna blir felaktiga eller ser olika ut CMS Publiceringssystem Innehållshanteringssystem Webbadministrationssystem Webbpubliceringssystem

3

4 Hur fungerar ett CMS? 1. Man skapar mallar (templates) 2. Innehållet är antingen vanlig text eller html-kod och sparas i en databas 3. Innehållet placeras i en mall för att visa för användaren

5 Varför är det bra? Man kan skapa sidor utan att behöva kunna HTML Umeå Universitet har ett CMS där de flesta inte är tillåtna att skriva HTML-kod Storskaliga förändringar (utseende) kan göras på ett ganska enkelt sätt Utökad funktionalitet, t.ex., bloggar och RSS-flöden/läsare Ett strukturerat innehåll innebär att det går att återanvända materialet

6 Vilka tjänar på att ha ett CMS? Alla som har en webbsida som Är stor Uppdateras ofta Har många som bidrar med material Innehåller dynamiskt material och/eller funktionalitet

7 Vilka använder ett CMS? UmU - InfoGlue Svenska kyrkan Content Studio Ebay - WordPress Spotify - WordPress Sony - WordPress Ford - WordPress Aftonbladet - Vizrt

8

9 Introduktion Till WordPress

10 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

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

12 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

13 Generella inställningar

14 Dashboard Administrationssidan i WordPress

15 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

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

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

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

19 Skriv inlägg

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

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

22

23 Lägg till media Bilder, video osv.

24

25 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

26

27 Teman

28

29 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

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

31 Plug-ins De rankas av användarna

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

33 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();

34 WordPress Lite om labben

35 Ä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

36 Ä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

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

38 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

39 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

40 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

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