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.
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.
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.
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.
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.
Als het teken = na de opdrachtnaam wordt geplaatst, gevolgd door tekst of een andere syntaxisopdracht, verandert de weergave van de koppeling dienovereenkomstig.
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 |
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 ] |
![]() |
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 ![]() |
![]() |
[ 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 ![]() |
De beschikbare afbeeldingen worden geselecteerd uit de Selectbox ingevoegd.
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.
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.
Icon: | CMS-syntaxis: | Functie: | Voorbeeld: | Resultaat: |
---|---|---|---|---|
![]() |
[ liste | ] | Maakt een inspringende tekstregel voorafgegaan door een opsommingsteken. |
[
liste
| Eerste regel ]
[ liste | Tweede regel ] |
|
![]() |
[ numliste | ] | Maakt een ingesprongen tekstregel met voorafgaande nummering. |
[
numliste
| Eerste regel ]
[ numliste | Tweede regel ] |
|
Voorbeeld: | Resultaat: |
---|---|
[
numliste
| Eerste regel ]
[ numliste | Tweede regel [ liste | Eerste sublijn ] [ liste | Tweede sublijn ] [ liste | Derde sublijn ] ] [ numliste | Derde regel ] |
|
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 > ] |
|
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.
Icon: | CMS-syntaxis: | Functie: | Voorbeeld: | Resultaat: |
---|---|---|---|---|
![]() |
[ ---- ] | Horizontale scheidingslijn | [ ---- ] |
|
Icon: | CMS-syntaxis: | Functie: | Voorbeeld: | Resultaat: |
---|---|---|---|---|
![]() |
[ html | ] | Neemt HTML-tekst als zodanig waar en genereert de bijbehorende weergave. | [ html | <marquee> Tekst </marquee> ] |
Met dit syntaxiselement kunt u bijvoorbeeld een videolink of een interactieve kaart insluiten.
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.
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 |
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 >
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 >.