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>