TriMM

Den rattenvanger van WordPress

WordPress MeetUp
Enschede

22 september 2015

Floris P. Lof

Op Twitter: @__jester

Over mijzelf:

Waar gaan we het over hebben?


Themes

Themeshops

Mijn eigen ervaringen

Jouw eerste stappen naar (theme) development


Meerdere wegen die naar Rome leiden...

WordPress
website bouwers

Twee soorten (...sortof...)

 

  • Configurators
  •  
  • Developers


...ik wil graag de mensen in de eerste groep inspireren om tot de tweede groep te gaan behoren...

Themeshops

 

Wie koopt er wel eens een thema uit een themashop?

 

Jullie ervaringen?

Themeshops are like
a box 'o chocolates...

Ik heb geen uitgesproken mening over themeshops...

versus

Mijn ervaringen

 

Vaak erg veel opties (admin-bloat)
 
Gedwongen plugins
 
Gedwongen stijl waarop je moet verder werken
 
Veel gebruik van shortcodes
 
...soms inspirerend
 
You never know what you are gonna get...
 

Commercieel thema

 

Hier let IK NIET op:
Prijs
Support
Esthetics

 

Maar ik vind dat dus niet zo belangrijk...

Commercieel thema

Hier let IK WEL op:

 

WP-versie?
Sample data
Vertaald in NL
Theme guide beschikbaar?
Compatibilieit, b.v. met WooCommerce
Browser & device support / Responsive
Zo min mogelijk opties (admin-bloat) en vereiste plugins
 
Coding standaarden,...
maarja,...
You never know what you are gonna get...

Gratis thema

 

Dan let ik eigenlijk op exact hetzelfde...

 

De meeste bekende gratis thema's zijn de thema's die je van WordPress meegeleverd krijgt.

'TwentyTen' t/m 'TwentyFifteen'

Aanpassen

 

Forken?
 
of
 
Child thema?

WordPress themes

Dit zijn je opties

 

  1. Commercieel / gratis thema
    1.  
    2. Fork it
    3. Make a Child
  2. Zelfbouw
  3. Theme frameworks

Meer leren?

Van A naar B naar C
is m.i. de meeste slimme leercurve

Zelfbouw

Zelf een thema 'from scratch' bouwen is een zeer goede vingeroefening om WordPress als systeem te leren kennen.

 

Etalage thema's

Laat je hierbij goed inspireren door de onderstaande of andere reeds bestaande (goede) thema's.
  • TwentyTen
  • TwentyEleven
  • TwentyTwelve
  • TwentyThirteen
  • TwentyFourteen
  • TwentyFifteen

Voordelen

  • Je leert meer van CSS, HTML, PHP ( en Javascript )
  • Je leert WordPress te begrijpen!!!
  • Je kunt er geld mee verdienen
  • Het is leuk!

Tools!

Start hier:

http://codex.wordpress.org/Theme_Development

Template hierarchy

Tools!

Unit testing

http://codex.wordpress.org/Theme_Unit_Test

Natuurlijk is er nog veel...

Theme frameworks

 

Vroeger: code libraries die je in je thema gebruikte

 

Tegenwoordig: berusten ze op het concept van Parent/Child thema's

Voordelen

Turn key: en er staat een goede solide HTML basis
Extra hooks / filters
Goede code kwaliteit
Verkort je ontwikkeltijd!
Het framework bevat functionaliteit en evolueert mee met WordPress, je Child thema bevat je visuele output)

 

Een themeframework neemt je heel veel code werk uit handen, het 'abstraheert' veel van je WordPress werk. Hierdoor kom je wel minder vaak in aanraking met WordPress functies, maar die ken je inmiddels al door en door als het goed is...

Een theme framework
kiezen

  • Headway themes
  • Thesis
  • Pagelines
  • Themify
  • Genesis

Genesis

Waarom?

 

  • Because most guru's say so...
  • Ligt het allerdichts bij WordPress' manier van werken
  • Niet teveel ingebouwde opties (dus geen bloat)
  • Maar je kan wel makkelijk opties toevoegen
  • Veilige basis en goede SEO basis
  • Coole features die je ook echt nodig hebt
  • Sinds Genesis 2.2 (sept/2015) ook goede accessibility features!

Theme starters

Snel van start gaan met jouw default settings
Je eigen snippet library

 

Aanvullend:
Je eigen wp-config.php
Je eigen install.php (dropin)

Snippets

Wat is nu een WordPress presentatie zonder wat handige WordPress snippets...

DB switch in je wp-config

wp-config, wat extra 'defines'

install.php (dropin)

Don't update theme

Modify user contact methods

Set pagination base

Javascript vars

IE compat header

Favicon URL in Multisite env

oEmbed transparancey

Nabrander

Behandel je thema als een plugin

Vragen?

© Floris P. Lof
Illustraties: © Sjors Trimbach