Bartandbikes.nl was een andere WordPress-website van mij, waar ik vertelde over mijn fietsen en wat ik daarmee beleef. Toen ik me begon te verdiepen in het maken van websites en besloot om html, css en php te gaan leren, leek me deze website een mooi oefenproject. Omdat het bijhouden van verschillende websites veel tijd en energie kost, is bartandbikes inmiddels een onderdeel geworden van deze website en is de vormgeving helemaal veranderd.
WordPress Themes Maken
Met behulp van het boek WordPress themes maken begon ik aan het ontwerp. In Illustrator maakte ik een bestand aan, waarin ik alle onderdelen van de website vorm gaf en naar functie over verschillende lagen verdeelde. Daarna exporteerde ik dit bestand naar Photoshop, waar ik de benodigde onderdelen, zoals logo’s en achtergronden om kon zetten naar de juiste bestanden.
WordPress
De originele website was al gemaakt in WordPress, maar ik besloot om helemaal opnieuw te beginnen, om ook het onderdeel van het installeren van WordPress onder de knie te krijgen. Daarna kon ik beginnen met het coderen van een basisbestand in html. Hierin werden alle onderdelen, zoals header, content, sidebar en footer opgenomen, die later in stukken geknipt naar WordPress-bestanden konden worden omgezet.
In het css-bestand bepaalde ik de vormgeving van de website. Als hulpmiddel hiervoor gebruikte ik het boek HTML en CSS, de basis.
Daarna moest de juiste php-code worden ingevoegd.
Publiceren
Na twee weken programmeren, proberen, veranderen, weer proberen is de site nu online. Ik ben zelf erg tevreden. Het is leuk werk om te doen en je hebt meteen het resultaat zichtbaar. Bij het conventionele drukwerk moet je altijd maar afwachten hoe het eruit komt te zien.
Natuurlijk heb je bij het maken van websites niet alles onder controle. Er zijn veel verschillende (en ook verouderde) browsers in gebruik, waar je rekening mee moet houden. De reacties zijn goed. Nu is het nog een kwestie van vullen met verhalen.
Volgend project: bartswerk.nl
De volgende website waarmee ik aan de slag wil is mijn eigen website, bartswerk.nl. Deze wil ik ook weer van de grond af opnieuw opbouwen en in een nieuw jasje steken. Daarnaast moet de site responsive worden, oftewel geschikt voor allerlei apparaten, zoals computers en laptops, maar ook tablets en smartphones.
Geef een reactie