cursus
WORDPRESS - Templates

In deze cursus leer je zelf een template maken voor Wordpress. Je leert dit zelf op 2 totaal verschillende manieren: op een snelle manier (op een uurtje heb je een eigen thema klaar) of op uitgebreide manier. Bij deze tweede wijze leer je in een grafisch programma (Fireworks/Photoshop) een eigen concept uitwerken, dat je via Dreamweaver (HTML/PHP/CSS) omzet tot werkende template. Waarom al die moeite doen? Wel, op deze uitgebreide manier leer je unieke lay-outs maken, waarmee je bezoekers van je website werkelijk omver blaast.

Wordpress is de populairste CMS, die ook het vaakst gedownload wordt. Het is volgens ons overigens ook de gebruiksvriendelijkste en eenvoudigste manier om een website te maken.

Inhoudsopgave

Methode 1: snel een wordpressthema maken
> Inleiding bij het maken van een template voor Wordpress
Methode 1: kleuren, lettertypes en indeling
> Hoe wijzig je snel de kleuren, lettertypes en indeling van je wordpresstheme?
Methode 1: achtergrond wijzigen
> Hoe wijzig je snel de achtergrondkleur of achtergrondafbeelding?
Methode 1:header en navigatie
> Hoe maak je een header en een navigatie?
Methode 1: artikelen lay-outen
> Hoe kan je de vormgeving van tekst, knoppen, hyperlinks, koppen, tabellen, figuren enz wijzigen?
Methode 1: voettekst
> Hoe stel je de voettekst in?
Methode1: exporteren en opslaan
> Hoe kan je een thema exporteren en opslaan voor Wordpress?
Methode 2: Inleiding
> Hoe verhouden html - css - php en fireworks zich tot mekaar?
Methode2: Initiatie Fireworks
> Via Fireworks maken we een eigen lay-out. We leren vectorieel tekenen en foto's bewerken.
Methode2: Fireworks: begrippen
> Vector vs bitmap - bestandsformaten - canvas - lagen
Methode2: Fireworks: vectorieel tekenen, foto's bewerken, transformeren
> Hoe bewerk je foto's, teken je paden, hoe transformeer je?
Methode2: HTML leren
> Wat zijn tags en welke tags moet je kennen?
Methode2: HTML versus XHTML
> We leren werken met XHTML en HTML om een degelijke structuur in een webpagina te maken.
Methode2: werken met PHP
> Initiatie in PHP.
Methode2: CSS in je webpagina
> Wat is CSS? Je leert alles van CSS om je webpagina te lay-outen. Werk met tags, klassen en id's.
Methode2: relatief gepositioneerde divs
> Werken met divs in HTML - absoluut vs relatief - box in css
Methode2: een wrapper, header, container en footer
> We maken het meest gebruikte model van divs. Maak een site volgens de huidige webstandaarden, voor elke browser.
Methode2: slicen/segmenteren in Fireworks
> Hoe kan je in fireworks een lay-out opdelen in stukken?
Methode2: van Fireworks naar HTML
> Hoe kan je de gesegmenteerde lay-out omzetten naar een werkende webpagina?
Extra: nieuwe lettertypes toevoegen
> Waar kan je gratis nieuwe lettertypes downloaden en hoe voeg je ze toe aan je website?
Extra: elk lettertype gebruiken in je website
> Leer werken met cufon
Extra: werken met kleuren
> Leer kleuren combineren op 3 manieren en maak zo een mooie website
Extra: horizontale menu's
> Hoe maak je een horizontaal menu via CSS?
Methode 2: Van HTML tot Wordpresstemplate
> Hoe zit de structuur van een thema in mekaar? Welke bestanden heb je nodig?
Methode 2: style.css en screenshot.png
> Hoe maak je style.css en hoe maak je een screenshot voor Wordpress?
Methode 2: header.php
> Hoe maak je header.php?
Methode 2: index.php
> Hoe is index.php opgebouwd?
Methode 2: footer.php
> Hoe maak je footer.php?
Methode 2: sidebar.php
> Hoe maak je een statische en dynamische zijbalk? Hoe zorg je dat widgets geplaatst kunnen worden in wordpress via het juiste thema?
Methode 2: functions, archive, author, comments, single, page, search
> Hoe zijn al deze bestanden opgebouwd? We bespreken de code. Download de bestanden.
Methode 2: de template instellen
> We bekijken ons resultaat en activeren de theme
Methode 2: Wordpress-specifieke CSS
> Welke css is belangrijk voor de opmaak van je Wordpressthema?
Methode 2: een volledige template maken vanaf nul
> We maken samen een geleide oefening en maken zo een wordpresstheme vanaf nul tot einde!
Methode 2: de snelle ronde
> Alle stappen -in het kort- om een thema voor wordpress te maken