moziloCMS Logo Dokumentacja moziloCMS
moziloCMS - CMS dla początkujących

"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 [ | ] { }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.

Elementy składni CMS

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.

Lewy

Link zewnętrzny:

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.

Link wewnętrzny:

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.

Link do pobrania:

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.

Dla wszystkich elementów składni łącza:

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.

Wariant 1:

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

Wariant 2:

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 ]
Wstaw obrazy
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
Stet clita kas dgu bergren, no sea tak imata sanctu s est Lorem ipsum dolor sit amet.
[ 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
Stet clita kas dgu bergren, no sea tak imata sanctu s est Lorem ipsum dolor sit amet.

Dostępne obrazy są wybierane z Selectbox wstawiono.

Dla wszystkich elementów składni obrazu:

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.

Skok odniesienia
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.

Wyświetlanie tekstu jako listy
Ikona: Składnia CMS: Funkcjonować: Przykład: Wynik:
[ liste | ] Tworzy wcięty wiersz tekstu poprzedzony punktem wypunktowania. [ liste | Pierwsza linia ]
[ liste | Druga linia ]
  • Pierwsza linia
  • Druga linia
[ numliste | ] Tworzy wcięty wiersz tekstu z poprzedzającą go numeracją. [ numliste | Pierwsza linia ]
[ numliste | Druga linia ]
  1. Pierwsza linia
  2. Druga linia

Oba elementy składniowe można również zagnieżdżać.

Przykład: Wynik:
[ numliste | Pierwsza linia ]
[ numliste | Druga linia
     [ liste | Pierwsza podlinia ]
     [ liste | Druga podlinia ]
     [ liste | Trzecia podlinia ]
]
[ numliste | Trzecia linia ]
  1. Pierwsza linia
  2. Druga linia
    • Pierwsza podlinia
    • Druga podlinia
    • Trzecia podlinia
  3. Trzecia linia
Tabela
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 >
]
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.

Linia podziału
Ikona: Składnia CMS: Funkcjonować: Przykład: Wynik:
[ ---- ] Pozioma linia podziału [ ---- ]
Wstaw kod źródłowy HTML
Ikona: Składnia CMS: Funkcjonować: Przykład: Wynik:
[ html | ] Odbiera tekst HTML jako taki i generuje odpowiedni wyświetlacz. [ html | <marquee> Tekst </marquee> ] Tekst

Za pomocą tego elementu składni możesz na przykład osadzić link do filmu lub interaktywną mapę.

Włączać
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.

Formatowanie czcionki i akapitu
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 przekreślone
Rozmiar czcionki
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 >

Kolor czcionki
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 >.