Att skapa en hemsida med WordPress CMS
Skrivet i Design, Wordpress - Kommentera
Wordpress är verktyget vi använder och älskar friheten den ger oss att omvandla en design till en fullt funktionell och dynamisk hemsida som är enkel att uppdatera och underhålla. Med WordPress är det enkelt att skriva artiklar, uppdatera bildgallerier, koppla ihop sociala medier med varandra och göra hemsidan till en riktig samlingsportal på webben.
När du som designer eller utvecklare ska skapa en hemsida i WordPress till en kund/vän (vi kallar personen för slutanvändare) så finns där några punkter som är lätta att glömma bort. Du tar det för givet och är kanske för inbiten i designen som ska kodas till en WordPress-hemsida. Det finns en del saker att tänka på när det gäller slutanvändaren/kunden som i slutändan kommer att sitta med hemsidan och underhålla den. Vi går igenom vad du ska tänka på när du skapar en hemsida med WordPress som CMS.
Är alla rubriker enhetliga med designen?
WordPress låter dig skriva artiklar/nyheter och slutanvändaren har möjlighet att skriva med hjälp av en text-editor. Text-editorn låter dig välja paragrafer och rubriker och det är viktigt att du inte glömmer att skapa rätt css för alla rubriknivåer, åtminstone från:
<h1></h1> till <h6></h6>
Se till så att alla rubriker och nivåer är satta i korrespondens med resten av designen.
Kommer där skrivas långa rubriker?
Beroende på hur du gör din design så finns chansen att text kan komma i konflikt med design. Slutanvändaren vill exempelvis skriva en längre rubrik till sin senaste nyhet. Detta kan resultera i att det blir en radbrytning i rubriken som i sin tur leder till att nedanstående paragraf trycks ner och får hemsidans layout att se mindre stilren ut än vad du hade föreställt dig från början.
Lösningen till detta är väldigt simpel. Använd CSS-egenskapen:
text-overflow:ellipsis;
När rubriken eller texten blir längre en den omringade boxen som den befinner sig i, så skapar denna egenskapen tre punkter (…) på slutet av rubriken. En väldigt bra egenskap att utnyttja. Fungerar dock inte i FireFox just nu, där finns det ett jQuery plugin som löser det.
Ingår det bildhantering i hemsidan?
En viktig sak att tänka på är att slutanvändaren möjligtvis kommer ladda upp bilder i samband med sina nya artiklar och uppdateringar. Bilderna kan givetvis inte vara hur stora somhelst, någon form av begränsning måste finnas. Detta är automatiskt i WordPress vid uppladdning av bilden:
Men användaren laddar upp bilden med avsikt att visa den i samband med hela artikeln. Det är mycket möjligt att du skapat en funktion som listar alla artiklar på ett särskilt sätt, där bilder inte tillåts att vara större än en specificerad storlek. Utnyttja därför funktionen Inläggsminiatyrer:
<?php the_post_thumbnail(); ?>
Läs mer om funktionen hos Andreas på Cynatic.
Det är alltid slutanvändaren som du ska tänka på…
När du gör en hemsida i WordPress till någon annan, exempelvis en kund så är det viktigt att tänka på att de inte ska ha för mycket begränsningar när det gäller att uppdatera hemsidans innehåll. De ska med största möjliga flexibilitet kunna skriva hur mycket text de vill och ladda upp bilder hursomhelst.
Ofta begränsar designern/utvecklaren sig själv genom att göra en enkel layout, utan större ansträngning där bild och text aldrig kommer att hamna i konflikt med designen. Istället så uppmuntrar jag till att ni utnyttjar rätt funktioner och själva sätter begränsningarna för vad som ska hända när en användare gör något som strider med hemsidans design rent generellt. För långa rubriker, för långa stycken eller för stora bilder spelar ingen roll. Det finns alltid en lösning på ett problem, det gäller här att kombinera design med det funktionalitet som WordPress erbjuder.
Fler inlägg om WordPress
Vill du veta hur jag jobbar?
Denna hemsida är självklart gjort i Wordpress!
Pingback: Snabba upp din utveckling i Wordpress | Grafix Studio - webbdesigner och grafiker