moziloCMS Logo moziloCMS-documentatie
moziloCMS - Het CMS voor beginners

De "CMS-syntaxis" is een speciaal ontwikkelde, door Mozilo zelf ontwikkelde opdrachttaal. Het wordt gebruikt om elementen zoals afbeeldingen en links op inhoudspagina's te plaatsen en uit te lijnen of om tekst op te maken.

Alle CMS-syntaxiselementen kunnen volgens bepaalde regels worden genest. Instructies vindt u in het hoofdstuk: Editor → CMS-syntaxisregels >

In het beheerderstabblad "Instellingen" onder "Syntaxisinstellingen" kunt u zelfgedefinieerde syntaxiselementen toevoegen met behulp van CSS en HTML.

Door een circumflex (hoog dak) ^ vooraf te laten gaan, wordt het volgende teken beschermd en door het systeem geïnterpreteerd als een normaal tekstteken.
Bijvoorbeeld, vierkante en gebogen haakjes, evenals de verticale balk [ | ] { } zijn onderdeel van syntaxiselementen in moziloCMS.
Als deze tekens in de normale paginatekst voorkomen, moeten ze worden beschermd met een voorafgaand hoog dak ^ (bijv. ^[ ).
Anders kan Mozilo ze interpreteren als syntaxistekens, wat kan leiden tot onjuiste weergave.

CMS-syntaxiselementen

Door op het pictogram te klikken springt u direct naar de betreffende uitleg:

Alle opdrachten die nodig zijn voor het ontwerpen van de pagina zijn beschikbaar als knoppen in de CMS-syntaxisbalk van de editor.

Nadat u op een knop hebt gedrukt, verschijnt de bijbehorende CMS-syntaxisopdracht op de cursorpositie in het werkvenster van de editor.
Als een opdracht verwijst naar een inhoudselement, wordt het ingevoegd tussen deze twee tekens | inhoudselement hier ].

Inhoudselementen worden als volgt ingevoegd:
Door te typen of vanuit het klembord – bijvoorbeeld teksten, internetadressen, e-mailadressen
Door te selecteren uit de selectievakjes – bijvoorbeeld afbeeldingen, bestanden, links naar andere inhoudspagina's, plug-ins

Als het inhoudselement als eerste wordt geplaatst en volledig is geselecteerd, wordt het syntaxiselement correct toegevoegd wanneer erop wordt geklikt.

Links

Externe link:

Icon: CMS-syntaxis: Functie: Voorbeeld: Resultaat:
[ link | ] Opent een internetlink [ link |https://www.mozilo.de/ ] https://www.mozilo.de
[ mail | ] Opent de e-mailbezorging naar het ingevoerde adres [ link |mail@server.de ] mail@server.de

In het Beheer tabblad "Instellingen" kunt u aangeven of externe links in hetzelfde of in een nieuw browservenster worden geopend.
Het is niet nodig om "https://" voor internetlinks te plaatsen. Zowel https://www.link.de als www.link.de zijn geldig.

Interne link:

Icon: CMS-syntaxis: Functie: Voorbeeld: Resultaat:
[ seite | ] Opent een inhoudspagina [ seite | @= Categorie 1:Pagina 1 =@ ] Pagina 1
[ kategorie | ] Opent de eerste pagina van een inhoudscategorie [ kategorie | @= Thuis =@ ] Thuis

De beschikbare inhoudspagina's of categorieën worden geselecteerd uit de Selectbox ingevoegd.

Downloadlink:

Icon: CMS-syntaxis: Functie: Voorbeeld: Resultaat:
[ datei | ] Start het downloaden, of afhankelijk van de browser-plugin, het weergeven van een bestand [ datei | @= Thuis:archive.zip =@ ] archive.zip

De beschikbare bestanden worden geselecteerd uit de Selectbox ingevoegd.

Voor alle link-syntaxiselementen:

Als het teken = na de opdrachtnaam wordt geplaatst, gevolgd door tekst of een andere syntaxisopdracht, verandert de weergave van de koppeling dienovereenkomstig.

Variant 1:

Als er tekst wordt ingevoegd na het teken =, wordt deze tekst weergegeven in plaats van de oorspronkelijke linknaam.

Voorbeeld: Resultaat:
[ link = Klik hier |https://www.mozilo.de/ ] Klik hier

Variant 2:

Wordt ingevoegd na het teken = met behulp van het syntaxiselement [ bild | ] Als er een afbeelding wordt ingevoegd, wordt deze weergegeven in plaats van de linknaam.

Voorbeeld: Resultaat:
[ link = [ bild | @= Thuis:bild.jpg =@ ] |https://www.mozilo.de ]
Afbeeldingen invoegen
Icon: CMS-syntaxis: Functie: Voorbeeld: Resultaat:
[ bild | ] Plaatst een afbeelding op een inhoudspagina
(tekststroom wordt aan beide kanten onderbroken)
[ bild | @= Thuis: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 | ] Plaatst een afbeelding aan de linkerrand van een inhoudspagina
(tekst loopt voorbij de rechterrand van de afbeelding)
[ bildlinks | @= Thuis: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 | ] Plaatst een afbeelding aan de rechterrand van een inhoudspagina
(tekst loopt voorbij de linkerrand van de afbeelding)
[ bildrechts | @= Thuis: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.

De beschikbare afbeeldingen worden geselecteerd uit de Selectbox ingevoegd.

Voor alle afbeeldingssyntaxiselementen:

Als u een = teken achter de opdrachtnaam plaatst en vervolgens tekst invoert, wordt deze als bijschrift weergegeven.

Voorbeeld: Resultaat:
[ bild = Lotusbloem bij het meer | @= Thuis:bild.jpg =@ ]
Lotusbloem bij het meer

A met [ bild | ] geplaatste afbeelding kan worden bewerkt met de opdrachten [links | ], [zentriert | ], [rechts | ] horizontaal uitgelijnd.

Sprong referentie
Icon: CMS-syntaxis: Functie: Voorbeeld: Resultaat:
[ absatz = | ] Link die naar een kop springt. [ absatz = verder naar beneden > | Instructies ] verder naar beneden >

In het bovenstaande voorbeeld, in de zin: "Instructies zijn beschikbaar verder naar beneden > ". De laatste twee woorden creëren een springlink.
Springdoel is het woord "Instructies" elders op dezelfde pagina, wat of of geformatteerd als een kop.

Zonder verdere specificatie, [ absatz | ] maakt een link die automatisch naar de bovenkant van de pagina springt.

Tekstweergave als lijst
Icon: CMS-syntaxis: Functie: Voorbeeld: Resultaat:
[ liste | ] Maakt een inspringende tekstregel voorafgegaan door een opsommingsteken. [ liste | Eerste regel ]
[ liste | Tweede regel ]
  • Eerste regel
  • Tweede regel
[ numliste | ] Maakt een ingesprongen tekstregel met voorafgaande nummering. [ numliste | Eerste regel ]
[ numliste | Tweede regel ]
  1. Eerste regel
  2. Tweede regel

Beide syntaxiselementen kunnen ook worden genest.

Voorbeeld: Resultaat:
[ numliste | Eerste regel ]
[ numliste | Tweede regel
     [ liste | Eerste sublijn ]
     [ liste | Tweede sublijn ]
     [ liste | Derde sublijn ]
]
[ numliste | Derde regel ]
  1. Eerste regel
  2. Tweede regel
    • Eerste sublijn
    • Tweede sublijn
    • Derde sublijn
  3. Derde regel
Tafel
Icon: CMS-syntaxis: Functie: Voorbeeld: Resultaat:
[ tabelle |
<< | >>
< | >
]
Rangschik tekst of andere elementen in een tabelvorm, gesorteerd op rijen en kolommen. [ tabelle | Kop
<< Hoofd-Split 1 | Hoofd-Split 2 >>
< Lijn 1-Split 1 | Lijn 1-Split 2 >
< Lijn 2-Split 1 | Lijn 2-Split 2 >
]
Kop
Hoofd-Split 1 Hoofd-Split 2
Lijn 1-Split 1 Lijn 1-Split 2
Lijn 2-Split 1 Lijn 2-Split 2

Door meer regelafbakeningstekens toe te voegen < > en kolomscheidingstekens | Een tabel kan uit een willekeurig aantal rijen en kolommen bestaan. Er kan een koptekst worden toegevoegd.
Tabellen kunnen ook responsief worden weergegeven door CSS-instructies op te geven in de style.css (sjabloon).

Tabellen kunnen alleen symmetrisch zijn. Dit betekent: Elke rij moet hetzelfde aantal kolommen bevatten.

Scheidingslijn
Icon: CMS-syntaxis: Functie: Voorbeeld: Resultaat:
[ ---- ] Horizontale scheidingslijn [ ---- ]
HTML-broncode invoegen
Icon: CMS-syntaxis: Functie: Voorbeeld: Resultaat:
[ html | ] Neemt HTML-tekst als zodanig waar en genereert de bijbehorende weergave. [ html | <marquee> Tekst </marquee> ] Tekst

Met dit syntaxiselement kunt u bijvoorbeeld een videolink of een interactieve kaart insluiten.

Erbij betrekken
Icon: CMS-syntaxis: Functie: Voorbeeld: Resultaat:
[ include | ] Voegt de inhoud van een andere pagina in. [ include | @= Categorie 1:Pagina 2 =@ ] Deze tekst staat op pagina 2, maar wordt overal weergegeven waar pagina 2 is opgenomen met behulp van "include'."

De beschikbare inhoudspagina's worden geselecteerd uit de Selectbox ingevoegd.

Is altijd handig als dezelfde inhoud op meerdere plaatsen voorkomt: Bijvoorbeeld, als... Als een bepaald adres bijvoorbeeld op meerdere plaatsen moet worden weergegeven, wordt dit op een aparte pagina geschreven met het kenmerk "verborgen". Met behulp van "include" kan de inhoud van deze pagina, inclusief alle opmaak, overal worden ingevoegd. Voordeel: Eventuele adreswijzigingen hoeft u slechts één keer door te voeren.

Lettertype en alinea-opmaak
Icon: CMS-syntaxis: Functie: Voorbeeld: Resultaat:
[ ueber1 | ] Kop groot [ ueber1 | Kop groot ]
Kop groot
[ ueber2 | ] Kop medium [ ueber2 | Kop medium ]
Kop medium
[ ueber3 | ] Kop klein [ ueber3 | Kop klein ]
Kop klein
[ links | ] Tekstalinea links uitgelijnd [ links | ] De tekst begint hier.
Het gaat hier verder. Alle regels worden uitgelijnd op de linkermarge.
[ zentriert | ] Tekstparagraaf gecentreerd [ zentriert | ] De tekst begint hier.
Het gaat hier verder. Alle rijen zijn gecentreerd.
[ block | ] Tekstparagraaf in uitgelijnde tekst [ block | ] De tekst begint hier. Hier gaat hij verder. En alles is aan beide randen, tot aan de op één na laatste regel, strak uitgelijnd.
[ rechts | ] Tekstalinea rechts uitgelijnd [ rechts | ] De tekst begint hier.
Het gaat hier verder. Alle regels worden uitgelijnd op de rechtermarge.
[ fett | ] Tekst vetgedrukt Tekst is [ fett | dikker ] weergegeven Tekst is dikker weergegeven
[ kursiv | ] Tekst cursief Tekst is [ kursiv | schuin ] weergegeven Tekst is schuin weergegeven
[ unter | ] Tekst onderstreept Tekst is [ unter | onderstreept ] Tekst is onderstreept
[ durch | ] Tekst doorhalen Tekst is [ durch | doorgestreept ] Tekst is doorgestreept
Lettergrootte
Icon: CMS-syntaxis: Functie: Voorbeeld: Resultaat:
[ fontsize = | ] Wijzigt de lettergrootte
(een parameter is vereist na =)
Hij was een [ fontsize = 22px |GIGANT ] Hij was een GIGANT

Gedetailleerde informatie over de mogelijke grootteparameters van Fontsize is hier te vinden, op de.selfhtml.org >

Letterkleur
Icon: CMS-syntaxis: Functie: Voorbeeld: Resultaat:
[ farbe = | ] Wijzigt de letterkleur
(een kleurnaam of hexadecimale kleurcode is vereist na =)
Dit woord is [ farbe = 00FF00 | groen ] Dit woord is groen

De kleur van het syntaxiselement de vereiste kleurcode wordt toegewezen voordat deze wordt toegepast.
Voor dit doel heeft MoziloCMS een geïntegreerde kleurenkiezer .

Bij het markeren van een bestaande kleurcode [ farbe = 00FF00 | groen ] en klik vervolgens op alleen de kleurcode wordt vervangen.

Er zijn drie verschillende opties voor het instellen van de gewenste kleur.

Kleurenring:

1Stel in de buitenste cirkel de gewenste basiskleur in door de cirkelmarkering te verplaatsen instellen.

2In de binnenste driehoek kan de verhouding tussen helderheid en verzadiging worden ingesteld.

RGB-waarden:

3Door de schuifregelaars (rood, groen, blauw, verzadiging en helderheid) te verplaatsen of door de overeenkomstige numerieke waarden (0 - 255) in de tekstvelden in te voeren.

Directe invoer van de kleurcode:

4Als de 6-cijferige kleurcode bekend is, kan deze rechtstreeks in dit tekstvenster worden ingevoerd.

Meer elementen:

5De momenteel ingestelde kleur weergeven

6Geef de laatst gebruikte kleur weer. U kunt de huidige instelling ongedaan maken door hier te klikken.

7Vooraf gedefinieerde kleuren opgeslagen in het beheerderstabblad Instellingen >.