Design:Introducere
From Katapulta
(Difference between revisions)
m |
m |
||
Line 1: | Line 1: | ||
În procesul de construire a unei teme Katapulta trebuie avute în vedere următoarele: | În procesul de construire a unei teme Katapulta trebuie avute în vedere următoarele: | ||
- | == | + | ==Twig== |
+ | Twig este un limbaj folosit în Katapulta pentru designul template-urilor. Este folosit alături de HTML și CSS. În Twig există două tipuri de taguri: | ||
+ | * {% ... %} - folosit pentru executarea structurilor de control (for, if, etc.) | ||
+ | * {{ ... }} - folosit pentru afișarea pe ecran a rezultatului unei expresii | ||
+ | |||
+ | Mai jos este un exemplu care ilustrează cele explicate mai sus: | ||
+ | <pre> | ||
+ | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | ||
+ | <html> | ||
+ | <head> | ||
+ | <title>My Webpage</title> | ||
+ | </head> | ||
+ | <body> | ||
+ | <ul id="navigation"> | ||
+ | {% for item in navigation %} | ||
+ | <li><a href="{{ item.href }}">{{ item.caption }}</a></li> | ||
+ | {% endfor %} | ||
+ | </ul> | ||
+ | <h1>My Webpage</h1> | ||
+ | {{ a_variable }} | ||
+ | </body> | ||
+ | </html> | ||
+ | </pre> | ||
+ | |||
+ | |||
==Template-uri== | ==Template-uri== | ||
==Variabile== | ==Variabile== | ||
==Filtre== | ==Filtre== | ||
==Expresii logice== | ==Expresii logice== |
Revision as of 09:25, 14 April 2011
În procesul de construire a unei teme Katapulta trebuie avute în vedere următoarele:
Contents |
Twig
Twig este un limbaj folosit în Katapulta pentru designul template-urilor. Este folosit alături de HTML și CSS. În Twig există două tipuri de taguri:
- {% ... %} - folosit pentru executarea structurilor de control (for, if, etc.)
- Template:... - folosit pentru afișarea pe ecran a rezultatului unei expresii
Mai jos este un exemplu care ilustrează cele explicate mai sus:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>My Webpage</title> </head> <body> <ul id="navigation"> {% for item in navigation %} <li><a href="{{ item.href }}">{{ item.caption }}</a></li> {% endfor %} </ul> <h1>My Webpage</h1> {{ a_variable }} </body> </html>