"Składnia CMS" to specjalnie opracowany, wewnętrzny język poleceń mozilo. Służy do rozmieszczania i wyrównywania elementów, takich jak obrazy i linki, na stronach z treścią lub do formatowania tekstu.
Wszystkie elementy składni CMS mogą być zagnieżdżane zgodnie z pewnymi zasadami. Instrukcje znajdziesz w rozdziale: Redaktor → Reguły składni CMS >
Na karcie administratora "Ustawienia" w obszarze "Ustawienia składni" możesz dodać samodzielnie zdefiniowane elementy składni za pomocą CSS i HTML.
Poprzedzanie znakiem cyrkumfleksu (wysoki dach) ^ powoduje, że następujący znak jest chroniony i interpretowany przez system jako znak normalnego tekstu.
Na przykład nawiasy kwadratowe i łukowe, a także pionowy pasek
[
|
]
{
} są częścią elementów składni w moziloCMS.
Jeśli te znaki pojawiają się w normalnym tekście strony, muszą być chronione poprzedzającym je wysokim dachem ^ (np. ^[ ).
W przeciwnym razie Mozilo może je zinterpretować jako znaki składniowe, co może skutkować nieprawidłowym wyświetlaniem.
Kliknięcie ikony powoduje przejście bezpośrednio do odpowiedniego wyjaśnienia:
Wszystkie polecenia niezbędne do zaprojektowania strony są dostępne jako przyciski na pasku składni CMS edytora.
Po naciśnięciu przycisku, w pozycji kursora w oknie roboczym edytora pojawia się odpowiednia komenda składni CMS.
Jeśli polecenie odwołuje się do elementu treści, wstawia się je pomiędzy dwoma znakami | tutaj element treści ].
Elementy treści są wstawiane w następujący sposób:
Wpisując lub ze schowka – np. teksty, adresy internetowe, adresy e-mail
Wybierając z pól wyboru – np. obrazy, pliki, linki do innych stron z treścią, wtyczki
Jeśli element zawartości zostanie umieszczony jako pierwszy i całkowicie zaznaczony, element składni zostanie poprawnie dodany po kliknięciu.
Ikona: | Składnia CMS: | Funkcjonować: | Przykład: | Wynik: |
---|---|---|---|---|
![]() |
[ link | ] | Otwiera łącze internetowe | [ link |https://www.mozilo.de/ ] | https://www.mozilo.de |
![]() |
[ mail | ] | Otwiera dostawę poczty e-mail na podany adres | [ link |mail@server.de ] | mail@server.de |
Na karcie Administracja „Ustawienia” możesz określić, czy linki zewnętrzne mają być otwierane w tym samym czy w nowym oknie przeglądarki.
Nie ma konieczności dodawania prefiksu "https://" do linków internetowych. Zarówno https://www.link.de, jak i www.link.de są prawidłowe.
Ikona: | Składnia CMS: | Funkcjonować: | Przykład: | Wynik: |
---|---|---|---|---|
![]() |
[ seite | ] | Otwiera stronę z treścią | [ seite | @= Kategoria 1:Strona 1 =@ ] | Strona 1 |
![]() |
[ kategorie | ] | Otwiera pierwszą stronę kategorii treści | [ kategorie | @= Dom =@ ] | Dom |
Dostępne strony lub kategorie treści są wybierane z Selectbox wstawiono.
Ikona: | Składnia CMS: | Funkcjonować: | Przykład: | Wynik: |
---|---|---|---|---|
![]() |
[ datei | ] | Rozpoczyna pobieranie lub, w zależności od wtyczki przeglądarki, wyświetlanie pliku | [ datei | @= Dom:archive.zip =@ ] | archive.zip |
Dostępne pliki są wybierane z Selectbox wstawiono.
Jeżeli po nazwie polecenia zostanie umieszczony znak =, po którym nastąpi tekst lub inne polecenie składniowe, wyświetlanie łącza ulegnie odpowiedniej zmianie.
Jeżeli po znaku = zostanie wstawiony tekst, tekst ten zostanie wyświetlony zamiast oryginalnej nazwy łącza.
Przykład: | Wynik: |
---|---|
[ link = Kliknij tutaj |https://www.mozilo.de/ ] | Kliknij tutaj |
Wstawiany jest po znaku = za pomocą elementu składni [ bild | ] Jeżeli wstawiono obraz, zostanie on wyświetlony zamiast nazwy łącza.
Przykład: | Wynik: |
---|---|
[ link = [ bild | @= Dom:bild.jpg =@ ] |https://www.mozilo.de ] |
![]() |
Ikona: | Składnia CMS: | Funkcjonować: | Przykład: | Wynik: |
---|---|---|---|---|
![]() |
[ bild | ] | Umieszcza obraz na stronie z treścią (przepływ tekstu jest przerywany po obu stronach) |
[ bild | @= Dom: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 | ] | Umieszcza obraz na lewej krawędzi strony z treścią (tekst przepływa poza prawą krawędź obrazu) |
[ bildlinks | @= Dom:bild.jpg =@ ] | Lorem ipsum dolor sit amet, con ![]() |
![]() |
[ bildrechts | ] | Umieszcza obraz na prawej krawędzi strony z treścią (tekst przepływa poza lewą krawędź obrazu) |
[ bildrechts | @= Dom:bild.jpg =@ ] | Lorem ipsum dolor sit amet, con ![]() |
Dostępne obrazy są wybierane z Selectbox wstawiono.
Jeśli po nazwie polecenia umieścisz znak =, a następnie wpiszesz tekst, zostanie on wyświetlony jako podpis.
Przykład: | Wynik: |
---|---|
[ bild = Kwiat lotosu nad jeziorem | @= Dom:bild.jpg =@ ] |
![]() Kwiat lotosu nad jeziorem |
A z [
bild
|
] umieszczony obraz można edytować za pomocą poleceń
[links |
],
[zentriert |
],
[rechts |
] wyrównane w poziomie.
Ikona: | Składnia CMS: | Funkcjonować: | Przykład: | Wynik: |
---|---|---|---|---|
![]() |
[ absatz = | ] | Link przenoszący do nagłówka. | [ absatz = dalej w dół > | Instrukcje ] | dalej w dół > |
W powyższym przykładzie, w zdaniu: "Instrukcje są dostępne dalej w dół > ".
Dwa ostatnie słowa tworzą link przejściowego.
Cel skoku to słowo „Instrukcje” znajdujące się w innym miejscu na tej samej stronie, czyli lub
lub
sformatowano jako nagłówek.
Bez dalszej specyfikacji, [ absatz | ] tworzy link, który automatycznie przenosi na górę strony.
Ikona: | Składnia CMS: | Funkcjonować: | Przykład: | Wynik: |
---|---|---|---|---|
![]() |
[ liste | ] | Tworzy wcięty wiersz tekstu poprzedzony punktem wypunktowania. |
[
liste
| Pierwsza linia ]
[ liste | Druga linia ] |
|
![]() |
[ numliste | ] | Tworzy wcięty wiersz tekstu z poprzedzającą go numeracją. |
[
numliste
| Pierwsza linia ]
[ numliste | Druga linia ] |
|
Przykład: | Wynik: |
---|---|
[
numliste
| Pierwsza linia ]
[ numliste | Druga linia [ liste | Pierwsza podlinia ] [ liste | Druga podlinia ] [ liste | Trzecia podlinia ] ] [ numliste | Trzecia linia ] |
|
Ikona: | Składnia CMS: | Funkcjonować: | Przykład: | Wynik: | ||||||
---|---|---|---|---|---|---|---|---|---|---|
![]() |
[
tabelle
|
<< | >> < | > ] |
Uporządkuj tekst lub inne elementy w sposób tabelaryczny, sortując je według wierszy i kolumn. |
[
tabelle
| Nagłówek
<< Głowa-Podział 1 | Głowa-Podział 2 >> < Linia 1-Podział 1 | Linia 1-Podział 2 > < Linia 2-Podział 1 | Linia 2-Podział 2 > ] |
|
Dodając więcej ograniczników wierszy < > i separatory kolumn | Tabela może składać się z dowolnej liczby wierszy i kolumn. Można dodać nagłówek.
Tabele można również wyświetlać responsywnie, określając instrukcje CSS w pliku style.css (szablon).
Tabele mogą być wyłącznie symetryczne. Oznacza to: Każdy wiersz musi zawierać taką samą liczbę kolumn.
Ikona: | Składnia CMS: | Funkcjonować: | Przykład: | Wynik: |
---|---|---|---|---|
![]() |
[ ---- ] | Pozioma linia podziału | [ ---- ] |
|
Ikona: | Składnia CMS: | Funkcjonować: | Przykład: | Wynik: |
---|---|---|---|---|
![]() |
[ html | ] | Odbiera tekst HTML jako taki i generuje odpowiedni wyświetlacz. | [ html | <marquee> Tekst </marquee> ] |
Za pomocą tego elementu składni możesz na przykład osadzić link do filmu lub interaktywną mapę.
Ikona: | Składnia CMS: | Funkcjonować: | Przykład: | Wynik: |
---|---|---|---|---|
![]() |
[ include | ] | Wstawia zawartość innej strony. | [ include | @= Kategoria 1:Strona 2 =@ ] | Ten tekst znajduje się na stronie 2, ale będzie wyświetlany wszędzie tam, gdzie strona 2 zostanie uwzględniona za pomocą "include". |
Dostępne strony z treścią są wybierane z Selectbox wstawiono.
Zawsze przydatne, gdy ta sama treść pojawia się w kilku miejscach: Na przykład, Na przykład, jeśli dany adres ma być wyświetlany w kilku miejscach, jest on zapisywany na osobnej stronie, której nadaje się atrybut "ukryty". Używając opcji "include", zawartość tej strony, łącznie z całym formatowaniem, można wstawić w dowolnym miejscu. Zaleta: Wszelkie zmiany adresu wystarczy wprowadzić tylko raz.
Ikona: | Składnia CMS: | Funkcjonować: | Przykład: | Wynik: |
---|---|---|---|---|
![]() |
[ ueber1 | ] | Nagłówek duży | [ ueber1 | Nagłówek duży ] |
Nagłówek duży
|
![]() |
[ ueber2 | ] | Nagłówek średni | [ ueber2 | Nagłówek średni ] |
Nagłówek średni
|
![]() |
[ ueber3 | ] | Nagłówek mały | [ ueber3 | Nagłówek mały ] |
Nagłówek mały
|
![]() |
[ links | ] | Akapit tekstu wyrównany do lewej | [ links | ] | Tekst zaczyna się tutaj. Ciąg dalszy tutaj. Wszystkie wiersze są wyrównane do lewego marginesu. |
![]() |
[ zentriert | ] | Akapit tekstu wyśrodkowany | [ zentriert | ] | Tekst zaczyna się tutaj. Ciąg dalszy tutaj. Wszystkie rzędy są wyśrodkowane. |
![]() |
[ block | ] | Akapit tekstu w wyjustowanym tekście | [ block | ] | Tekst zaczyna się tutaj. Tutaj kontynuuje. Wszystko jest wyrównane na obu krawędziach aż do przedostatniej linii. |
![]() |
[ rechts | ] | Akapit tekstu wyrównany do prawej strony | [ rechts | ] | Tekst zaczyna się tutaj. Ciąg dalszy tutaj. Wszystkie wiersze są wyrównane do prawego marginesu. |
![]() |
[ fett | ] | Pogrubienie tekstu | Tekst jest [ fett | grubszy ] wyświetlony | Tekst jest grubszy wyświetlony |
![]() |
[ kursiv | ] | Tekst kursywą | Tekst jest [ kursiv | pochylony ] wyświetlony | Tekst jest pochylony wyświetlony |
![]() |
[ unter | ] | Tekst podkreślony | Tekst jest [ unter | podkreślony ] | Tekst jest podkreślony |
![]() |
[ durch | ] | Przekreślenie tekstu | Tekst jest [ durch | przekreślone ] | Tekst jest |
Ikona: | Składnia CMS: | Funkcjonować: | Przykład: | Wynik: |
---|---|---|---|---|
![]() |
[ fontsize = | ] | Zmienia rozmiar czcionki (parametr jest wymagany po =) |
Był [ fontsize = 22px |GIGANT ] | Był GIGANT |
Szczegółowe informacje na temat możliwych parametrów rozmiaru Fontsize można znaleźć tutaj, pod adresem de.selfhtml.org >
Ikona: | Składnia CMS: | Funkcjonować: | Przykład: | Wynik: |
---|---|---|---|---|
![]() |
[ farbe = | ] | Zmienia kolor czcionki (po = wymagana jest nazwa koloru lub szesnastkowy kod koloru) |
To słowo jest [ farbe = 00FF00 | zielony ] | To słowo jest zielony |
Kolor elementu składni wymagany kod koloru jest przypisywany przed jego zastosowaniem.
W tym celu moziloCMS posiada zintegrowany selektor kolorów .
Podczas oznaczania istniejącego kodu koloru [
farbe
=
00FF00
| zielony ] a następnie kliknij zastępowany jest tylko kod koloru.
Oferuje trzy różne opcje ustawienia pożądanego koloru.
Pierścień kolorów:
1W zewnętrznym okręgu ustaw żądany kolor bazowy, przesuwając znacznik okręgu ustaw.
2W trójkącie wewnętrznym można ustawić stosunek jasności do nasycenia.
Wartości RGB:
3Przesuwając suwaki (czerwony, zielony, niebieski, nasycenie i jasność) lub wpisując odpowiednie wartości liczbowe (0 - 255) w polach tekstowych.
Bezpośrednie wprowadzenie kodu koloru:
4Jeśli znany jest 6-cyfrowy kod koloru, można go wpisać bezpośrednio w tym oknie tekstowym.
Więcej elementów:
5Wyświetl aktualnie ustawiony kolor
6Wyświetl ostatnio używany kolor. Aktualne ustawienie można cofnąć klikając tutaj.
7Wstępnie zdefiniowane kolory zapisane w karcie administratora Ustawienia >.