Fragment

In dit boek ga je uit van een eenvoudig ontwerp en bouwt dit uit tot een volwaardige WordPress theme. Ik adviseer om alle stappen die in dit boek staat beschreven op te volgen. Daarnaast adviseer ik om ook dezelfde template en bestanden te gebruiken. Alle theme bestanden kan je hier downloaden:
www.wp-boeken.nl/theme/bestanden/ (Je hebt wel een gebruikersnaam en wachtwoord nodig, zie blz. 14.)
Het theme die wij gaan maken bestaat uit de volgende onderdelen.

Layout: header, menu, content, sidebar en footer. 

Responsive: layout vanaf 640 px, staand, smartphone, menu, content blokken onder elkaar geplaatst.

Sjabloon: full width.

Custom opties: titel, titelkleur, achtergrondkleur -afbeelding, custom css veld en header/footer-achtergrondkleur.

Een custom logo en kopafbeelding is niet opgenomen in dit theme. 
In dit boek wordt later wel uitgelegd hoe je deze functie’s kan toepassen. 
Wil je dat gebruikers in je eigen theme wel een logo en kopafbeelding mag 
opnemen dan zou je in je eigen technisch ontwerp hiermee rekening 
moeten houden.
Hieronder zie je de stappen die we gaan volgen. 
We beginnen met een HTML template die we gaan ombouwen tot 
verschillende WordPress theme’s.

1. HTML ontwerp
In dit hoofdstuk gaan we kijken hoe de HTML template is opgebouwd. 
Dit voorbeeld staat symbool voor een zelfgemaakte ontwerp.

2. Responsive ontwerp
In dit hoofdstuk laat ik zien hoe je je ontwerp geschikt kan maken voor een smartphone of tablet.


3. Basic Theme
In dit hoofdstuk wordt de template omgezet naar een WordPress theme. Het bestaat uit de noodzakelijke theme bestanden en wordt alleen door de maker beheerd. Een basic theme is niet geschikt om via Wordpress.org te verspreiden.

4. Optimized Theme
In dit hoofdstuk gaan we een basic theme volgens de WordPress richtlijnen opzetten. Een optimized theme kan aangemeld worden bij WordPress.org om opgenomen te worden in de Theme Directory.

5. Theme met Sjablonen
In dit hoofdstuk wordt uitgelegd hoe je je theme kan uitbreiden met sjablonen. Dit zijn pagina’s die afwijken van de standaard opmaak.

6. Theme met Patronen
In dit hoofdstuk wordt uitgelegd hoe je je theme kan uitbreiden met patronen.

7. Theme met Customizer
In dit hoofdstuk wordt uitgelegd hoe je een theme kan uitbreiden met 
Custom theme opties. Een gebruiker kan hiermee, met behulp van:
Dashboard > Weergave > Customizer, de template zelf wijzigen.

8. Starter Theme
In dit hoofdstuk wordt uitgelegd hoe je van een starter theme een eigen theme kan maken.

9. Child Theme
In dit hoofdstuk wordt uitgelegd hoe je van een bestaande theme een 
eigen opmaak met functie’s mee kan geven.

10. Gutenberg ready
In dit hoofdstuk wordt uitgelegd hoe je het theme Gutenberg ready maakt .

11. Content Templates
Met Content Templates is het mogelijk om gebruik te maken van een of meerdere vaste layouts binnen een pagina of sjabloon.

Je begint met een eenvoudig ontwerp en bouwt dit geleidelijk uit. Door alle processen te doorlopen krijg je meer inzicht. Is dit proces duidelijk, gebruik dan je eigen ontwerp.

In elke theme hoofdstuk vind je een adres vanwaaruit je de digitale theme
bestanden kan downloaden. De code in deze bestanden kan je kopiëren en plakken in je eigen test-theme. ×