moziloCMS Logo Documentazione moziloCMS
moziloCMS - Il CMS per principianti

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.

Elementi della sintassi CMS

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.

Sinistra

Collegamento esterno:

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.

Collegamento interno:

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.

Link per scaricare:

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.

Per tutti gli elementi della sintassi del collegamento:

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.

Variante 1:

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

Variante 2:

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 ]
Inserisci immagini
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
Stet clita kas dgu bergren, no sea tak imata sanctu s est Lorem ipsum dolor sit amet.
[ 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
Stet clita kas dgu bergren, no sea tak imata sanctu s est Lorem ipsum dolor sit amet.

Le immagini disponibili vengono selezionate dalla Selectbox inserito.

Per tutti gli elementi della sintassi dell'immagine:

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.

Riferimento di salto
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.

Visualizzazione del testo come elenco
Icona: Sintassi CMS: Funzione: Esempio: Risultato:
[ liste | ] Crea una riga di testo rientrata preceduta da un punto elenco. [ liste | Prima riga ]
[ liste | Seconda riga ]
  • Prima riga
  • Seconda riga
[ numliste | ] Crea una riga di testo rientrata con numerazione precedente. [ numliste | Prima riga ]
[ numliste | Seconda riga ]
  1. Prima riga
  2. Seconda riga

Entrambi gli elementi della sintassi possono anche essere annidati.

Esempio: Risultato:
[ numliste | Prima riga ]
[ numliste | Seconda riga
     [ liste | Prima sotto-riga ]
     [ liste | Seconda sottolinea ]
     [ liste | Terza sottolinea ]
]
[ numliste | Terza riga ]
  1. Prima riga
  2. Seconda riga
    • Prima sotto-riga
    • Seconda sottolinea
    • Terza sottolinea
  3. Terza riga
Tavolo
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 >
]
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.

Linea di demarcazione
Icona: Sintassi CMS: Funzione: Esempio: Risultato:
[ ---- ] Linea di divisione orizzontale [ ---- ]
Inserisci codice sorgente HTML
Icona: Sintassi CMS: Funzione: Esempio: Risultato:
[ html | ] Percepisce il testo HTML come tale e genera la visualizzazione corrispondente. [ html | <marquee> Testo </marquee> ] Testo

Con questo elemento di sintassi puoi, ad esempio, incorporare un collegamento video o una mappa interattiva.

Include
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.

Formattazione del carattere e del paragrafo
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 è barrato
dimensione del carattere
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 >

Colore del carattere
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 >.