Creazione di un tema

Il cms è in grado di renderizzare un file html presente in: themes/NOME TEMA/template.tp.html

Esempio:

themes/example/template.tp.html

<!DOCTYPE html>
<html lang="it" >
<head>
   <link rel="stylesheet" href="style.css" media="screen">
   <meta charset="utf-8">
<title>Flatnux CMS</title>

</head>
<body>
<div>
<!-- include section -->
 TEXT TEXT TEXT .....
<!-- end include section -->
</div>
</body>
</html>

tutto ciò che è presente all'interno di <!-- include section --> e <!-- end include section --> sarà sostituito con il contenuto della pagina.

Tutti i javascript Brainvalley vengono aggiunti runtime automaticamente. it, Flatnux CMS ecc. verranno sostituiti runtime dal cms.

i path sono relativi al file, style.css si troverà quindi all'interno di  themes/example/style.css

Pagine

le pagine del sito sono all'interno di sottocartelle di sections/

 

ogni sottocartella genera una pagina.

il contenuto della pagina è all'interno del file sections/NOMEPAGINA/section.LANG.html dove LANG è la lingua.

 
Esempio di una pagina "home":
contenuto di sections/home/section.it.html
<div>
        Hello world!<br />
       <img src="image.png" />
</div>

l'immagine image.png si troverà in sections/home/image.png

TEMPLATE DEI MENU 

 

se vogiamo definire lo stile che deve avere il menu possiamo aggiungerlo in themes/NOME TEMA/template.tp.html

 

<nav class="yourclass">
<ul class="yourclass2">
<!-- include topmenu -->
<!-- menuitems -->
<!-- menuitemactive -->
<li>
    <a href="http://flatnux.altervista.org/" class="active">Page</a>
    <!-- submenu -->
    <ul>
        <!-- submenuitems -->
        <!-- submenuitem -->
        <li><a href="http://flatnux.altervista.org/">Subpage 1</a>{submenu}</li>
        <!-- endsubmenuitem -->
        <!-- endsubmenuitems -->
    </ul>
    <!-- endsubmenu -->
</li>
<!-- endmenuitemactive -->
<!-- endmenuitems -->
<!-- end include topmenu -->
</ul> 
</nav>

Tema Specifico per una pagina

se vogiamo definire lo stile che deve avere una singola pagina possiamo creare un teplate nominandolo in questo modo:

themes/NOME TEMA/template.NOMEPAGINA.tp.html

NOMEPAGINA corrisponde al nome della cartella sections/NOMEPAGINA

Tema Specifico per una tipo di pagina

se vogiamo definire lo stile che devono avere tutte le pagine appartenenti ad un certo tipo (ad esempio news) possiamo creare un teplate nominandolo in questo modo:

themes/NOME TEMA/template.type.TIPOPAGINA.tp.html

TIPOPAGINA corrisponde al nome della cartella modules/TIPOPAGINA