Motor plantillas

Variables predefinidas

{$page.title}       // = Motor plantillas
{$page.description} // = Probando el motor de plantillas
{$page.tags}        // = portfolio,post-1
{$page.author}      // = Nakome
{$page.image}       // = 
{$page.date}        // = 05-01-2021
{$page.robots}      // = index,follow
{$page.keywords}    // = cms
{$page.category}    // = post
{$page.template}    // = post
{$page.published}   // = 1
{$page.background}  // = #f55
{$page.video}       // = 
{$page.color}       // = #fff
{$page.css}         // = 
{$page.javascript}  // = 
{$page.attrs}       // = string(46) "[{"nombre":"lola","edad":22,"genero":"mujer"}]"

{$page.json}        // =

Otras

Obtener fecha: {Date}
Obtener siguiente dia: {NextDay}
Obtener año: {Year}
Obtener url del sitio:  {Site_url}
Obtener hash del sitio:  {Site_current}
Asignamos nueva variable {? $color = 'azul' ?}
El color es: {?= $color ?} o {$color}
{$color|capitalize}
{$page.title|lower}

Condicionales

{If: true} 
    hola true 
{/If}

{If: $page.image} 
    La imagen existe
{Elseif: $page.title} 
    El titulo existe
{Else} 
    Ni la imagen ni el titulo existe
{/If}

Loop

{Loop: [1,2,3,4]} 
    repite esto 4 veces
{/Loop}

{Loop: $page.attrs as $attrs}
    Nombre: {$attrs.nombre}
    Edad: {$attrs.edad}
    Genero: {$attrs.genero}
{/Loop}

• Nombre: lola
• Edad: 22
• Genero: mujer

Estilos css y javascript en la página

{Style} 
:root{
--dark:blue;
--light:white;
}
{/Style}
// f12 para ver en la consola
{Script}console.log('titulo: {$page.title}'){/Script}