Hur wordpress fungerar
Wordpress är något som för bloggare kan vara oerhört frustrerande. Jag menar då inte själva systemet som sådant, det är det bästa på marknaden, utan att det krävs en del om man vill börja modifiera utseendet på sin blogg. Visst det finns tusentals teman att ladda ner, vilket är en av styrkorna med wordpress, men vill man ha egna logotyper eller ändra småsaker upptäcker man snart att koden bakom är rena grekiskan för en nybörjare. Jag är ingen stjärna på varken PHP eller CSS men jag klarar mig någorlunda och den här guiden riktar sig således till de som gärna vill ändra i sin blogg men inte riktigt förstår vad det handlar om.
Såhär fungerar wordpress
Worspress är kodat i språket PHP. När du vill ändra i ditt worspress tema måste du börja med att gå in på fliken “Design” och sedan väljer du “Theme editor” i undermenyn. Då får man fram en textruta som heter “Stylesheet” och olika filer till höger som heter “Theme Files” Se bilden nedan.
Dessa “Themefiles” slutar alla på “namn.php” exempelvis header.php. Man kan säga att det är i dessa som själva den bakomliggande kodningen ligger. Det som har mest betydelse för själva utseendet på sidan är ditt stylesheet som ligger allra längst ner bland dessa filer. Filen du klickar på i högerfältet kommer du se koden för i vänsterfältet, där vi förnärvarande har uppe just vårt stylesheet.
Det är egentligen inte så krångligt som det låter. Om du tittar lite bland php-filerna så ser du att de är relaterade till något, man har delat upp websidan i header (rubriken längst upp) footer ( längst ned) sidebar (menyn på sidan) osv. Det enda dessa gör är att de innehåller information om vad som ska finnas på respektive område. Sedan finns det en fil som heter index, vilken hämtar alla dessa och gör det till en helhet.
Stylesheet och CSS
Om php-filerna är innehållet så är det ditt stylesheet som berätta vart saker och ting ska placeras. Vill du t.ex. flytta en bild något åt höger så är det i ditt stylesheet som du kan ändra den informationen. Ett bra tips är att använda Ctrl+F ihop när du har ditt stylesheet framme. Du kan då skriva in ett sökord och så letar datorn automatiskt genom hela websidan efter ordet. I fallet med bilden kan det t.ex. vara lämpligt att söka på bildens namn och då borde du hitta rätt kodsnutt, som påverkar just den bilden. Många sådana enkla saker säger sig självt om man bara hittar rätt del av koden.
En annan viktig grej är att alltid ha en backup om det skiter sig. Ibland blir det galet. Tyvärr är sånt här ingen lässport utan det bästa är att prova sig fram. Ett annat irriterande problem är att saker som ibland fungerar i firefox inte alltid fungerar i internet explorer och tvärtom. Därför bör man pröva sin sida i båda dessa webläsare. Slutligen kan jag rekomendera en jättebra sida där det finns massor av videos om CSS och wordpress som väldigt pedagogiskt visar hur allting hänger ihop och hur man gör vissa saker: http://css-tricks.com/videos/
Andra bloggar om: wordpress, blogga, css, php, webdesign
Liknande inlägg
[...] Hur wordpress fungerar [...]