La "sintassi CMS" è un linguaggio di comando interno a Mozilo, sviluppato appositamente. Viene utilizzato per posizionare e allineare elementi come immagini e link nelle pagine di contenuto o per formattare il testo.
Tutti gli elementi della sintassi CMS possono essere annidati secondo determinate regole. Le istruzioni si trovano nel capitolo: Editore → Regole di sintassi CMS >
Nella scheda di amministrazione "Impostazioni" sotto "Impostazioni sintassi" puoi aggiungere elementi di sintassi autodefiniti utilizzando CSS e HTML.
Preceduto da un accento circonflesso (tetto alto) ^, il carattere seguente viene protetto e interpretato dal sistema come un normale carattere di testo.
Ad esempio, parentesi quadre e curve, così come la barra verticale
[
|
]
{
} sono parte degli elementi sintattici in moziloCMS.
Se questi caratteri compaiono nel testo normale della pagina, devono essere protetti con un top ^ precedente (ad esempio ^[ ).
In caso contrario, Mozilo potrebbe interpretarli come caratteri di sintassi e generare visualizzazioni errate.
Cliccando sull'icona si passa direttamente alla spiegazione corrispondente:
Tutti i comandi necessari per la progettazione della pagina sono disponibili come pulsanti nella barra della sintassi CMS dell'editor.
Dopo aver premuto un pulsante, il comando di sintassi CMS corrispondente appare nella posizione del cursore nella finestra di lavoro dell'editor.
Se un comando fa riferimento a un elemento di contenuto, viene inserito tra questi due caratteri | elemento di contenuto qui ].
Gli elementi del contenuto vengono inseriti come segue:
Digitando o dagli appunti – ad esempio testi, indirizzi Internet, indirizzi e-mail
Selezionando dalle caselle di selezione – ad esempio immagini, file, collegamenti ad altre pagine di contenuto, plugin
Se l'elemento contenuto viene posizionato per primo e completamente selezionato, l'elemento sintassi verrà aggiunto correttamente quando si fa clic.
Icona: | Sintassi CMS: | Funzione: | Esempio: | Risultato: |
---|---|---|---|---|
![]() |
[ link | ] | Apre un collegamento Internet | [ link |https://www.mozilo.de/ ] | https://www.mozilo.de |
![]() |
[ mail | ] | Apre la consegna dell'email all'indirizzo inserito | [ link |mail@server.de ] | mail@server.de |
Nella scheda Amministrazione "Impostazioni" puoi specificare se i link esterni devono essere aperti nella stessa finestra del browser o in una nuova finestra.
Non è necessario anteporre "https://" ai link Internet. Sono validi sia https://www.link.de che www.link.de.
Icona: | Sintassi CMS: | Funzione: | Esempio: | Risultato: |
---|---|---|---|---|
![]() |
[ seite | ] | Apre una pagina di contenuto | [ seite | @= Categoria 1:Pagina 1 =@ ] | Pagina 1 |
![]() |
[ kategorie | ] | Apre la prima pagina di una categoria di contenuto | [ kategorie | @= Casa =@ ] | Casa |
Le pagine o le categorie di contenuto disponibili vengono inserite dalla Selectbox.
Icona: | Sintassi CMS: | Funzione: | Esempio: | Risultato: |
---|---|---|---|---|
![]() |
[ datei | ] | Avvia il download o, a seconda del plugin del browser, anche la visualizzazione di un file |
[ datei | @= Casa:archive.zip =@ ] | archive.zip |
I file disponibili vengono selezionati dalla casella di selezione inserito.
Se dopo il nome del comando viene inserito il carattere =, seguito dal testo o da un altro comando di sintassi, la visualizzazione del collegamento cambia di conseguenza.
Se si inserisce del testo dopo il carattere =, questo testo verrà visualizzato al posto del nome del collegamento originale.
Esempio: | Risultato: |
---|---|
[ link = Clicca qui |https://www.mozilo.de/ ] | Clicca qui |
Se un'immagine viene inserita dopo il carattere = utilizzando l'elemento sintattico [ bild | ] , verrà visualizzata al posto del nome del collegamento.
Esempio: | Risultato: |
---|---|
[ link = [ bild | @= Casa:bild.jpg =@ ] |https://www.mozilo.de ] |
![]() |
Icona: | Sintassi CMS: | Funzione: | Esempio: | Risultato: |
---|---|---|---|---|
![]() |
[ bild | ] | Inserisce un'immagine in una pagina di contenuto (il flusso di testo è interrotto su entrambi i lati) |
[ bild | @= Casa:bild.jpg =@ ] | Lorem ipsum dolor sit amet, con ![]() Stet clita kas dgu bergren, no sea tak imata sanctu s est Lorem ipsum dolor sit amet. |
![]() |
[ bildlinks | ] | Posiziona un'immagine sul bordo sinistro di una pagina di contenuto (il testo scorre oltre il bordo destro dell'immagine) |
[ bildlinks | @= Casa:bild.jpg =@ ] | Lorem ipsum dolor sit amet, con ![]() |
![]() |
[ bildrechts | ] | Posiziona un'immagine sul bordo destro di una pagina di contenuto (il testo scorre oltre il bordo sinistro dell'immagine) |
[ bildrechts | @= Casa:bild.jpg =@ ] | Lorem ipsum dolor sit amet, con ![]() |
Le immagini disponibili vengono selezionate dalla Selectbox inserito.
Se inserisci il segno = dopo il nome del comando e poi inserisci del testo, questo verrà visualizzato come didascalia.
Esempio: | Risultato: |
---|---|
[ bild = Fiore di loto al lago | @= Casa:bild.jpg =@ ] |
![]() Fiore di loto al lago |
A con [
bild
|
] l'immagine inserita può essere modificata con i comandi
[links |
],
[zentriert |
],
[rechts |
] allineato orizzontalmente.
Icona: | Sintassi CMS: | Funzione: | Esempio: | Risultato: |
---|---|---|---|---|
![]() |
[ absatz = | ] | Collegamento che rimanda a un'intestazione. | [ absatz = più in basso > | Istruzioni ] | più in basso > |
Nell'esempio precedente, nella frase: "Le istruzioni sono disponibili più in basso > ".
Le ultime due parole creano un collegamento di collegamento.
Jump target è la parola "Istruzioni" in un'altra parte della stessa pagina, che inizia con o
o
formattato come un titolo.
Senza ulteriori informazioni, [ absatz | ] crea un collegamento che salta automaticamente all'inizio della pagina.
Icona: | Sintassi CMS: | Funzione: | Esempio: | Risultato: |
---|---|---|---|---|
![]() |
[ liste | ] | Crea una riga di testo rientrata preceduta da un punto elenco. |
[
liste
| Prima riga ]
[ liste | Seconda riga ] |
|
![]() |
[ numliste | ] | Crea una riga di testo rientrata con numerazione precedente. |
[
numliste
| Prima riga ]
[ numliste | Seconda riga ] |
|
Esempio: | Risultato: |
---|---|
[
numliste
| Prima riga ]
[ numliste | Seconda riga [ liste | Prima sotto-riga ] [ liste | Seconda sottolinea ] [ liste | Terza sottolinea ] ] [ numliste | Terza riga ] |
|
Icona: | Sintassi CMS: | Funzione: | Esempio: | Risultato: | ||||||
---|---|---|---|---|---|---|---|---|---|---|
![]() |
[
tabelle
|
<< | >> < | > ] |
Organizza il testo o altri elementi in modo tabellare in base a righe e colonne. |
[
tabelle
| Titolo
<< Testa-Colonna 1 | Testa-Colonna 2 >> < Linea 1-Colonna 1 | Linea 1-Colonna 2 > < Linea 2-Colonna 1 | Linea 2-Colonna 2 > ] |
|
Aggiungendo più delimitatori di riga < > e separatori di colonna | una tabella può essere composta da un numero qualsiasi di righe e colonne. È possibile aggiungere un'intestazione.
Le tabelle possono anche essere visualizzate in modo reattivo specificando le istruzioni CSS nel file style.css (modello).
Le tabelle possono essere solo simmetriche. Ciò significa: Ogni riga deve contenere lo stesso numero di colonne.
Icona: | Sintassi CMS: | Funzione: | Esempio: | Risultato: |
---|---|---|---|---|
![]() |
[ ---- ] | Linea di divisione orizzontale | [ ---- ] |
|
Icona: | Sintassi CMS: | Funzione: | Esempio: | Risultato: |
---|---|---|---|---|
![]() |
[ html | ] | Percepisce il testo HTML come tale e genera la visualizzazione corrispondente. | [ html | <marquee> Testo </marquee> ] |
Con questo elemento di sintassi puoi, ad esempio, incorporare un collegamento video o una mappa interattiva.
Icona: | Sintassi CMS: | Funzione: | Esempio: | Risultato: |
---|---|---|---|---|
![]() |
[ include | ] | Inserisce il contenuto di un'altra pagina. | [ include | @= Categoria 1:Pagina 2 =@ ] | Questo testo è a pagina 2, ma verrà visualizzato ovunque ci sia pagina 2 è stato inserito "include". |
Le pagine di contenuto disponibili vengono selezionate dalla casella di selezione inserito.
È sempre utile quando lo stesso contenuto appare in più posti: Ad esempio, Ad esempio, se un determinato indirizzo deve essere visualizzato in più punti, viene scritto in una pagina separata a cui viene assegnato l'attributo "nascosto". Utilizzando "include", il contenuto di questa pagina, inclusa tutta la formattazione, può essere inserito ovunque. Vantaggio: Ogni modifica all'indirizzo deve essere apportata una sola volta.
Icona: | Sintassi CMS: | Funzione: | Esempio: | Risultato: |
---|---|---|---|---|
![]() |
[ ueber1 | ] | Titolo grande | [ ueber1 | Titolo grande ] |
Titolo grande
|
![]() |
[ ueber2 | ] | Titolo medio | [ ueber2 | Titolo medio ] |
Titolo medio
|
![]() |
[ ueber3 | ] | Titolo piccolo | [ ueber3 | Titolo piccolo ] |
Titolo piccolo
|
![]() |
[ links | ] | Paragrafo di testo allineato a sinistra | [ links | ] | Il testo inizia qui. Continua qui. Tutte le linee sono allineate al margine sinistro. |
![]() |
[ zentriert | ] | Paragrafo di testo centrato | [ zentriert | ] | Il testo inizia qui. Continua qui. Tutte le righe sono centrate. |
![]() |
[ block | ] | Paragrafo di testo giustificato | [ block | ] | Il testo inizia qui. Qui continua. E tutto è allineato a filo su entrambi i bordi fino alla penultima riga. |
![]() |
[ rechts | ] | Paragrafo di testo allineato a destra | [ rechts | ] | Il testo inizia qui. Continua qui. Tutte le linee sono allineate al margine destro. |
![]() |
[ fett | ] | Testo in grassetto | Il testo è [ fett | grasso ] mostrato | Il testo è grasso mostrato |
![]() |
[ kursiv | ] | Testo in corsivo | Il testo è [ kursiv | obliquo ] mostrato | Il testo è obliquo mostrato |
![]() |
[ unter | ] | Testo sottolineato | Il testo è [ unter | sottolineato ] | Il testo è sottolineato |
![]() |
[ durch | ] | Testo barrato | Il testo è [ durch | barrato ] | Il testo è |
Icona: | Sintassi CMS: | Funzione: | Esempio: | Risultato: |
---|---|---|---|---|
![]() |
[ fontsize = | ] | Cambia la dimensione del carattere (è richiesto un parametro dopo =) |
Era un [ fontsize = 22px |GIGANTE ] | Era un GIGANTE |
Informazioni dettagliate sui possibili parametri di dimensione di Fontsize possono essere trovate qui, all'indirizzo de.selfhtml.org >
Icona: | Sintassi CMS: | Funzione: | Esempio: | Risultato: |
---|---|---|---|---|
![]() |
[ farbe = | ] | Cambia il colore del carattere (è richiesto un nome colore o un codice colore esadecimale dopo =) |
Questa parola è [ farbe = 00FF00 | verde ] | Questa parola è verde |
All'elemento sintassi color viene assegnato il codice colore richiesto prima di essere applicato.
A questo scopo, moziloCMS ha un selettore di colori integrato .
Se selezioni un codice colore esistente [
farbe
=
00FF00
| verde ] e poi clicchi su verrà sostituito solo il codice colore.
Offre tre diverse opzioni per impostare il colore desiderato.
Anello colorato:
1Nel cerchio esterno, imposta il colore di base desiderato spostando il marcatore del cerchio impostato.
2Nel triangolo interno è possibile impostare il rapporto tra luminosità e saturazione.
Valori RGB:
3Spostando i cursori (rosso, verde, blu, saturazione e luminosità) o inserendo i valori numerici corrispondenti (0 - 255) nei campi di testo.
Inserimento diretto del codice colore:
4Se si conosce il codice colore a 6 cifre, è possibile inserirlo direttamente in questa finestra di testo.
Altri elementi:
5Visualizza il colore attualmente impostato
6Visualizza l'ultimo colore utilizzato. L'impostazione corrente può essere annullata cliccando qui.
7Colori predefiniti salvati nella scheda di amministrazione Impostazioni >.