Referenz

Diese Unterseite dient als interne Referenz für die Funktionen uns Inhaltselemente der rdp-Website. Sämtliche Inhaltsblöcke werden hier dargestellt und erläutert.

Überschrift

Die Struktur einer Seite wird maßgeblich durch Überschriften geformt. Der Block ‚Überschrift‘ ermöglicht Überschriften verschiedener Grade, was wiederum der inhaltlichen Gliederung dient. Die unterschiedlichen Grade werden auch visuell unterschiedlich groß dargestellt. Allerdings ist es wichtig, dass wir den Grad so auswählen, dass er sinnvoll zur inhaltlichen Struktur beiträgt und nicht nach seiner Größe.

Der Grad einer Überschrift wird in Kirby stark angelehnt an das technische Element dahinter. Aus diesem Grund werden die Grade h1, h2, h3 usw. genannt. Der h1-Grad ist die Überschrift für die gesamte Unterseite und kann daher nicht im Inhalt eingesetzt werden. Diese Überschrift wird stattdessen automatisch aus dem Seitentitel bzw. dem Feld ‚Überschrift‘ im Abschnitt ‚Kopfzeile‘ generiert. Der erste Grad des Inhalts ist daher h2.

Wenn mehr als 3 Grade benötigt werden (also unter h4) macht es häufig Sinn, die komplette Struktur der Seite zu überdenken und ggf. weitere Unterseiten einzuführen.

Überschriften als Block oder in einem Text-Block?

Überschriften können auch als Absatzstil in einem Text-Block angelegt werden. Dabei ist das visuelle Ergebnis dasselbe. Der Vorteil des Überschriften-Blocks ist, dass die Überschrift mit einer ID versehen wird auf die per URL direkt verlinkt werden kann. Der Vorteil einer Überschrift innerhalb eines Text-Blocks ist, dass sie farbig hinterlegt werden kann. Generell sind Überschriften als eigener Block zu bevorzugen, insbesondere bei längeren Texten ist die Überschrift innerhalb des Text-Blocks jedoch schneller in der Bearbeitung.

Überschrift 2. Grades

Überschrift 3. Grades

Überschrift 4. Grades

Überschrift 5. Grades

Text

Der Text-Block ermöglicht die Darstellung von einfachem Fließtext. Er hat jedoch auch ein paar Formattierungsmöglichkeiten parat. Text kann fett, kursiv oder durchgestrichen dargestellt werden. Die Markierung als Code kann hilfreich sein um bspw. eine IBAN hervorzuheben. Natürlich ist es auch möglich, Links und verlinkte E-Mail-Adressen zu verwenden. Einzelne Passagen können zudem farblich hervorgehoben werden. Der Text-Block unterstützt die Anwendung von Formattierungen mit Sonderzeichen nach der sog. Markdown-Syntax. Mehr dazubei Wikipedia.

Liste

Listen können einerseits mit dem Listen-Block und andererseits auch direkt im Text-Block erzeugt werden. Sowohl ungeordnete, als auch geordnete Listen sind möglich.

Ungeordnete Liste

  • BdP
  • BMPPD
  • DPSG
  • PSG
  • VCP

Geordnete Liste

  1. Vereinigtes Königreich
  2. Dänemark
  3. Vereinigtes Königreich
  4. Ungarn
  5. Niederlande
  6. Frankreich
  7. Frankreich
  8. Österreich
  9. Kanada
  10. Vereinigtes Königreich

Hervorgehobene Abschnitte

Einzelne Abschnitte (bzw. Layouts in Kirby-Sprache) können visuell hervorgehoben werden, indem sie farblich hinterlegt werden. Dabei ist eine Hinterlegung in Grau oder eine in Farbe der Unterseite möglich.

Design-Einstellungen

Unterseiten haben jeweils einen Design-Reiter, über den die Farbe der Seite eingestellt werden kann. Wir können wählen zwischen:

  • rdp (rot, für nationale Themen bzw. als Standard)

  • International (petrol)

  • Jota-Joti (4 Farben)

  • Friedenslicht

Zitat

Zitate können mit einem eigenen Block wirkungsvoll hervorgehoben werden. Dafür gibt es zwei Stile – ‚Standard‘ und ‚Karte‘.

Stil: Standard

I may not have gone where I intended to go, but I think I ended up where I needed to be.

Douglas Adams

Stil: Karte

I may not have gone where I intended to go, but I think I ended up where I needed to be.

Douglas Adams

Kontaktinformationen

Kontaktinformationen werden als digitale Visitenkarten angezeigt und ziehen ihre Informationen aus den Benutzer*innen, die in Kirby angelegt sind. Auch Personen ohne Benutzerkonto können angezeigt werden, indem für sie ein Benutzerkonto ohne Zugriffsrechte mit der Rolle ‚Kontakt‘ angelegt wird. Kontaktinformationen werden in zweispaltigen Layouts automatisch angepasst.

Überschrift Kontaktinformation

Aktionen

Aktionen sind Links, die nicht im Fließtext sondern getrennt dargestellt werden. Damit sie im Layout nicht untergehen, bekommen sie eine Button-ähnliche Darstellung.

Link Link

Dokumente

Der Dokumente-Block stellt Dokumente zum Download bereit und kann zusätzlich auch Links darstellen. Diese Mischung kann im Vergleich zum Aktionen-Block bspw. für Kontingente hilfreich sein, die zum einen Anmeldeformulare zum Download anbieten und gleichzeitig auch per Link auf die Teilnahmebedingungen verweisen wollen.

Splashtext

Der Splashtext-Block hebt Text hervor indem er größer geschrieben wird und mit etwas Abstand im Layout eingesetzt wird. Er eignet sich gut für den Anfang eines Abschnittes oder zur Unterbrechung und Auflockerung eines Textes an einer Stelle, an der keine Überschrift eingesetzt werden kann.

Stil: Standard

Splashtext ist eine zusätzliche Möglichkeit, lange Texte aufzulockern

Stil: Karte + Nummerierung

1

Splashtext ist eine zusätzliche Möglichkeit, lange Texte aufzulockern

Stil: Karte + Zentriert

Splashtext ist eine zusätzliche Möglichkeit, lange Texte aufzulockern

Statistik

Mithilfe des Statistik-Blocks können Zahlen prominent dargestellt werden, ähnlich einer Statistik. So lassen sich bspw. Veranstaltungen unterstützen.

Pfadis
1.000
Tage
5
Lagerfeuer
11

Bild

Der Bild-Block zeigt Bilder in verschiedenen Größen an und optional auch mit Beschriftung und Attribution, also Nennung des*der Fotograf*in. Bilder sollten generell in einer sehr guten Auflösung hochgeladen werden. Kirby wird automatisch verschiedene Versionen erzeugen, die an die Größe der Seite und die Auflösung des jeweiligen Bildschirms angepasst sind.

In der Detailansicht eines Bildes sollte direkt nach dem Upload ein geeigneter Fokuspunkt gesetzt werden. In Situationen, in denen das Bild von Kirby automatisch zugeschnitten wird, bleibt der Fokuspunkt in der Mitte des Bildes.

Stil: Standard

Alternativtext verbessert die Barrierefreiheit der Website indem er den Inhalt des Bildes weiter beschreibt.
Ein Bild kann eine Beschriftung anzeigen. In der Regel erfährt man hier wichtigen Kontext, bspw. wann und wo das Bild aufgenommen wurde. Foto: Till Sanders, rdp

Stil: Großflächig

Alternativtext verbessert die Barrierefreiheit der Website indem er den Inhalt des Bildes weiter beschreibt.
Ein Bild kann eine Beschriftung anzeigen. In der Regel erfährt man hier wichtigen Kontext, bspw. wann und wo das Bild aufgenommen wurde. Foto: Till Sanders, rdp

Stil: Vollflächig

Alternativtext verbessert die Barrierefreiheit der Website indem er den Inhalt des Bildes weiter beschreibt.

Zuschnitt und Seitenverhältnis

Bilder können auch direkt von Kirby unter Berücksichtigung des Fokuspunktes auf ein beliebiges Seitenverhältnis zugeschnitten werden.

Alternativtext verbessert die Barrierefreiheit der Website indem er den Inhalt des Bildes weiter beschreibt.
Ein Bild kann eine Beschriftung anzeigen. In der Regel erfährt man hier wichtigen Kontext, bspw. wann und wo das Bild aufgenommen wurde. Foto: Till Sanders, rdp

Einbettung

Mittels sog. iFrames können Inhalte anderer Seiten eingebettet werden. Derzeit gibt es entsprechende Unterstützung für YouTube-Videos. Da bei der Verwendung von iFrames immer auch personenbezogene Daten (mindestens die IP-Adresse) mit mindestens einem Drittanbieter geteilt werden, bitten wir vor dem Laden des iFrames um eine Bestätigung.

Beschriftung für ein YouTube-Video

Akkordion

Der Akkordion-Block wird meist am Ende einer Seite eingesetzt um detailliertere Inhalte abzukürzen. Dabei kann es sich beispielsweise um FAQs oder Anleitungen handeln. Akkordions können beliebig viele Elemente enthalten, die aus einer Überschrift, einer optionalen Unterüberschrift, einem Text und optionalen Aktionen verfügen. Akkordions können in unterschiedlichen Layouts dargestellt werden.

Layout: Standard

Beschriftung des Akkordions

Abschnitt mit Überschrift

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at erat quis nibh mattis cursus. Fusce rutrum odio at ultrices maximus. Duis et massa finibus, sagittis quam eget, sagittis ex. Proin bibendum non nunc ut dignissim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer sem diam, imperdiet vitae rutrum a, rhoncus vel nisl. Suspendisse potenti. Vestibulum auctor diam at nisi scelerisque, sed mollis mauris rutrum. Proin egestas vestibulum libero eget rutrum. Sed vel hendrerit mauris. Nunc nisi nulla, iaculis in mi in, pretium interdum neque.

Abschnitt mit Unterüberschrift Unterüberschrift

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at erat quis nibh mattis cursus. Fusce rutrum odio at ultrices maximus. Duis et massa finibus, sagittis quam eget, sagittis ex. Proin bibendum non nunc ut dignissim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer sem diam, imperdiet vitae rutrum a, rhoncus vel nisl. Suspendisse potenti. Vestibulum auctor diam at nisi scelerisque, sed mollis mauris rutrum. Proin egestas vestibulum libero eget rutrum. Sed vel hendrerit mauris. Nunc nisi nulla, iaculis in mi in, pretium interdum neque.

Abschnitt mit Aktionen

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at erat quis nibh mattis cursus. Fusce rutrum odio at ultrices maximus. Duis et massa finibus, sagittis quam eget, sagittis ex. Proin bibendum non nunc ut dignissim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer sem diam, imperdiet vitae rutrum a, rhoncus vel nisl. Suspendisse potenti. Vestibulum auctor diam at nisi scelerisque, sed mollis mauris rutrum. Proin egestas vestibulum libero eget rutrum. Sed vel hendrerit mauris. Nunc nisi nulla, iaculis in mi in, pretium interdum neque.

Link Link

Layout: Zweispaltig

Beim zweispaltigen Layout wird die Unterüberschrift in einer zweiten Spalte angezeigt und ist so auch vor aufklappen eines Elements sichtbar.

Beschriftung des Akkordions

Abschnitt mit Überschrift

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at erat quis nibh mattis cursus. Fusce rutrum odio at ultrices maximus. Duis et massa finibus, sagittis quam eget, sagittis ex. Proin bibendum non nunc ut dignissim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer sem diam, imperdiet vitae rutrum a, rhoncus vel nisl. Suspendisse potenti. Vestibulum auctor diam at nisi scelerisque, sed mollis mauris rutrum. Proin egestas vestibulum libero eget rutrum. Sed vel hendrerit mauris. Nunc nisi nulla, iaculis in mi in, pretium interdum neque.

Abschnitt mit Unterüberschrift Unterüberschrift

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at erat quis nibh mattis cursus. Fusce rutrum odio at ultrices maximus. Duis et massa finibus, sagittis quam eget, sagittis ex. Proin bibendum non nunc ut dignissim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer sem diam, imperdiet vitae rutrum a, rhoncus vel nisl. Suspendisse potenti. Vestibulum auctor diam at nisi scelerisque, sed mollis mauris rutrum. Proin egestas vestibulum libero eget rutrum. Sed vel hendrerit mauris. Nunc nisi nulla, iaculis in mi in, pretium interdum neque.

Abschnitt mit Aktionen

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at erat quis nibh mattis cursus. Fusce rutrum odio at ultrices maximus. Duis et massa finibus, sagittis quam eget, sagittis ex. Proin bibendum non nunc ut dignissim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer sem diam, imperdiet vitae rutrum a, rhoncus vel nisl. Suspendisse potenti. Vestibulum auctor diam at nisi scelerisque, sed mollis mauris rutrum. Proin egestas vestibulum libero eget rutrum. Sed vel hendrerit mauris. Nunc nisi nulla, iaculis in mi in, pretium interdum neque.

Link Link

Darstellung als Karte

Beschriftung des Akkordions

Abschnitt mit Überschrift

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at erat quis nibh mattis cursus. Fusce rutrum odio at ultrices maximus. Duis et massa finibus, sagittis quam eget, sagittis ex. Proin bibendum non nunc ut dignissim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer sem diam, imperdiet vitae rutrum a, rhoncus vel nisl. Suspendisse potenti. Vestibulum auctor diam at nisi scelerisque, sed mollis mauris rutrum. Proin egestas vestibulum libero eget rutrum. Sed vel hendrerit mauris. Nunc nisi nulla, iaculis in mi in, pretium interdum neque.

Abschnitt mit Unterüberschrift Unterüberschrift

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at erat quis nibh mattis cursus. Fusce rutrum odio at ultrices maximus. Duis et massa finibus, sagittis quam eget, sagittis ex. Proin bibendum non nunc ut dignissim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer sem diam, imperdiet vitae rutrum a, rhoncus vel nisl. Suspendisse potenti. Vestibulum auctor diam at nisi scelerisque, sed mollis mauris rutrum. Proin egestas vestibulum libero eget rutrum. Sed vel hendrerit mauris. Nunc nisi nulla, iaculis in mi in, pretium interdum neque.

Abschnitt mit Aktionen

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at erat quis nibh mattis cursus. Fusce rutrum odio at ultrices maximus. Duis et massa finibus, sagittis quam eget, sagittis ex. Proin bibendum non nunc ut dignissim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer sem diam, imperdiet vitae rutrum a, rhoncus vel nisl. Suspendisse potenti. Vestibulum auctor diam at nisi scelerisque, sed mollis mauris rutrum. Proin egestas vestibulum libero eget rutrum. Sed vel hendrerit mauris. Nunc nisi nulla, iaculis in mi in, pretium interdum neque.

Link Link

Stories

Der Story-Block ist vielseitig einsetzbar für weiterführende Links, kleine Bildergalerien, Übersichten und als gestalterisches Element. Eine einzelne Story kann einen Titel, eine Beschreibung, eine Kategorie, ein Datum, einen Link und ein Hintergrundbild enthalten, die meisten Elemente sind allerdings freiwillig und es können auch Stories unterschiedlicher Konfiguration mit einander kombiniert werden. Wichtig ist, dass mindestens drei Stories in einem Block enthalten sind – aus gestalterischen Gründen.

Blogs

Unsere Website kann mehrere Blogs zur Verfügung stellen, die jeweils Artikel mit Kategorien, Veröffentlichungsdatum, Überarbeitungsdatum, Autor*in, Auszug und Titelbild enthalten.

Blogs sind kein Block, sondern ein Seitentyp. Um einen neuen Blog anzulegen, lege eine neue Unterseite an und wähle als Seitentyp ‚Blog‘. Unterseiten eines Blogs verwenden automatisch den Seitentyp ‚Artikel‘. Über drei zusätzliche Blöcke können Artikel auf der Blog-Seite oder an anderen Stellen auf der Website angezeigt werden.

Artikel, Listenansicht

Der Block ‚Artikel, Listenansicht‘, eigent sich am besten, um auf der Blog-Seite selbst eingesetzt zu werden. Er kann beliebig viele Artikel auflisten. Über die Einstellungen des Blocks kann auch eine Auflistung nach Gruppierung (Kategorie oder Erscheinungsjahr), ein Limit (Anzahl angezeigter Artikel), eine Sortierung (Titel oder Datum) eingerichtet werden. Außerdem können Titelbilder und Auszüge ein- bzw. ausgeschaltet werden.

In den Einstellungen des Blocks kann optional ausgewählt werden, Artikel eines bestimmten Blogs zu verwenden. Wenn dieses Feld leer ist, sucht das System nach dem nächsten Block (oben) in der Seitenstruktur.

  • Politisches Friedenslicht 2025

    Neuigkeiten Allgemein    20.12.2025

    Nach der großen Aussendungsfeier am 2. Adventswochenende in Linz (Österreich) hat das Friedenslicht nun auch die Bundesministerien und -Institutionen in Berlin erreicht.

Artikel, Promotion

Der Block ‚Artikel, Promotion‘ funktioniert sehr ähnlich, wie die Listenansicht. Allerdings gibt dieser Block nur Artikel aus, die wahlweise als hervorgehoben markiert sind, oder neu. Dieser Block eignet sich damit besonders, um nur ein paar besonders relevante Artikel anzuzeigen. Viele Einstellungen dieses Blocks sind analog zu den Einstellungen des Listenansicht-Blocks.

Artikel, Auswahl

Der Block ‚Artikel, Auswahl‘ ermöglicht die manuelle Auswahl beliebiger Artikel aus beliebigen Blogs. Damit eignet er sich besonders, um an anderen Stellen der Seite auf einzelne gezielt Artikel zu verweisen, weil sie für die jeweiligen Inhalte relevant sind.

  • Politisches Friedenslicht 2025

    Neuigkeiten Allgemein    20.12.2025

    Nach der großen Aussendungsfeier am 2. Adventswochenende in Linz (Österreich) hat das Friedenslicht nun auch die Bundesministerien und -Institutionen in Berlin erreicht.

Der ‚Link in Bio‘ Block ermöglicht eine einfache Link-Sammlung, wie sie von vielen Instagram-Profilen eingesetzt wird. Meistens wird dafür ein externes Tool eingekauft. Dieser Block ist eine kostenfreie und datenschutzfreundliche Alternative.

Über uns
Pfadfinden
Internationales
Jugendpolitik
Weiteres