Embed Size (px)
DESCRIPTION
Over de templates en themes in Fork CMS. Vooral gericht naar frontenders.
Citation preview
Front-enders & Designers
Fork Meetup
#forkmeetup pass: ventilatieVergaderNet
Hi! I’m Thomas @decthomas
Hi! I’m Matthias @mlitn
‣ Themes
‣ Theme defaults
‣ De template syntax
‣ De backend
‣ Funkyness
‣ Themes
‣ Theme defaults
‣ De template syntax
‣ De backend
‣ Funkyness
‣ Themes
‣ Theme defaults
‣ De template syntax
‣ De backend
‣ Funkyness
‣ Themes
‣ Theme defaults
‣ De template syntax
‣ De backend
‣ Funkyness
‣ Themes
‣ Theme defaults
‣ De template syntax
‣ De backend
‣ Funkyness
Forkthemes
Mappen structuur
Hetontwerp
Blocks in de template...
1
2
3
4 5
6
7
TinyMCE
TinyMCE
Widget of module
Theme defaults
Conditional comments
Conditional comments
http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
OOCSS
OOCSS
https://github.com/stubbornella/oocss
Form library
De template syntax
‣ {$variable|modifier:param}
‣ {$variable|modifier:param}
‣ {iteration:items} {/iteration:items}
‣ {$variable|modifier:param}
‣ {iteration:items} {/iteration:items}
‣ {$var|dump}
‣ {$variable|modifier:param}
‣ {iteration:items} {/iteration:items}
‣ {$var|dump}
‣ {cycle:'odd':'even'}
‣ {$variable|modifier:param}
‣ {iteration:items} {/iteration:items}
‣ {$var|dump}
‣ {cycle:'odd':'even'}
‣ {option:tags} {/option:tags}
‣ {$variable|modifier:param}
‣ {iteration:items} {/iteration:items}
‣ {$var|dump}
‣ {cycle:'odd':'even'}
‣ {option:tags} {/option:tags}
‣ {option:!tags} {/option:!tags}
‣ {$variable|modifier:param}
‣ {iteration:items} {/iteration:items}
‣ {$var|dump}
‣ {cycle:'odd':'even'}
‣ {option:tags} {/option:tags}
‣ {option:!tags} {/option:!tags}
‣ {$lblReadMore|ucfirst}
‣ {$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}
‣ {$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 *}
De backend
‣ Meta tags & paginatitels zijn aanpasbaar
‣ Meta tags & paginatitels zijn aanpasbaar
‣ Custom redirect (pagina's zonder inhoud → redirect naar eerste child)
‣ Meta tags & paginatitels zijn aanpasbaar
‣ Custom redirect (pagina's zonder inhoud → redirect naar eerste child)
‣ Switchen template: content & blokken worden behouden waar mogelijk
‣ 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
‣ Lelijke Word-code wordt zoveel mogelijk gestript
‣ Overbodige tekstopmaak is disabled
‣ Koppelen van classes aan content
‣ Snippets invoegen
TinyMCE
