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

Gauche

Lien externe:

Icône:	Syntaxe CMS:	Fonction:	Exemple:	Résultat:
	[ 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:

Icône:	Syntaxe CMS:	Fonction:	Exemple:	Résultat:
	[ 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:

Icône:	Syntaxe CMS:	Fonction:	Exemple:	Résultat:
	[ 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

Syntaxe CMS:	Fonction:	Exemple:	Résultat:
[ 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.

Exemple:	Résultat:
[ bild = Fleur de lotus au bord du lac \| @= Maison:bild.jpg =@ ]	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

Icône:	Syntaxe CMS:	Fonction:	Exemple:	Résultat:
	[ 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

Icône:	Syntaxe CMS:	Fonction:	Exemple:	Résultat:
	[ 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

Icône:

Syntaxe CMS:

Fonction:

Exemple:

Résultat:

[ 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

Icône:	Syntaxe CMS:	Fonction:	Exemple:	Résultat:
	[ ---- ]	Ligne de séparation horizontale	[ ---- ]

Insérer le code source HTML

Icône:	Syntaxe CMS:	Fonction:	Exemple:	Résultat:
	[ 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

Icône:	Syntaxe CMS:	Fonction:	Exemple:	Résultat:
	[ 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

Syntaxe CMS:	Fonction:	Exemple:	Résultat:
[ 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é~~

Taille de caractères

Icône:	Syntaxe CMS:	Fonction:	Exemple:	Résultat:
	[ 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

Icône:	Syntaxe CMS:	Fonction:	Exemple:	Résultat:
	[ 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é .

Lors du marquage d'un code couleur existant [ farbe = 00FF00 | vert ] puis cliquez sur seul le code couleur est remplacé.

Il offre trois options différentes pour définir la couleur souhaitée.

Anneau de couleur:

1Dans le cercle extérieur, définissez la couleur de base souhaitée en déplaçant le marqueur de cercle défini.

2Dans le triangle intérieur, le rapport entre la luminosité et la saturation peut être défini.

Valeurs RVB:

3En déplaçant les curseurs (rouge, vert, bleu, saturation et luminosité) ou en saisissant les valeurs numériques correspondantes (0 - 255) dans les champs de texte.

Saisie directe du code couleur:

4Si le code couleur à 6 chiffres est connu, il peut être saisi directement dans cette fenêtre de texte.

Plus d'éléments:

5Afficher la couleur actuellement définie

6Afficher la dernière couleur utilisée. Le paramètre actuel peut être annulé en cliquant ici.

7Couleurs prédéfinies enregistrées dans l'onglet administrateur Paramètres >.

Sélection d'une couleur Fermer

▲▼
▲▼
▲▼
▲▼
▲▼