cursus WordPress Template maken

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