Documentation de MoziloCMS

Documentation de MoziloCMS

La "syntaxe CMS" est un langage de commande interne à Mozilo spécialement développé. Il est utilisé pour placer et aligner des éléments tels que des images et des liens sur des pages de contenu ou pour formater du texte.

Tous les éléments de syntaxe CMS peuvent être imbriqués selon certaines règles. Les instructions peuvent être trouvées dans le chapitre : Éditeur → Règles de syntaxe CMS >

Dans l'onglet d'administration "Paramètres" sous "Paramètres de syntaxe", vous pouvez ajouter des éléments de syntaxe auto-définis à l'aide de CSS et HTML.

En précédant un circonflexe (toit élevé) ^ le caractère suivant est protégé et interprété par le système comme un caractère de texte normal.
Par exemple, les crochets carrés et courbes, ainsi que la barre verticale [ | ] { } font partie des éléments de syntaxe dans moziloCMS.
Si ces caractères apparaissent dans le texte normal de la page, ils doivent être protégés par un toit élevé ^ (par exemple ^[ ).
Sinon, Mozilo peut les interpréter comme des caractères de syntaxe et entraîner des affichages incorrects.

Éléments de syntaxe CMS

Cliquer sur l'icône permet d'accéder directement à l'explication correspondante :

Toutes les commandes nécessaires à la conception de la page sont disponibles sous forme de boutons dans la barre de syntaxe CMS de l'éditeur.

Après avoir appuyé sur un bouton, la commande de syntaxe CMS correspondante apparaît à la position du curseur dans la fenêtre de travail de l'éditeur.
Si une commande fait référence à un élément de contenu, elle est insérée entre ces deux caractères | élément de contenu ici ].

Les éléments de contenu sont insérés comme suit:
En tapant ou à partir du presse-papiers – par exemple des textes, des adresses Internet, des adresses e-mail
En sélectionnant dans les cases de sélection – par exemple des images, des fichiers, des liens vers d'autres pages de contenu, des plugins

Si l'élément de contenu est placé en premier et complètement sélectionné, l'élément de syntaxe sera ajouté correctement lorsqu'il sera cliqué.

{ADMIN_USER_SELECT_TARGETBLANK}

Lien externe:

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ link \| ]	Ouvre un lien Internet	[ link \|https://www.mozilo.de/ ]	https://www.mozilo.de
	[ mail \| ]	Ouvre la livraison de l'e-mail à l'adresse saisie	[ link \|mail@server.de ]	mail@server.de

Dans l'onglet Admin "Paramètres", vous pouvez spécifier si les liens externes sont ouverts dans la même fenêtre de navigateur ou dans une nouvelle fenêtre.
Il n'est pas nécessaire de préfixer "https://" aux liens Internet. https://www.link.de et www.link.de sont tous deux valides.

Lien interne:

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ seite \| ]	Ouvre une page de contenu	[ seite \| @= Catégorie 1:Page 1 =@ ]	Page 1
	[ kategorie \| ]	Ouvre la première page d'une catégorie de contenu	[ kategorie \| @= Maison =@ ]	Maison

Les pages de contenu ou catégories disponibles sont sélectionnées dans la boîte de sélection inséré.

Lien de téléchargement:

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ datei \| ]	Démarre le téléchargement, ou selon le plugin du navigateur, l'affichage d'un fichier	[ datei \| @= Maison:archive.zip =@ ]	archive.zip

Les fichiers disponibles sont sélectionnés dans la boîte de sélection inséré.

Pour tous les éléments de syntaxe de lien :

Si un caractère = est placé après le nom de la commande, suivi d'un texte ou d'une autre commande de syntaxe, l'affichage du lien change en conséquence.

Variante 1:

Si du texte est inséré après le caractère =, ce texte sera affiché à la place du nom du lien d'origine.

Exemple:	Résultat:
[ link = Cliquez ici \|https://www.mozilo.de/ ]	Cliquez ici

Variante 2:

Est inséré après le caractère = en utilisant l'élément de syntaxe [ bild | ] Si une image est insérée, elle sera affichée à la place du nom du lien.

Exemple:	Résultat:
[ link = [ bild \| @= Maison:bild.jpg =@ ] \|https://www.mozilo.de ]

Insérer des images

CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
[ bild \| ]	Place une image sur une page de contenu (le flux de texte est interrompu des deux côtés)	[ bild \| @= Maison: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 \| ]	Place une image sur le bord gauche d'une page de contenu (le texte s'étend au-delà du bord droit de l'image)	[ bildlinks \| @= Maison: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 \| ]	Place une image sur le bord droit d'une page de contenu (le texte s'étend au-delà du bord gauche de l'image)	[ bildrechts \| @= Maison: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.

Les images disponibles sont sélectionnées dans la boîte de sélection inséré.

Pour tous les éléments de syntaxe d'image:

Si vous mettez un signe = après le nom de la commande et que vous saisissez ensuite du texte, il sera affiché sous forme de légende.

La saisie d'un texte alternatif (accessible) alt= est facultative. Si aucun texte n'est saisi, le nom du fichier image est utilisé.

Exemple:	Résultat:
[ bild = Fleur de lotus au bord du lac \| @= Maison:bild.jpg =@ \|alt=Une fleur de lotus montre toute sa splendeur ]	Fleur de lotus au bord du lac

A avec [ bild | ] l'image placée peut être modifiée avec les commandes [links | ], [zentriert | ], [rechts | ] aligné horizontalement.

Référence de saut

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ absatz = \| ]	Lien qui renvoie à un titre.	[ absatz = plus bas > \| Instructions ]	plus bas >

Dans l'exemple ci-dessus, dans la phrase : "Les instructions sont disponibles plus bas > ". Les deux derniers mots créent un lien de saut.
La cible de saut est le mot "Instructions" ailleurs sur la même page, ce qui est ou ou formaté comme un titre.

Sans autre spécification, [ absatz | ] crée un lien qui saute automatiquement en haut de la page.

Affichage du texte sous forme de liste

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ liste \| ]	Crée une ligne de texte en retrait précédée d'une puce.	[ liste \| Première ligne ] [ liste \| Deuxième ligne ]	Première ligne Deuxième ligne
	[ numliste \| ]	Crée une ligne de texte en retrait avec une numérotation précédente.	[ numliste \| Première ligne ] [ numliste \| Deuxième ligne ]	Première ligne Deuxième ligne

Les deux éléments de syntaxe peuvent également être imbriqués.

Exemple:	Résultat:
[ numliste \| Première ligne ] [ numliste \| Deuxième ligne [ liste \| Première sous-ligne ] [ liste \| Deuxième sous-ligne ] [ liste \| Troisième sous-ligne ] ] [ numliste \| Troisième ligne ]	Première ligne Deuxième ligne Première sous-ligne Deuxième sous-ligne Troisième sous-ligne Troisième ligne

Tableau

Icon:

CMS-Syntax:

Funktion:

Beispiel:

Ergebnis:

[ tabelle |
<< | >>
< | >
]

Organiser le texte ou d'autres éléments sous forme de tableau, triés par lignes et colonnes.

[ tabelle | Titre
<< Tête-colonne 1 | Tête-colonne 2 >>
< Ligne 1-colonne 1 | Ligne 1-colonne 2 >
< Ligne 2-colonne 1 | Ligne 2-colonne 2 >
]

Titre
Tête-colonne 1	Tête-colonne 2
Ligne 1-colonne 1	Ligne 1-colonne 2
Ligne 2-colonne 1	Ligne 2-colonne 2

En ajoutant plus de délimiteurs de ligne < > et séparateurs de colonnes | un tableau peut être composé de n'importe quel nombre de lignes et de colonnes. Un titre peut être ajouté.
Les tableaux peuvent également être affichés de manière réactive en spécifiant des instructions CSS dans le style.css (modèle).

Les tableaux ne peuvent être que symétriques. Cela signifie: Chaque ligne doit contenir le même nombre de colonnes.

Ligne de partage

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ ---- ]	Ligne de séparation horizontale	[ ---- ]

Insérer le code source HTML

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ html \| ]	Perçoit le texte HTML comme tel et génère l'affichage correspondant.	[ html \| <marquee> Texte </marquee> ]	Texte

Avec cet élément de syntaxe, vous pouvez, par exemple, intégrer un lien vidéo ou une carte interactive.

Inclure

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ include \| ]	Insère le contenu d'une autre page.	[ include \| @= Catégorie 1:Page 2 =@ ]	Ce texte est sur la page 2, mais sera affiché partout où la page 2 est "incluse".

Les pages de contenu disponibles sont sélectionnées à partir de la boîte de sélection inséré.

Est toujours utile lorsque le même contenu apparaît à plusieurs endroits: Par exemple, Par exemple, si une certaine adresse doit être affichée à plusieurs endroits, elle est écrite dans une page séparée à laquelle est attribué l'attribut "masqué". En utilisant "include", le contenu de cette page, y compris tout le formatage, peut être inséré n'importe où. Avantage: toute modification de l’adresse ne doit être effectuée qu’une seule fois.

Formatage des polices et des paragraphes

CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
[ ueber1 \| ]	Titre grand	[ ueber1 \| Titre grand ]	Titre grand
[ ueber2 \| ]	Titre moyen	[ ueber2 \| Titre moyen ]	Titre moyen
[ ueber3 \| ]	Titre petit	[ ueber3 \| Titre petit ]	Titre petit
[ links \| ]	Paragraphe de texte aligné à gauche	[ links \| ]	Le texte commence ici. Ça continue ici. Toutes les lignes sont alignées sur la marge de gauche.
[ zentriert \| ]	Paragraphe de texte centré	[ zentriert \| ]	Le texte commence ici. Ça continue ici. Toutes les lignes sont centrées.
[ block \| ]	Paragraphe de texte en texte justifié	[ block \| ]	Le texte commence ici. Ici il continue. Et tout est aligné sur les deux bords jusqu'à l'avant-dernière ligne.
[ rechts \| ]	Paragraphe de texte aligné à droite	[ rechts \| ]	Le texte commence ici. Ça continue ici. Toutes les lignes sont alignées sur la marge de droite.
[ fett \| ]	Texte en gras	Le texte est [ fett \| plus épais ] affiché	Le texte est plus épais affiché
[ kursiv \| ]	Texte en italique	Le texte est [ kursiv \| incliné ] affiché	Le texte est incliné affiché
[ unter \| ]	Texte souligné	Le texte est [ unter \| souligné ]	Le texte est souligné
[ durch \| ]	Texte barré	Le texte est [ durch \| barré ]	Le texte est ~~barré~~

{TOOLBAR_EDITOR_FONTSIZE}

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ fontsize = \| ]	Modifie la taille de la police (un paramètre est requis après =)	Il était un [ fontsize = 22px \|GÉANT ]	Il était un GÉANT

Des informations détaillées sur les paramètres de taille possibles de Fontsize peuvent être trouvées ici, à de.selfhtml.org >

Couleur de police

Icon:	CMS-Syntax:	Funktion:	Beispiel:	Ergebnis:
	[ farbe = \| ]	Modifie la couleur de la police (un nom de couleur ou un code de couleur hexadécimal est requis après =)	Ce mot est [ farbe = 00FF00 \| vert ]	Ce mot est vert

La couleur de l'élément de syntaxe le code couleur requis est attribué avant d'être appliqué.
À cet effet, moziloCMS dispose d'un sélecteur de couleurs intégré .