Hilfe
Hilfe / Beispiele
Block's
Block's
Die häufigsten Block-Fälle und Module mittels interaktivem Video. Links kann man durch die Blöcke navigieren.
Textblock
Textblock
Das ist ein Lead-Text. Er ist etwas grösser als der Standardtext und kann fett ausgegeben werden.
CSS-Klassen müssen eingegeben werden und zwar:
uk-text-lead uk-text-small
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Ein Titel im Textmodul (erwirkt einen Abschnitsstitel Typ: H3 und Grösse: gross)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Button
Button für interne Verlinkungen
Mit dem Modul "Buttons" können auch mehrere Buttons gleichzeitig erstellt werden oder aber nur ein Button, einfach mit mehr Layoutmöglichkeiten.
Mehrere Links
Mehrere externe Links
...
Tabs / Akkordeon
Tabs / Akkordeon
...
-
TAB 1
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-
TAB 2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-
TAB 3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Kontakt
Kontakt
Bei dem Kontakt Modul am besten das Standard-Layout verwenden (siehe Einstellung des 1. Moduls links). Damit die Schriftgrösse etwas erhöht werden kann, ist ein CSS-Klassen Eintrag uk-text-lead nötig (siehe Beispiel Mitte mit "erweiterte Option").
Joshua Muster
Funktion und sonstige Beschreibung möglich
Zuständigkeit
Anwesenheit
etc.
Joshua Muster
Funktion und sonstige Beschreibung möglich
Zuständigkeit
Anwesenheit
etc.
Zitat
Zitat
Mögliche Zitatvarianten.
Grösse, Layout und Zitat-Text zwingend, restliche Eingaben optional.
Gruppenblock
Gruppenblock
Kann bei verschiedenen Themen wie Taufe, Konfirmation, Hochzeit, usw. als Link verwendet werden. Link führt auf eine Seite, die das Thema genauer beschreibt und Fragen beantwortet.
Titel
Interview
Titel
Kirche
Titel
Langenbruck
Medien
Medien und Medien mit Text
...
(Beschreibung optional)
(Beschreibung optional)
(Beschreibung optional)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
(Beschreibung optional)
Downloadsammlung
Downloadsammlung
...
Dynamische Downloadsammlung
Einzelne Seite
Einzelne Seite
Übersichtskachel mit Link zu einer Unterrubrik
Seitenauflistung
Seitenauflistung
Verwendung bspw. für Angebote...
Dynamische Seitenauflistung
...
Call to Aktion
Call to Aktion
...
Titel
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Titel
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Highligts
Highlights (News) in eine Seite einbinden
Variante 1
Voraussetzung für Highlights auf einer Seite darzustellen, ist im Backend in der Navigation (links) Highlights zuerst zu erstellen.
Einzelne Kachel darstellen
- Grösse definieren
- Titel nicht zwingend (wird im Frontend nicht angezeigt)
- Highlight (Name) wählen
Erweiterte Optionen (für CSS-Klassen oder das Modul "zu verstecken/auszublenden".
50 Jahre Dorfkirche
Variante 2
Voraussetzung für Highlights auf einer Seite darzustellen ist, in der Navigation (links) Highlights/News zuerst zu erstellen.
Mehrere Kacheln auf eine ganze Breitenseite darstellen
- Grösse definieren (ganze Breite bevorzugen)
- Titel nicht zwingend (wird im Frontend nicht angezeigt)
- Max. Einträge wählen (3 Einträge passen auf eine Seitenbreite)
Öffnungszeiten Verwaltung
Jahreslosung 2026
SmarTrail zum Advent mit «Kirchenfenster»
Veranstaltungen
Veranstaltungen
Wenn keine Veranstalungen stattfinden, bleibt der Inhalt leer. Modul und Einstellungen können aber trotzdem gesetzt werden.
Out of Rosenheim
Stadtkino, Basel
Eine Veranstaltung im Rahmen der Filmreihe «Aufbruch» im Alter. Grusswort zur Eröffnung durch Thomi Jourdan, Regierungsrat BL. Einführung durch Pfr. Tobias Dietrich, Leiter Fachstelle Diakonie refbl.
Buch-Talk mit Persönlichkeiten
Bibliothek Schmiedenhof, Basel
Was liest du? Wer bist du? Mit Dinah Hess, Gefängnisseelsorgerin.
C'è ancora domani
Stadtkino, Basel
Eine Veranstaltung im Rahmen der Filmreihe «Aufbruch» im Alter. Einführung: Heidi Witzig, Historikerin
News Beispiele
News Beispiel
Dieses Tool wird nach Bedarf erstellt. Hilfreich bei Medienmitteilungen.
