Cos'è un element?

Gli element nel tema Start servono ad arricchire e completare la navigazione sia dal punto di vista tecnico che grafico.

InternalLink

L'InternalLink serve ad inserire link interni che permettono la navigazione da un punto di una pagina ad un punto di una pagina.

InternalLink

Ipotizziamo di voler mettere un link che si trovi nella pagina dei widget all'inizio della sezione tabelle. Durante la scrittura della pagina aggiungiamo in questa posizione, come nell'esempio, l'elemento InternalLink:
$InternalLink link-tabelle
$Title2 Tabelle
Sono presenti due tipi di tabelle nel tema Start ...
@End

Dopo aver inserito l'elemento InternalLink possiamo richiamarlo partendo da qualsiasi parte del sito. Se il link di partenza e quello di arrivo sono nella stessa pagina non è necessario includere nel percorso il nome della pagina. Se i link sono su due pagine diverse disogna includere anche il nome html della pagina come nel seguente esempio:
<a href="widget.html#link-tabelle">vai alle tabelle</a>

Il risultato sarà: vai alle tabelle

HtmlSection

L'HtmlSection è utile a coloro già esperti di html che vogliono scrivere autonomamente da Static Web Creator parte del sito web.

HtmlSection

@HtmlSection
Scrittura di linguaggio html
@End

Gli elementi social

Gli elementi Social sono utili a collegare al sito web gli account social network desiderati. Sia che si utilizzi il SocialAggregator sia che si utilizzi un singolo Social element come ad esempio SocialFacebook, per comparire sulla pagina web devono essere impostati in "Configurazione del progetto → Social".
Quando un campo è completamente vuoto, il social corrispondente non sarà visualizzato. Quando il campo è compilato con le informazioni necessarie come nome account o numero di telefono comprensivo di prefisso internazione (es: +39xxxxxxxxxx), in funzione del social netwrok, l'icona apparirà.

SocialAggregator

$SocialAggregator

SocialFacebook e gli altri singoli social element

$SocialFacebook

GoogleMap

L'elemento GoogleMap può essere utile se si vuole arricchire la pagina dei contatti di una attività. Prima di inserire il seed bisogna andare su google maps ed effettuare la ricerca del dell'indiizzo che si vuole visualizzare. Cliccare su Condividi o Share, cliccare su Incorporare una mappa o Embed a map, successivamante cliccare su Copia HTML o Copy HTML.
Il codice copiato andrà di seguito al seed.

GoogleMap

$GoogleMap incollare qui il codice copiato da google maps rispettando lo spazio vuoto iniziale

Btn e BtnLittle e ImageBtnDownload

Gli elementi Btn e BtnLitle sono due tipologie di bottoni da utilizzare per linkare contenuti, riderezionamente, ecc...

Btn

$Btn link>Testo del bottone

BtnLittle

$Btn link>Testo del bottone

L'elemento ImageBtnDownload è un'altra tipologia di bottone che associa anche una immagine con lo stesso link del bottone.

ImageBtnDownload

$ImageBtnDownload assets/images/Immagine_Esempio2.png>inserire il link qui

Faq

Faq

@Faq Scrivere qui la domanda
Scrivere qui la risposta che comparirà all'interno dell'element Faq.
@End

Scrivere qui la domanda
Scrivere qui la risposta che comparirà all'interno dell'element Faq.

Gli elementi Full Background

Come già visto nella pagina framework per inserire una FullBackgroundImage o una FullBackgroundParallax è necessario utilizzare un un FullPageContainer in cui inserirlo.

Esempio: creare un contenitore full page per inserire una immagine a tutta pagina

@StartFullPageContainer
@End
@FullBackgroundParallaxassets/images/immagine.jpg
@End
@StopFullPageContainer
@End

Elementi immagine

Gli elementi immagine servono ad inserire immagini centrate, video mp4 con copertina e gif animate.

Image

$Image assets/images/immagine.jpg

Video-mp4

$Image assets/images/immagine.jpg>assets/video/video.mp4

Gif

$Gif assets/video/immagine.gif

...
Tra gli elementi Image troviamo anche l'ImageCard che associa all'immagine una descrizione e un bottone.

Esempio di ImageCard

@ImageCard assets/images/immagine.jpg;Descrizione immagine>Titolo qui|Testo bottone
In questa sezione va inserita la descrizione relativa all'elemento ImageCard che si sta inserendo. @End

Descrizione immagine

Titolo qui

In questa sezione va inserita la descrizione relativa all'elemento ImageCard che si sta inserendo.

Testo bottone