Over de templates en themes in Fork CMS. Vooral gericht naar frontenders.

1. Fork Meetup
Front-enders & Designers
VergaderNet
#forkmeetup pass: ventilatie

2. Hi! I’m Thomas @decthomas

3. Hi! I’m Matthias @mlitn

4. ‣ Themes
‣ Theme defaults
‣ De template syntax
‣ De backend
‣ Funkyness

5. ‣ Themes
‣ Theme defaults
‣ De template syntax
‣ De backend
‣ Funkyness

6. ‣ Themes
‣ Theme defaults
‣ De template syntax
‣ De backend
‣ Funkyness

7. ‣ Themes
‣ Theme defaults
‣ De template syntax
‣ De backend
‣ Funkyness

8. ‣ Themes
‣ Theme defaults
‣ De template syntax
‣ De backend
‣ Funkyness

9. Fork
themes

10. Mappen
structuur

11. Het
ontwerp

12. Blocks in de
1
template...
2
3
4 5
6
7

15. TinyMCE

16. TinyMCE
Widget of module

18. Theme defaults

19. Conditional comments

20. Conditional comments
http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

21. OOCSS

22. OOCSS
https://github.com/stubbornella/oocss

23. Form library

25. De template syntax

26. ‣ {$variable|modifier:param}

27. ‣ {$variable|modifier:param}
‣ {iteration:items} {/iteration:items}

28. ‣ {$variable|modifier:param}
‣ {iteration:items} {/iteration:items}
‣ {$var|dump}

29. ‣ {$variable|modifier:param}
‣ {iteration:items} {/iteration:items}
‣ {$var|dump}
‣ {cycle:'odd':'even'}

30. ‣ {$variable|modifier:param}
‣ {iteration:items} {/iteration:items}
‣ {$var|dump}
‣ {cycle:'odd':'even'}
‣ {option:tags} {/option:tags}

31. ‣ {$variable|modifier:param}
‣ {iteration:items} {/iteration:items}
‣ {$var|dump}
‣ {cycle:'odd':'even'}
‣ {option:tags} {/option:tags}
‣ {option:!tags} {/option:!tags}

32. ‣ {$variable|modifier:param}
‣ {iteration:items} {/iteration:items}
‣ {$var|dump}
‣ {cycle:'odd':'even'}
‣ {option:tags} {/option:tags}
‣ {option:!tags} {/option:!tags}
‣ {$lblReadMore|ucfirst}

33. ‣ {$variable|modifier:param}
‣ {iteration:items} {/iteration:items}
‣ {$var|dump}
‣ {cycle:'odd':'even'}
‣ {option:tags} {/option:tags}
‣ {option:!tags} {/option:!tags}
‣ {$lblReadMore|ucfirst}
‣ {include:path/to/template.tpl}

34. ‣ {$variable|modifier:param}
‣ {iteration:items} {/iteration:items}
‣ {$var|dump}
‣ {cycle:'odd':'even'}
‣ {option:tags} {/option:tags}
‣ {option:!tags} {/option:!tags}
‣ {$lblReadMore|ucfirst}
‣ {include:path/to/template.tpl}
‣ {* comments *}

35. De backend

36. ‣ Meta tags & paginatitels zijn aanpasbaar

38. ‣ Meta tags & paginatitels zijn aanpasbaar
‣ Custom redirect (pagina's zonder inhoud →
redirect naar eerste child)

39. ‣ Meta tags & paginatitels zijn aanpasbaar
‣ Custom redirect (pagina's zonder inhoud → redirect
naar eerste child)
‣ Switchen template: content & blokken worden
behouden waar mogelijk

40. ‣ Meta tags & paginatitels zijn aanpasbaar
‣ Custom redirect (pagina's zonder inhoud → redirect
naar eerste child)
‣ Switchen template: content & blokken worden
behouden waar mogelijk
‣ Taalinstelling zowel op backend als frontend

41. TinyMCE
‣ Lelijke Word-code wordt zoveel mogelijk gestript
‣ Overbodige tekstopmaak is disabled
‣ Koppelen van classes aan content
‣ Snippets invoegen

44. www.fork-cms.com
thomas@fork-cms.com
twitter.com/fork_cms