ADFC - Handbuch einheitliche Webpräsenz für Gliederungen
Diese Seite ist zur freien Gestaltung vorgesehen: Die Seite ist komplett leer und kann mit Inhalten befüllt werden.
Die Inhalte werden direkt auf der Seite "Freie Seite" im Seitenbaum editiert. Auch der Seitenname und die URL können frei gewählt werden.
Im folgenden wird beschrieben, wie das geht und was es zu beachten gilt. Zum Schluss gibt es noch einige Ideen, wie die Seite genutzt werden kann.
Artikel werden als Datensätze im Ordner "Artikel" mit seinen Unterordnern "Neuigkeiten", "Publikationen" und "Pressemitteilungen" angelegt. Über sog. PlugIns werden diese Datensätze, also die Neuigkeiten, Publikationen und Pressemitteilungen automatisch an den entsprechenen Stellen der Webseite im Frontend ausgespielt.
Anders als Datensätze gibt es Seiten. Im Fall der "Freien Seite" können Seiteninhalte direkt hinzugefügt, gelöscht und bearbeitet und direkt auf der "Freien Seite" angelegt werden. Seiteninhalte benötigen immer einen Container für die korrekte Einbindung - wir arbeiten mit sog. Sections.
Sections sind im Prinzip Container, denn sie enthalten die eigentlichen Inhaltselemente, die auf der Seite dargestellt werden. Die Sections scheinen i. w. die Hintergrundfarbe festzulegen, denn die wechselt von einer Section zur nächsten zwischen Grau und Weiß hin und her.
Tipp: Innerhalb des Containers "Section Text/Formular" lassen sich die Inhaltselemente per Drag-und-Drop verschieben.
Text:
Ein Standard Textfeld (Rich Text Editor) mit denn grundlegenden Formatierungsmöglichkeiten (h1 und h2, Auflistungen, Fettdruck etc.)
Bild im Artikel:
Für Bildergalerien (siehe unten für eine detaillierte Anleitung)
Startseite Hintergrund mit Text:
Für ein Hintergrundbild mit Textbox (siehe unten für eine detaillierte Anleitung).
In den Seiteneigenschaften lassen sich Änderungen am Seitentyp, dem Seitentitel, an der URL, der Haupt- und der Sub-Navigation u.v.m. vornehmen.
Um die Seiteneigenschaften zu bearbeiten, bitte wie folgt vorgehen:
In den einzelnen Reitern der Seiteneigenschaften lassen sich folgende Änderungen vornehmen:
Hier finden sich wichtige Einstellungsmöglichkeiten:
Seitentyp
Im Dropdown Menü kann aus diesen Voreinstellungen gewählt werden:
Seitentitel
URL Segment
Hier können eine Zusammenfassung, Meta-Tags und Angaben zum Autor sowie ein Datum hinterlegt werden.
Wichtig ist hier die Zusammenfassung, die von Suchmaschinen und beim Teilen des Links genutzt wird.
Auch kann hier das Feld Website-Suche (Stichwort-Boosting) ausgefüllt werden, um eine Seite in der internen Suche auf der Website an erster Stelle auszuspielen, weitere Informationen dazu findet ihr im Artikel zu Metadaten.
Wichtigste Einstellung ist hier die Möglichkeit, den Inhalt der Seite zu ersetzen.
Dazu entweder den gewünschten Datensatz über das Ordnersymbol suchen oder die Seiten ID in den Suchschlitz geben.
Hier kann das Headerbild hinterlegt werden. Einige Headerbilder finden sich z.B. im Bilderpool.
Um das große, schmale Headerbild (also das Titelbild der Seite im Frontend) zu ändern, bitte wie folgt vorgehen:
Die freie Seite kann genutzt werden, um Radtouren abzubilden, so wie beispielsweise in Baden-Württemberg: https://bw.adfc.de/auf-reisen
Die Seite wurde im Wesentlichen mit drei verschiedenen Inhaltselementen befüllt, die in den folgenden Bildschirmfotos jeweils im Frontend sowie im Backend farbig markiert und beschrieben werden:
1. Inhaltselement Typ "Text"
2. Inhaltselement Typ "Störer mit Hintergrundbild"
1. Inhaltselement Typ "Radtouren Slider"
Radtouren lassen sich auch anders darstellen. Als Beispiel wird hier das erste Element dieser Seite erklärt https://ratingen.adfc.de/touren-und-tourenleiterinnen
So sieht die der Abschnitt der Seite im Frontend aus:
Dazu bitte folgende Schritte im Backend ausführen:
Es ist möglich gefilterte Touren oder Termine in einem Slider auf der Website anzeigen zu lassen. So kann bspw. ein Terminslider angelegt werden, der nur Codiertermine einer Gliederung zeigt.
Dafür ist es nötig die ID des entsprechenden Merkmals aus dem Radtouren- und Veranstaltungsportal (RVP) herauszufinden und in einen Deeplink einzusetzen.
Beispiel: Es sollen nur Codiertermine der Gliederung Hameln-Pyrmont in einem Slider angezeigt werden.
Nach Filterung der Termine im RVP erkennt man in der URL, dass für das Merkmal "Codierung" der Tags=6 angelegt wurde.
Um nun einen Slider einzubauen, legt ihr ein neues Element vom Typ "Termine Slider" an und tragt in dem Element die URL nach folgendem Muster ein:
https:// api-touren-termine.adfc.de/api/eventItems/search?eventType=XXX&includedTags=XXX&unitKey=XXX (ohne Leerzeichen)
Für unser Beispiel sind das alle Termine (eventType=Termin) mit dem Merkmal Codierung (includedTags=6) in der Gliederung Hameln-Pyrmont (unitkey=162120)
https:// api-touren-termine.adfc.de/api/eventItems/search?eventType=Termin&includedTags=6&unitKey=162120 (ohne Leerzeichen)
Die Parameter der URL lassen sich je nach Merkmal auch anpassen so dass man zu jedem Thema, nach dem man im RVP filtern kann, auch einen thematischen Slider anlegen könnte:
Bildergalerien lassen sich jetzt nicht mehr nur in Artikeln anlegen, sondern auch auf Seiten. Ein schönes Beispiel ist die freie Seite des ADFC Bad Tölz / Wolfratshausen: https://toel-wor.adfc.de/bildergalerie
So sieht die Bildergalerie im Frontend aus (Bildschirmfoto):
Dazu wie folgt vorgehen:
Es öffnet sich ein PopUp um ein neues Element zu erstellen:
Der Datensatz wurde jetzt also in der zentralen Ablage zur mehrmaligen Verwendung angelegt. Das geht auf Seiten oder in Artikeltypen (= Neuigkeiten, Pressemitteilungen)
Bildergalerie auf der freien Seite platzieren:
Um andere z.B. benachbarte Gliederungen darzustellen, lässt sich ein Teaser mit externem Link für Kreisverbände mit Ortsgruppen einbinden.
Als Beispiel dient hier https://rhein-kreis-neuss.adfc.de/wir-vor-ort
Um Dateien außerhalb der blauen Medienbox auf der Seite einzubinden, gibt es die Möglichkeit ein Download-Element einzufügen. Im Einsatz hier auf auf der FKT-Seite zu sehen: https://fahrradklima-test.adfc.de/ergebnisse#c164341
In eine Seite können html-Elemente eingebaut werden, beispielsweise Kartenmaterial für Tourenbeschreibungen. ACHTUNG: Wird das Element zum Einbinden von Fremdinhalten genutzt (per iframe) geht ihr auch immer ein Risiko ein, nicht kontrollieren zu können, was genau in dem eingebetten Inhalt dargestellt wird.
Um Nutzer*innen der Website darauf aufmerksam zu machen, dass die Inhalte nicht zur eurer eigenen Seite gehören, muss ein Hinweistext vorgeschaltet werden (Overlay). Dieser verhindert auch, dass ohne Wissen des Users Daten an den Drittanbieter übermittelt werden. Erst mit Zustimmung wird der Inhalt sichtbar und es werden ggf. Daten übermittelt.
Außerdem muss in den Datenschutzbestimmungen darauf hingewiesen werden, dass externe Inhalte eingebunden sind. Datenschutz-Erklärung anpassen
1. Schritt: Cookie-Hinweis im Konfigurator einstellen (nur für Site Admins möglich)
Klickt der User in dem Overlay auf "Inhalte erlauben", wird der Schieberegler aktiviert und der Inhalt wird sichtbar.
Solltet ihr als Redakeur oder Content Manager Inhalte einbinden wollen, sprecht euch mit den Admins eurer Gliederung ab. Zunächst müssen die datenschutzrechtlichen Einstellungen gemeinsam vorbereitet werden.
2. html-Element in Seite einbinden
Eingebundenen Inhalten sollten gründlich getestet werden (bspw. Anmeldefunktion für Newsletter) und regelmäßig überprüft werden. Wir empfehlen nur Inhalte von vertrauenswürdigen Quellen einzubinden.
Bei Einbindung von Code mit Javascript kann es zu Problemen kommen. Wir empfehlen die Einbindung, wenn möglich, ohne Javascript.
Die Seiten kann über das Kontextmenü oder über den Konfigurator ein- oder ausgeblendet werden.
Das ist wichtig, wenn die alte bisherige Seite "ADFC Beispielgliederung" durch die neue, frei editierbare Seite "ADFC Beispielgliederung (editierbar)" ersetzt werden soll.
