Content Management System Publiceringssystem
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
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
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
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
Vilka använder ett CMS? UmU - InfoGlue Svenska kyrkan Content Studio Ebay - WordPress Spotify - WordPress Sony - WordPress Ford - WordPress Aftonbladet - Vizrt
Introduktion Till WordPress
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
Installera WordPress Fyll i sajtnamn, användarnamn, lösenord och email-adress Tillåt inte sökmotorer att indexera er sida (Default) Installera WordPress Logga in
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
Generella inställningar
Dashboard Administrationssidan i WordPress
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
Inlägg (Posts) Ni ser i Dashboard hur mycket innehåll som finns på er webbplats
Kategorier Innan ni skriver blogginlägg ska ni skapa kategorier för dem Det går att kategorisera om dem
Kategorier När ni skriver inlägg så bestämmer ni vilken kategori det ska vara på inlägget
Skriv inlägg
Publicering Spara utkast Om ni inte vill publicera det direkt Förhandsgranska Bestäm när det ska publiceras
Taggar Ska vara intressanta Om ni vill ha många som följer er blogg
Lägg till media Bilder, video osv.
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
Teman
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
Plug-ins Ni kan installera, aktivera & avaktivera plug-ins
Plug-ins De rankas av användarna
Ändra i html Via editorn kan ni komma åt all kod (html och css)
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 http://codex.wordpress.org/using_javascript 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();
WordPress Lite om labben
Ä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
Ä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
Customize Från dropdown-menyn när ni tittar på sidan Här har ni förhandsgranskning
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
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å http://codex.wordpress.org/child_themes 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
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
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