Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Fork 4 Frontenders

1,572 views

Published on

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

  • Be the first to comment

  • Be the first to like this

Fork 4 Frontenders

  1. 1. Fork Meetup Front-enders & Designers VergaderNet#forkmeetup pass: ventilatie
  2. 2. Hi! I’m Thomas @decthomas
  3. 3. Hi! I’m Matthias @mlitn
  4. 4. ‣ Themes‣ Theme defaults‣ De template syntax‣ De backend‣ Funkyness
  5. 5. ‣ Themes‣ Theme defaults‣ De template syntax‣ De backend‣ Funkyness
  6. 6. ‣ Themes‣ Theme defaults‣ De template syntax‣ De backend‣ Funkyness
  7. 7. ‣ Themes‣ Theme defaults‣ De template syntax‣ De backend‣ Funkyness
  8. 8. ‣ Themes‣ Theme defaults‣ De template syntax‣ De backend‣ Funkyness
  9. 9. Forkthemes
  10. 10. Mappenstructuur
  11. 11. Hetontwerp
  12. 12. Blocks in de 1template... 2 3 4 5 6 7
  13. 13. TinyMCE
  14. 14. TinyMCEWidget of module
  15. 15. Theme defaults
  16. 16. Conditional comments
  17. 17. Conditional comments http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
  18. 18. OOCSS
  19. 19. OOCSS https://github.com/stubbornella/oocss
  20. 20. Form library
  21. 21. De template syntax
  22. 22. ‣ {$variable|modifier:param}
  23. 23. ‣ {$variable|modifier:param}‣ {iteration:items} {/iteration:items}
  24. 24. ‣ {$variable|modifier:param}‣ {iteration:items} {/iteration:items}‣ {$var|dump}
  25. 25. ‣ {$variable|modifier:param}‣ {iteration:items} {/iteration:items}‣ {$var|dump}‣ {cycle:odd:even}
  26. 26. ‣ {$variable|modifier:param}‣ {iteration:items} {/iteration:items}‣ {$var|dump}‣ {cycle:odd:even}‣ {option:tags} {/option:tags}
  27. 27. ‣ {$variable|modifier:param}‣ {iteration:items} {/iteration:items}‣ {$var|dump}‣ {cycle:odd:even}‣ {option:tags} {/option:tags}‣ {option:!tags} {/option:!tags}
  28. 28. ‣ {$variable|modifier:param}‣ {iteration:items} {/iteration:items}‣ {$var|dump}‣ {cycle:odd:even}‣ {option:tags} {/option:tags}‣ {option:!tags} {/option:!tags}‣ {$lblReadMore|ucfirst}
  29. 29. ‣ {$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}
  30. 30. ‣ {$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 *}
  31. 31. De backend
  32. 32. ‣ Meta tags & paginatitels zijn aanpasbaar
  33. 33. ‣ Meta tags & paginatitels zijn aanpasbaar‣ Custom redirect (paginas zonder inhoud → redirect naar eerste child)
  34. 34. ‣ Meta tags & paginatitels zijn aanpasbaar‣ Custom redirect (paginas zonder inhoud → redirect naar eerste child)‣ Switchen template: content & blokken worden behouden waar mogelijk
  35. 35. ‣ Meta tags & paginatitels zijn aanpasbaar‣ Custom redirect (paginas zonder inhoud → redirect naar eerste child)‣ Switchen template: content & blokken worden behouden waar mogelijk‣ Taalinstelling zowel op backend als frontend
  36. 36. TinyMCE‣ Lelijke Word-code wordt zoveel mogelijk gestript‣ Overbodige tekstopmaak is disabled‣ Koppelen van classes aan content‣ Snippets invoegen
  37. 37. www.fork-cms.comthomas@fork-cms.com twitter.com/fork_cms

×