Modulübersicht und -eigenschaften

Modularten

Bühne
Parallax-Bühne
Content-Slider

Teilen (inkl. Präsentation Farbpalette)

Steckbrief

Abschnitt
Akkordeon

Bildergalerie
Bild (einfach)
Zitate

Teaser
MultiContent (bis 3 Inhalte) Teaser
MultiPic (Bilderslider) Teaser

Social Post
Flockler (extern)

Ansprechpartner

 

Module, die nur in festgelegten Kontexten verwendet werden dürfen

Presse-Download (nur Presseseite)

Formular

News und Kurznachrichten (nur Startseite)

Magazin - Big Media
Magazin - Doppel-Teaser
Magazin - Roulette
Magazin - Slider
Magazin - Tag Cloud
Magazin - Teaser

 

Moduleinstellungen

Die meisten Module kommen in unterschiedlichen Ausführungen.

Eigenschaften, die in jedem Modul angepasst werden können, sind:

Hintergrundfarben: Standard weiß, Hellblau, Hellgelb, Hellgrau, Warmgrau, Gelb, Blau, Green, Lila, NeuBlau, Rot, DunkelBlau

Textfarbe: Standard schwarz, Blau, Weiß, Warmgrau

 

Texteinstellungen

Spitzmarke in Versalien

Absatz in Standardgröße

Einstieg vergrößert

 

Überschrift h1

Überschrift h2

Überschrift h3

 

Button primär

→ Text mit Hyperlink versehen, dann "Button" auswählen

 

Button sekundär

→ Text mit Hyperlink versehen, dann "Button sekundär" auswählen

 

Umrandung
einzelner Absatz mit gleicher Formatierung.

→ Text im Textfeld einfügen. Anschließend für den Absatz "Umrandung" auswählen.

 

 

Zitat

Zitat-Person

 

interner Link

externer Link

 

  1. Aufzählung 1
  2. Aufzählung 2
  3. Aufzählung 3

 

  • Bulletpoint 1
  • Bulletpoint 2
  • Bulletpoint 3

 

Strich:

 

Modul: Bühne

Ausrichtung (Generell): Zentriert

Spitzmarke

Überschrift h1

Einstieg

Die Klassen und ihre Lehrkräfte nach der Zeitungsgala von Meine Zeitung in der Alten Oper im Jahr 2018. Foto: F.A.Z./Martin Ly

Ausrichtung (Generell): Standard

Spitzmarke

Überschrift h1

Einstieg

Parallax-Bühne

Nur als erstes Seitenelement funktional. Text über dem BIld, beides rutscht beim Scrollen nach oben.

Bildung für mehr Zusammenhalt in einer vernetzten Welt

Content Slider

Überschrift h1

Überschrift h1

Überschrift h1

Überschrift h1

 

Modul: Teilen

Was im Textfeld "Titel" eingefügt wird, erscheint in der Betreffzeile der E-Mail.

Was im Textfeld "Beschreibung" eingefügt wird, erscheint als Standardtext auf allen angegebenen Plattformen.

SPTG-Farben

Teilen

Teilen

Teilen

Teilen

Teilen

Teilen

Teilen

Teilen

Teilen

PTG-Farben

Teilen

Teilen

Teilen

Teilen

 

Modul: Steckbrief

Elemente im Steckbriefmodul erscheinen in der Desktopversion zweispaltig nebeneinander, mobil untereinander.

Im Feld "Zahl" kann auch Text eingefügt werden. Die Größe ist anpassbar:
Standard groß (Element 1), klein (Element 2)

Die Größe des Texts im "Text"-Feld ist anpassbar:
Standard (Element 1), riesig (Element 2)

 

Ein Bild kann neben dem Text hochgeladen werden (Element 4).

Wird ein Haken bei "Logo" gesetzt, wird das Steckbrief-Element von dem Bild ersetzt. Kein weiterer Text kann eingefügt werden (Element 3).

Element 1

Zahl Größe: Standard

Textgröße: Standard

Element 2

Zahl Größe: klein

Textgröße: riesig

Element 4

Zahl oder Text

Darstellung mit Text und Bild

 

Modul: Abschnitt

Das Abschnittsmodul bietet alle Möglichkeiten der Textformatierung. Zudem kann es als Galerie für bis zu drei Bilder genutzt werden. Die Formatierungsmöglichkeiten bleiben dabei alle verfügbar. Die Texformatierung erfolgt abschnittsweise, Text muss dafür nicht markiert werden.

 

Bilder

Es können bis zu drei Bilder (< 3 MB) in einem Abschnittsmodul hochgeladen werden. Je nach Anzahl und Format der Bilder verändert sich die Darstellung des Moduls.

Bildunterschriften können pro Bild ein- oder ausgeblendet werden.

 

Angepasst werden können zudem:

Ausirchtung Horizontal (generell): Standard, zentriert → Textanordnung neben Bildern
Ausrichtung Vertikal (Text): Standard linksbündig, mittig (d.h. zentriert)

 

Spitzmarke

Überschrift h1: Absatz (nur Text)

Einstieg 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.

Absatz 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.

Überschrift h2

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.

»Zitat im Text«

Zitat-Person

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
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet

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.

 

Abschnitt mit 2 Bildern, Ausrichtung Horizontal (Generell): Standard

Überschrift h2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean faucibus urna sem, viverra efficitur nibh eleifend nec. Fusce ultricies augue at magna convallis mollis.

Donec sed sodales massa, pulvinar sodales nibh. Praesent molestie iaculis diam, eu interdum odio volutpat vel. Aenean blandit ultrices lacus, id vestibulum metus accumsan sed. Proin sed risus ipsum. Donec id tincidunt lorem.

Abschnitt mit 3 Bildern, Ausrichtung Horizontal (Generell): Standard

Überschrift h1

Donec sed sodales massa, pulvinar sodales nibh. Praesent molestie iaculis diam, eu interdum odio volutpat vel. Aenean blandit ultrices lacus, id vestibulum metus accumsan sed. Proin sed risus ipsum. Donec id tincidunt lorem.

Darstellung als Teaser (nur Button / Link klickbar)

Spitzmarke

Überschrift h1

Einstieg ipsum dolor sit amet. ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

Button mit CTA

Spitzmarke

Überschrift h1

Einstieg ipsum dolor sit amet.

Weiterleitungslink (extern)

 

Modul: Akkordeon

Überschrift h1

Überschrift und Beschreibung sowie die einzelnen Elemente innerhalb des Akkordeonmoduls bieten alle Möglichkeiten der Textformatierung.

Überschrift Element 1

Texteinstellungen

analog Abschnittsmodul

Spitzmarke

Absatz

Einstieg

Überschrift h1

Überschrift h2

Überschrift h3

 

Button primär

Button sekundär

 

Umrandung einzelner Absatz

 

 

Zitat

Zitat-Person

 

interner Link

externer Link

 

  1. Aufzählung 1
  2. Aufzählung 2
  3. Aufzählung 3
  • Bulletpoint 1
  • Bulletpoint 2
  • Bulletpoint 3

Überschrift Element 2

Texteinstellungen

analog Abschnittsmodul: Spitzmarke, Absatz, Einstieg, Überschrift h1, Überschrift h2, Überschrift h3, Button primär, Button sekundär, Umrandung einzelner Absatz, Umrandung
mehrere Absätze mit separater Formatierung, Zitat, Zitat-Person

Überschrift Element 3

Texteinstellungen

analog Abschnittsmodul: Spitzmarke, Absatz, Einstieg, Überschrift h1, Überschrift h2, Überschrift h3, Button primär, Button sekundär, Umrandung einzelner Absatz, Umrandung mehrere Absätze mit separater Formatierung, Zitat, Zitat-Person

Überschrift Element 4

Texteinstellungen

analog Abschnittsmodul: Spitzmarke, Absatz, Einstieg, Überschrift h1, Überschrift h2, Überschrift h3, Button primär, Button sekundär, Umrandung einzelner Absatz, Umrandung mehrere Absätze mit separater Formatierung, Zitat, Zitat-Person

Modul: Bildergalerie

Überschrift und Beschreibung der Galerie bieten alle Möglichkeiten der Textformatierung.

Darstellung: Liste oder Slider

Bildergalerien können per Bulk-Upload im Backend hochgeladen werden. Anschließend kann die Reihenfolge angepasst werden.

Darstellung als Liste

Abschnitt

Darstellung als Slider

Abschnitt

Modul: Bild (einfach)

 

Modul: Zitat

Darstellung: Groß

Zitat, h1 Zitierter Institution

Standard, Groß

Schriftgröße:

H2, H1

mit oder ohne Bild

mit oder ohne Link, mit oder ohne Button

Darstellung: Standard

Zitat, h2 Zitierter Institution
Zitat, h2 Zitierter Institution

Modul: Teaser

Darstellung:

1 Spalte

2 Spalten

3 Spalten

6 Spalten

Slider (groß)

Slider klein

1 Spalte + kleines Bild

Filter: ohne oder mit

 

Die Ansicht verändert sich je nach Anzahl der Teaserelemente. In einer Liste kann ein Teaser auf "halbe Breite" gesetzt werden, um es hervorzuheben.

Teasermodule können auch zur Spaltendarstellung von Texten verwendet werden.

1 Spalte

1 Spalte, kleines Bild

Spitzmarke

Überschrift

Absatz

Spitzmarke

Überschrift

Absatz

Spitzmarke

Überschrift

Absatz

1 Spalte, mit Highlight

2 Spalten

6 Spalten

Slider

Slider (klein)

Nur Text

Spitzmarke

Überschrift

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.

Spitzmarke

Überschrift

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.

Modul: Multi-Content-Elemente

MultiContent (bis 3 Inhalte) Teaser

Spitzmarke

Überschrift 2

Das Modul "MultiContent (bis 3 Inhalte) Teaser" bietet alle Möglichkeiten der Textformatierung.

Button

Spitzmarke

Überschrift 3

Das Modul "MultiContent (bis 3 Inhalte) Teaser" bietet alle Möglichkeiten der Textformatierung.

Button

MultiPic (Bilderslider) Teaser

Spitzmarke

Überschrift h1

Das Modul "MultiPic (Bilderslider) Teaser" bietet alle Möglichkeiten der Textformatierung.

Button

Modul: Ansprechpartner

Ansprechpartner

Darstellung: mit oder ohne Bild möglich

Name Funktion 012 234 567 89
beispiel@sptg.de
Name Funktion 012 234 567 89
beispiel@sptg.de
Name Funktion 012 234 567 89
beispiel@sptg.de
Name Funktion 012 234 567 89
beispiel@sptg.de

Modul: Social-Media-Elemente

Social Post

Modul zur Einbettung von Online-Beiträgen.

Medientyp auswählen, Einbettungslink des gewünschten Beitrags kopieren, unter "Einbettungslink" einfügen, speichern.

Die Beiträge des "Social Post"-Moduls erscheinen nur, wenn den Cookies der entsprechenden Plattform zugestimmt wurde. Andernfalls erscheint ein Platzhalter mit erneuter Cookie-Abfrage.

YouTube

Instagram

Facebook

Flockler (extern)

Einbindung über Einbettungslink und Modul "Social Post" > "Flockler". Darstellungsbeispiele, das Tool ermöglicht eine Vielzahl weiterer Darstellungsmöglichkeiten.

Folgen Sie uns!

Social Posts

Gesichter und Geschichten des Gelingens: Unsere Aktivitäten in den sozialen Medien finden Sie unter @sptgffm.

 

Module mit festgelegten Kontexten

Presse-Download

Nur auf der Presseseite.

Im Backend muss im Ordner sowohl das Modul "Download-Modal" als auch das Modul "Download" angelegt werden.

Im Modul "Download-Modal" die gewünschte Content-ID einfügen.

Im Modul "Download" Vorschaubilder auswählen und anordnen. Unter dem Downloadlink eine .zip-Datei aus der Dateiverwaltung hinterlegen.

Die Eigenschaften des Moduls werden sowohl auf den Download der Vorschaubilder als auch der .zip-Datei angewendet. Ein Button muss nicht separat eingefügt werden, er erscheint automatisch mit der Aufschrift "Download".

Spitzmarke

Überschrift

[Text]

Unter "Download-Datei" .zip-Datei hinterlegen. Vorschaubilder auswählen.

Credit angeben.

 

Formular

Nur zur Anmeldung zum Presseverteiler.

Elemttyp "Formular" auswählen.

gewünschte Überschrift einfügen

ID des gewünschten Formulars auswählen

Der Inhalt von Formularen kann nur von Admins angepasst werden.

Schreiben Sie uns!

Über das Kontaktformular erreichen Sie uns am einfachsten. Wir freuen uns über Ihre Nachricht!

Sie haben eine Frage zu einem bestimmten Thema? Beachten Sie bitte unsere Ansprechpartnerinnen und Ansprechpartner.

 

News und Kurznachrichten

Nur Startseite. Mit einem oder zwei Elementen darstellbar. Bei Verwendung muss der Abruf einer Nachrichtenliste konfiguriert werden (hier nicht dargestellt).

Überschrift

Spitzmarke

Headline

Anreißer

Titel

Spitzmarke

Headline

Anreißer

Titel
Alle Meldungen

 

Überschrift

Headline

Spitzmarke – Anreißer

Titel
Alle Meldungen

Magazin - Big Media

Nur auf der Magazin-Startseite oder auf Sonderseiten.

Spitzmarke

Headline

Subline

Titel

 

Magazin - Doppel-Teaser

Nur auf der Magazin-Startseite oder auf Sonderseiten.

Überschrift

Lesen5 MIN
Zwei Teilnehmer des Digitechnikums stehen an einem Tisch vor einem Laptop bei der Abschlussveranstaltung des Programms. Sie gucken konzentriert und lächelnd in den Bildschirm und tragen digitale Namensschilder.

Spitzmarke

Headline

Lesen5 MIN

Spitzmarke

Headline

Magazin - Roulette

Nur auf der Magazin-Startseite oder auf Sonderseiten.

Überschrift

Lesen3 Min.

Spitzmarke

Headline

Lesen3 Min.

Spitzmarke

Headline

Lesen3 Min.

Spitzmarke

Headline

Lesen3 Min.

Spitzmarke

Headline

Lesen3 Min.

Spitzmarke

Headline

Lesen3 Min.

Spitzmarke

Headline

Magazin - Slider

Nur auf der Magazin-Startseite oder auf Sonderseiten. Nur nach dem Modul "Magazin - Big Media" einsetzen.

Überschrift

Magazin - Tag Cloud

Nur auf der Magazin-Startseite oder auf Sonderseiten. Nur nach dem Modul "Magazin - Big Media" oder einem Vollbild-Foto oder Video einsetzen.

Unsere Themen

Bildung Wissenschaft, Technik, Berufliche Bildung Soziales, Engagement, Nachhaltigkeit Kulturelle Bildung Förderung Alumni-Netzwerk ArchivAlle Artikel

Magazin - Teaser

Nur auf der Magazin-Startseite oder auf Sonderseiten.

Jugendliche Schülerinnen und Schüler sitzen an einem Tisch um ein Tablet herum und betrachten den Inhalt der aufgerufenen Nachrichtenseite. Foto: Aaron Leithäuser/FAZ
Teilnehmende von "Meine Zeitung". Foto: Aaron Leithäuser/FAZ

Spitzmarke (Darstellung Bild links)

Headline

Subline

Lesen4 min.
Jugendliche Schülerinnen und Schüler sitzen an einem Tisch um ein Tablet herum und betrachten den Inhalt der aufgerufenen Nachrichtenseite. Foto: Aaron Leithäuser/FAZ
Teilnehmende von "Meine Zeitung". Foto: Aaron Leithäuser/FAZ

Spitzmarke (Darstellung Bild rechts)

Headline

Subline

Lesen4 min.

 

Neue Module bitte hierunter anlegen...

... damit sie anschließend in die Übersicht einsortiert werden können.