Wattenkungen.se

Lite inspirerad av Grafix Studios inlägg om hur han har skapat några hemsidor tänkte jag att jag skulle dela med mig av mitt senaste projekt. Eventuellt kan det komma att bli en återkommande företeelse. Wattenkungen.se var ett för min del lite ovanligt projekt. T.ex. jobbade jag inte med Wordpress som jag är van vid utan med Modxcms. Dessutom hade dom redan en design de ville att jag skulle göra om till en fungerande hemsida.

Modxcms

Wattenkungen ville ha hemsidan i modxcms, en cms (Content Management System) jag aldrig hade hört talas om tidigare. Jag var en aning skeptisk till en början eftersom den jag inte hade arbetat med modx och av att döma från informationen på deras hemsida verkade den ganska knepig. Efter att ha testat modxcms blev jag dock positivt överraskad. Det tog bara någon timme att sätta mig in i hur modx fungerade och hur man använder snippets, templates etc.

Jag måste erkänna moxcms hade sina fördelar, men vissa brister var extremt irriterande för en van Wordpress-användare som mig. T.ex. kan man inte köra php direkt i template-filen (jag listade i alla fall inte ut hur man gjorde på den korta tiden jag provade), vilket jag inte för mitt liv kan förstå orsaken till. Hanteringen av s.k. Template Variables var dock extremt smidig och är en funktion som jag gärna skulle se implementerad i Wordpress.

Template Variables

Samtliga sidor på wattenkungen.se består av minst tre separata innehållsområden som användaren (kunden) ska kunna ändra utan att kunna någon kod, som mest fanns det sex sidor (dock ej publicerad i skrivande stund). Att lösa detta i Wordpress hade varit i det närmaste omöjligt och hade krävt antingen missbruk av widgets, krånglig implementering av css för olika stycken, en specialgjord plugin eller Custom Fields. I modx var dock detta enkelt gjort med hjälp av Template Variables. Template Variables motsvarighet i Wordpress är Custom Fields, med den skillnaden att det är hur enkelt som helst att använda i modx. Bara att bestämma vilka variabler av vilken typ som ska visas för varje template och börja skriva.

Design

Min uppgift var att implementera en befintlig design i modxcms. Jag fick designen levererad till mig i form av en psd ur vilken jag klippte ut logotyp, bakgrundsbilder och andra element. Därpå följde arbetet att göra en html-mall av det hela för att sedan lägga in kod för de delar som skulle styras av Wordpress. Jag installerade allt på min lokala testserver och såg till så att allt fungerade innan jag exporterade till live.sidan. Wattenkungen skapade allt innehåll och publicerade mesta av det själva.

CSS3

Efersom CSS3 ännu inte är standard enligt w3c har jag inte provat det så mycket ännu. I och med det här projektet fick jag dock tillfälle att lära mig några nya CSS-tekniker, t.ex. @font-face och text-shadow. Att se till att hemsidan ändå går att se i samtliga webbläsare har ändå varit  högsta prioritet.

Jag tackar Wattenkungen för den här gången och ser mig om efter nya utmaningar. (det ryktas om att jag snart släpper en ny sajt)

Ettiketter: css3, modxcms, template variables, wattenkungen, Wordpress