Vormen van animaties binnen WordPress

Hoe kun je verschillende vormen van animaties binnen WordPress implementeren, zowel binnen de pagina-code als vanuit de media-bibliotheek. Denk hierbij aan CSS animaties, animaties m.b.v. Javascript, het canvas of SVG. En wat zijn de voor- en nadelen van plugins. Animaties vanuit de media library zijn namelijk standaard zeer beperkt. In de cursus behandelen we de zgn. 2d animaties, die zich in principe afspelen in het platte vlak. De veel complexere 3d software valt buiten het bestek van deze training. In deze cursus wordt het veel ontdekken en spelen met graphics en code, transitions en tijdlijnen, importeren en ga zo maar door.

In de cursus leer je verschillende transitions en simpele animaties maken met behulp van CSS, maar ook leer je hoe je als een developer een animatie uit Adobe Animate cc of Tumult Hype kunt gebruiken binnen WordPress. Als je een beetje in de WordPress code duikt, blijkt het heel eenvoudig om de administrator, zonder gebruik van een plugin, rechten te geven om SVG bestanden toe te voegen aan de media library. Maar je leert ook zelf SVG creëren en animeren d.m.v CSS en Javascript.

Naast CSS is Javascript dan ook de belangrijkste code voor het implementeren van animaties binnen HTML. Er wordt daarom ook aandacht besteed aan simpele scripts om dit te bewerkstelligen.

Na afloop zul je misschien nog niet alle code begrijpen, maar het geeft genoeg houvast om zelf met deze boeiende materie aan de gang te gaan.

Studieprogramma Animatie in WordPress

  • Transitions en animaties
  • Verchillende soorten en typen animaties
  • CSS transitions
  • CSS animaties
  • Import in de media library
  • Animaties in blog en pagina’s
  • Animaties in template pagina’s
  • Geïmporteerde animaties vanuit animatie software
  • SVG animaties
  • Canvas animaties
  • Javascript animaties
  • Javascript libraries zoals bijv. anime.js, create.js, greensock, enz.

Deze cursus is een module uit onze opleiding WordPress Pro. Heb je echt de smaak te pakken gekregen dan kun je je javascript Skills verder uitbreiden in de cursussen Javascript Jquery Basis en Javascript Vervolg.