Beispiele + Pflegetipps

Navigation

Die Hauptnavigation (erste Ebene) setzt sich aus den Unterseiten von „Home“ (Seiten-ID 1) zusammen. Das Dropdown-Menü, das angezeigt wird, wenn man mit der Maus über einen Hauptnavigationspunkt fährt, wird automatisch generiert, sobald ein Hauptnavigationspunkt Unterseiten hat.

Zusätzlich dazu gibt es rechts oben im Header (Kopfbereich der Webseite) eine Metanavigation mit allen Unterseiten von "Metanavigation" (Seiten-ID 4).

Bereiche

Die Seiten sind in verschiedene Bereiche aufgeteilt, welche im TYPO3-Backend entsprechend gepflegt werden können. Die Bereiche unterscheiden sich von Startseite zu Unterseiten teilweise.

Auf den Unterseiten gibt es einen Bereich "Header", in dem nur ein Mask-Element namens "Headerbild / Slider" angelegt werden kann. Dies wird als Bild oder Slider über die volle Inhaltsbreite dargestellt. Der Bereich "Header" muss allerdings nicht zwingend befüllt werden. Der Inhalt vererbt sich jeweils weiter auf seine Unterseiten. 

Im Bereich "Inhalt" können verschiedene Inhaltselemente angelegt werden, die verschiedenen Möglichkeiten werden im Folgenden dargestellt.

Auf der Startseite gibt es zusätzlich zu den beiden genannten Bereiche außerdem folgende:

  • Kopfzeile: Hier ist Ihr Logo hinterlegt. Dieser Bereich muss auch nur dann bearbeitet werden, wenn Sie ein neues Logo einpflegen wollen.
  • Intro: Dieser Bereich ist in der Breite begrenzt auf ca. 640px, alles wird automatisch zentriert und in Großbuchstaben dargestellt.

Inhalte | Elemente

Um den Inhaltsbereich in mehrere Spalten aufzuteilen, stehen hier folgende "Raster-Elemente" zur Verfügung:

  • Container 33-33-33
  • Container 33-66
  • Container 50-50
  • Container 66-33

Diese dienen wiederum als Container für weitere Inhaltselemente und teilen die Seite - zumindest in der Desktopansicht – in zwei bzw. drei Spalten mit der jeweiligen prozentualen Breite auf. In der Responsive-Ansicht brechen diese Spalten dann ggf. zur besseren Darstellung um.

Überschrift Spalte 1

In diesen Containern können dann alle zur Verfügung stehenden Inhaltselemente eingefügt werden. Das häufigste Element ist „Text  & Medien“, welches mit Text und/oder Bilder(n)/Video(s) verwendet werden kann.

Überschrift Spalte 2

Die Spalten der Rasterelemente werden in ihrer Höhe immer aneinander angeglichen, was besonders bei diesem Rasterlement mit Hintergrundfarbe auffällt. Trotzdem sollten Sie aus optischen Gründen darauf achten, die Spalten eines Rasterelements nicht mit extrem unterschiedlich viel Text zu befüllen.

Überschrift Spalte 3

Es kann natürlich auch ein Bild in einer Spalte ausgegeben werden. 

Bildausschnitt festlegen

Bei jedem Bild kann über die Schaltfläche "Editor öffnen" der gewünschte Ausschnitt mittels der verschiedenen Seitenverhältnisse festgelegt werden. Dies bietet sich vor allem an, wenn Sie Bilder neben- oder übereinander darstellen wollen, die alle das gleiche Format haben sollen.

Dazu einfach das Verhältnis anklicken (1), dann die Auswahl im Bild über Ziehen an den Ecken entsprechend vergrößern (2) bzw. über Drag & Drop den ganzen Bereich an die gewünschten Stelle schieben (3) und anschließend die Änderung akzeptieren (4).

Textformatierung

Die Formatierung des Textes kann bedingt über den Rich-Text-Editor (RTE) vorgenommen werden. Verweise werden über die Schaltfläche "Link einfügen" (Ketten-Symbol) im RTE erzeugt. Soll der Verweis auf der Webseite als Button angezeigt werden, muss als Stil dann "Link in Box" ausgewählt werden.

Link in Box

Sollte die Link-Box im Editor nicht ersichtlich sein, so speichern Sie zunächst mal das Inhaltselement mit dem hinterlegten Link. Danach markieren Sie den Link und weisen erneut den Stil "Link in Box" zu. Dann wird der Link im Editor korrekt dargestellt.

Des weiteren gibt es einen Stil für Textabsätze, die besonders hervorgehoben werden sollen. Dieser Stil heißt "Highlight-Text" und wird in diesem Absatz angewandt.

Mask-Elemente

Mask-Elemente sind besondere Inhaltselemente, die im Bezug auf die verfügbaren Backend-Felder und auf das Design speziell auf Ihre Bedürfnisse angepasst sind. 

Headerbild / Headerslider

Headerbilder bzw. Headerslider werden mit dem gleichen Mask-Element umgesetzt. Sobald mehr als ein Bild hinterlegt wird, generiert sich automatisch ein Slider aus diesen Bildern. Sie können zwischen 2 Varianten wählen: "Standard mit 2 Bildern" (dies ist für die Unterseiten angedacht) und "Groß mit 1 Bild" (dies ist für die Startseite angedacht). Wenn Sie die Varianten mit 1 Bild wählen, so pflegen Sie im Mask-Element bitte nur das "Bild links" ein.

Graue Boxen

Mit diesem Mask-Element können Sie "Inhaltsboxen" pflegen, die automatisch 2-spaltig angeordnet werden. Neben dem Text ist hier außerdem ein Link vorgesehen. Aktuell finden Sie dieses Element auf der Startseite.

Linkboxen

Dieses Mask-Element ist für Links gedacht, die in Boxen und 3-spaltig dargestellt werden sollen. Hierfür hinterlegen Sie einfach den gewünschten Text für die Box und das Linkziel, zu dem die Box weiterleiten soll. 

DSGVO Video

Dieses Mask-Element ist dafür da, YouTube-Videos datenschutzkonform einzubinden. Dazu hinterlegen Sie in diesem Element das gewünschte Video aus Ihrer Dateiliste (Mediendatei hinzufügen) oder geben die Web-Adresse des YouTube-Videos über den Button "Medien nach URL hinzufügen" an. 
Des weiteren können Sie auch ein Vorschaubild einfügen, das angezeigt werden soll, bevor das Video abgespielt wird. Hinterlegen Sie kein Vorschaubild, wird ein Standardbild dafür verwendet. 

Inhalte | Sonderfunktionen

Downloads

Zur Darstellung von Downloads kann der "Typische Seiteninhalt" "Dateilinks" verwendet werden. Hier können Sie Dateien zum Download bereitstellen und diese jeweils optional mit Titel und Beschreibung versehen.

Kontaktformular

Auf der Seite Kontakt (Seiten-ID 5) wird das Kontaktformular dargestellt. Die Benachrichtigung geht per E-Mail an info@mathe-aufgaben.com. 
Nach (erfolgreichem) Absenden des Formulars gelangt der Besucher auf eine Antwortseite, dessen Inhalt auf der Seite "Kontakt > Vielen Dank" (Seiten-ID 16) gepflegt werden kann.

404-Fehlerseite

Gibt der Besucher im Adressfeld des Browsers eine falsche Seite ein oder gelangt über einen veralteten Link zur Webseite, erhält er eine entsprechende 404-Fehlerseite, deren Inhalt auf der Seite "Funktionsseiten > 404 - Seite nicht gefunden" (Seiten-ID 12) gepflegt werden kann.

Produktverwaltung

Für die folgenden Produkte gilt:

Im Reiter Kategorien muss je Produkt eine entsprechend Zuweisung vorgenommen werden um das jeweilige Produkt auf der richtigen Seite auszugeben!

Produktverwaltung: Kurse

Die Verwaltung der Kurse findet innerhalb des Verzeichnis „Datenspeicher > Kurse“ statt. Dieses ist unterteilt in „online“ und „vor Ort“ – diese Unterverzeichnisse steuern entsprechend die Ausgabe.
Die Ausgabe erfolgt auf den Seiten unterhalb von Kurse > Online-Kurse bzw. Kurse > Kurse vor Ort.

Beim Anlegen/Pflegen von Kursen gibt es folgende Felder/Optionen:

  • Titel
    Wird bei der Ausgabe in der Listenansicht in Großbuchstaben ausgegeben.

  • Beschreibung (optional)
    Wird (sofern angegeben) unterhalb des Titels
    mit der Beschriftung „Information“ ausgegeben und kann gerne ausführlich gestaltet sein.

  • Download
    Hier kann eine Datei - oder auch mehrere Dateien – hinterlegt werden. Zusätzlich zur Datei kann eine individuelle Beschriftung des Buttons hinterlegt werden. Für jede Datei wird dann ein Button mit der entsprechenden Beschriftung angezeigt.

  • Links / Videos (optional – nur bei Online-Kursen möglich)
    Bei Auswahl von „DSGVO Video“ kann ein Titel (optional), ein Video (Youtube oder Vimeo) sowie ein Vorschaubild (optional) angegeben werden. Das Video wird datenschutzkonform bei der Ausgabe entsprechend dargestellt.
    Bei Auswahl von „Externer Link“ kann ein Titel sowie ein Verweis zu einer externen Seite hinterlegt werden. Bei der Ausgabe erscheint ein zusätzlicher Button mit dem Titel als Beschriftung welcher dann zur externen Seite verweist.

  • Anmeldung begrenzt
    Wird das Feld aktiviert, so ist eine Anmeldung lediglich möglich solange die Anzahl der angemeldeten Personen <= der maximalen Anzahl Teilnehmer ist. Bleibt das Feld deaktiviert, so ist jederzeit eine Anmeldung möglich.

  • Maximale Anzahl Teilnehmer
    Hier kann die maximal mögliche Teilnehmerzahl eingegeben werden. Dieses Feld hat nur dann eine Auswirkung, wenn die Option „Anmeldung begrenzt“ aktiviert ist.

  • Angemeldete Personen
    Dieser Wert wird automatisch um 1 erhöht, sobald eine neue Anmeldung für diesen Kurs eingegangen ist. Der Wert kann auch manuell angepasst werden. Dieses Feld hat nur dann eine Auswirkung, wenn die Option „Anmeldung begrenzt“ aktiviert ist.
    Ist die Anzahl der angemeldeten Personen >= der maximalen Teilnehmerzahl und die Option „Anmeldung begrenzt“ ist aktiviert, so erscheint bei der Ausgaben „ausgebucht“ und es ist keine Anmeldung mehr möglich.

  • Preis (optional)
    Wird kein Preis hinterlegt, ist e
    ine kostenlose Bestellung möglich.
    Wird hier ein Preis hinterlegt, erscheint d
    ieser neben dem „Anmelden“-Button.

  • Bewertungen
    Hier erscheinen die von Kunden eventuell abgegebenen Bewertungen zu diesem Produkt.

Produktverwaltung: Bücher/PDF

Die Verwaltung der Bücher bzw. PDFs findet innerhalb des Verzeichnis „Datenspeicher > Bücher/PDF > Aktuell im Verkauf“ statt. Im Verzeichnis „Datenspeicher > Bücher/PDF > Aktuell im Verkaufbefindet sich archivierte Produkte die bei Bedarf durch Verschieben in das Verzeichnis „Aktuell im verkauf“ wieder reaktiviert werden können.
Die Ausgabe der aktuellen Produkte erfolgt auf den Seiten unterhalb von Bücher / PDF.

Beim Anlegen/Pflegen von Bücher/PDFsgibt es folgende Felder/Optionen:

  • Titel
    Wird bei der Ausgabe in der Listenansicht in Großbuchstaben ausgegeben.

  • Stoffgebiet (optional)
    Wird (sofern angegeben) unterhalb des Titels
    mit der Beschriftung „Stoffgebietausgegeben.

  • Beschreibung (optional)
    Wird (sofern angegeben) unterhalb des Titels
    mit der Beschriftung „Inhaltausgegeben und kann gerne ausführlich gestaltet sein.

  • Download
    Hier kann eine Datei - oder auch mehrere Dateien – hinterlegt werden. Zusätzlich zur Datei kann eine individuelle Beschriftung des Buttons hinterlegt werden. Für jede Datei wird dann ein Button mit der entsprechenden Beschriftung
    angezeigt – sofern kein Preis für dieses Produkt angegeben ist (siehe unten).

  • Leseprobe(optional)
    Hier kann eine Datei - oder auch mehrere Dateien – hinterlegt werden. Zusätzlich zur Datei kann eine individuelle Beschriftung des Buttons hinterlegt werden. Für jede Datei wird dann ein Button mit der entsprechenden Beschriftung unterhalb von „Leseprobe“angezeigt.

  • Vorschaubild(optional)
    Hier kann eine Grafik hinterlegt werden. Diese wird als Vorschau unterhalb von Stoffgebietangezeigt.

  • E-Buch (optional) 
    Je E-Buch kann ein Titel und ein Verweis gepflegt werden. Für die Pflege der E-Bücher klick hier

  • E-Buch Leseprobe
    E-Buch Verweis Pflege klick hier

  • Preis (optional)
    Wird kein Preis hinterlegt, ist keine Bestellung möglich – die o.g. Downloads können kostenfrei vorgenommen werden.
    Wird hier ein Preis hinterlegt, erscheint anstelle der o.g. Download-Buttons dieser Preis und ein „Bestellen“-Button. Ergänzende Links / Videos erscheinen weiterhin. Nach Kauf (und Bezahlung/Freischaltung) dieses Produkts erscheinen dann die Download-Buttons beim Kunden innerhalb des Menüpunktes „Mein Konto“.

  • Bewertungen
    Hier erscheinen die von Kunden eventuell abgegebenen Bewertungen zu diesem Produkt.

Produktverwaltung: Aufgaben

Die Verwaltung der Aufgaben findet innerhalb des Verzeichnis „Datenspeicher > Aufgaben“ statt. Dieses ist unterteilt in „Prüfungsaufgaben“ und „Übungsaufgaben“ – die weiteren Unterverzeichnisse steuern entsprechend die Ausgabe.
Die Ausgabe erfolgt unterhalb der Seiten Prüfungsaufgaben bzw. Übungsaufgaben.

Beim Anlegen/Pflegen von Aufgaben gibt es folgende Felder/Optionen:

  • Titel
    Wird bei der Ausgabe in der Listenansicht in Großbuchstaben ausgegeben.

  • Beschreibung (optional)
    Wird (sofern angegeben) unterhalb des Titels ausgegeben und kann gerne ausfü
    hrlich gestaltet sein.

  • Download
    Hier kann eine Datei - oder auch mehrere Dateien – hinterlegt werden. Zusätzlich zur Datei kann eine individuelle Beschriftung des Download-Buttons hinterlegt werden. Für jede Datei wird dann ein Button mit der entsprechenden Beschriftung unterhalb der Beschreibung angezeigt –
    sofern kein Preis für dieses Produkt angegeben ist (siehe unten).

  • Links / Videos (optional)
    Bei Auswahl von „DSGVO Video“ kann ein Titel (optional), ein Video (Youtube oder Vimeo) sowie ein Vorschaubild (optional) angegeben werden. Das Video wird datenschutzkonform bei der Ausgabe entsprechend dargestellt.
    Bei Auswahl von „Externer Link“ kann ein Titel sowie ein Verweis zu einer externen Seite hinterlegt werden. Bei der Ausgabe erscheint ein zusätzlicher Button mit dem Titel als Beschriftung welcher dann zur externen Seite verweist.

  • Preis (optional)
    Wird kein Preis hinterlegt, ist keine Bestellung möglich – die o.g. Downloads können kostenfrei vorgenommen werden.
    Wird hier ein Preis hinterlegt, erscheint anstelle der o.g. Download-Buttons dieser Preis und ein „Bestellen“-Button. Ergänzende Links / Videos erscheinen weiterhin. Nach Kauf (und Bezahlung/Freischaltung) dieses Produkts erscheinen dann die Download-Buttons beim Kunden innerhalb des Menüpunktes „Mein Konto“.

  • Bewertungen
    Hier erscheinen die von Kunden eventuell abgegebenen Bewertungen zu diesem Produkt.

Produktverwaltung: Videos

Die Verwaltung der Videos findet innerhalb des Verzeichnis „Datenspeicher > Videos“ statt. Dieses ist unterteilt in „Prüfungsaufgaben“ und „Übungsaufgaben“ – die weiteren Unterverzeichnisse steuern entsprechend die Ausgabe.
Aktuell erfolgt noch keine Ausgabe dieser Produkte. Auf der Seite "Funktionsseiten > Videos" haben wir aber bereits eine Ausgabe vorbereitet.

Beim Anlegen/Pflegen von Aufgaben gibt es folgende Felder/Optionen:

  • Titel
    Wird bei der Ausgabe in der Listenansicht in Großbuchstaben ausgegeben.

  • Beschreibung (optional)
    Wird (sofern angegeben) unterhalb des Titels ausgegeben und kann gerne ausfü
    hrlich gestaltet sein.

  • Links / Videos (optional)
    Bei Auswahl von „DSGVO Video“ kann ein Titel (optional), ein Video (Youtube oder Vimeo) sowie ein Vorschaubild (optional) angegeben werden. Das Video wird datenschutzkonform bei der Ausgabe entsprechend dargestelltsofern kein Preis für dieses Produkt angegeben ist (siehe unten).
    Bei Auswahl von „Externer Link“ kann ein Titel sowie ein Verweis zu einer externen Seite hinterlegt werden. Bei der Ausgabe erscheint ein zusätzlicher Button mit dem Titel als Beschriftung welcher dann zur externen Seite verweistsofern kein Preis für dieses Produkt angegeben ist (siehe unten).

  • Preis (optional)
    Wird kein Preis hinterlegt, ist keine Bestellung möglich – die o.g.
    Videos/Links können kostenfrei angeschaut bzw. aufgerufen werden.
    Wird hier ein Preis hinterlegt, erscheint anstelle der o.g. P
    roduktdarstellung dieser Preis und ein „Bestellen“-Button. Nach Kauf (und Bezahlung/Freischaltung) dieses Produkts erscheinen dann die Videos/Links beim Kunden innerhalb des Menüpunktes „Mein Konto“.

  • Bewertungen
    Hier erscheinen die von Kunden eventuell abgegebenen Bewertungen zu diesem Produkt.

Blätterkataloge / eBooks

Hochladen eines Blätterkatalogs

Für Blätterkataloge gibt es einen speziellen Datei Ordner in der Dateiliste ("EBooks"). Dort liegt bereits ein Ordner "Test", bei dem es sich um einen Blätterkatalog handelt. 
Bei diesem Ordner werden hochgeladene ZIP Dateien automatisch entpackt. Klicken Sie dazu einfach in der Dateiliste auf EBooks und ziehen Sie Ihren Blätterkatalog per Drag'n'Drop in das Verzeichnis. (Abb.1)

Aktualisieren Sie anschließend die aktuelle Ansicht, entweder per Klick auf den Ordner oder über das Aktualisieren-Icon (Abb. 2). Danach sollte der Ordner entpackt sichtbar sein (Abb. 3).

Einbindung eines hochgeladenen Blätterkatalogs

Die Einbindung eines Blätterkatalogs erfolgt immer über ein Link-Feld, welches die Auswahl von Ordnern erlaubt. Um einen Blätterkatalog auszuwählen, öffnen Sie das Link Popup, wählen Sie auf der linken Seite den Blätterkatalog und klicken Sie auf der rechten Seite erneut den Ordnernamen (Abb. 4)
Anschließend sollte ein etwas krypisch aussehender Link im Link-Feld stehen (Abb. 5)

Wenn Sie einen Blätterkatalog ausprobieren wollen, können Sie das Plugin "Blätterkatalog / E-Book" verwenden. Wählen Sie in der Eingabemaske einfach den Link zum Blätterkatalog. Optional können Sie noch das Label des Buttons anpassen (Abb. 6).

Über folgenden Button kann ein Test E-Book geöffnet werden: