Allgemeiner Deutscher Fahrrad-Club Stadtverband Mönchengladbach e. V.

Auf dieser Seite sind eine Vielzahl an Beispiel-Elementen zu finden, die als Vorlage zur Gestaltung einer freien Seite genutzt werden können. Ein Blick ins Backend hilft dabei, zu erkennen welche Einstellungen für die einzelnen Elemente notwendig sind.

Text mit Formatierung

Mit einem einfachen Text-Element können Informationen auch mithilfe von verschiedenen Formatierungen dargestellt werden.

Beispiel Überschrift (h2)

 

Auflistung mit orangen Punkten: Zuerst den Text als Liste formatieren, danach den Stil ul-bullet auswählen

  • Punkt A
  • Punkt B
  • Punkt C

 

Auflistung mit Checkboxen: Zuerste den Text als Liste formatieren, danach den Stil ul check icon auswählen

  • Check 1
  • Check 2
  • Check 3

 

Aufzählung in orange: Zuerst den Text als nummerierte Liste formatieren, danach den Stil ol Ordered List auswählen

  1. Punkt 1
  2. Punkt 2
  3. Punkt 3

 

 

Verlinkung im Text mit oranger Formatierung

 

Verlinkung als Button

 

Verlinken einer E-Mail Adresse: test [at] adfc.de

 

Verlinken einer Telefonnummer um bspw. über das Mobiltelefon direkt anzurufen: 030 1230456

Liste mit Links

Inhaltselement "Bild im Artikel"

Inhaltselement "Störer Orange"

Untertitel für Störer orange

Überschrift für Störer orange

Inhaltselement "Störer Bild mit Text"

 Visualisierung Protected Bike Lanes in Berlin
Visualisierung Protected Bike Lanes in Berlin © SenUVK/Visualisierung Bloomimages

Das ist der Text, der neben einem Bild steht. Der Text kann das Bild beschreiben oder allgemeine Informationen bieten. Das Bild kann aus dem Bilderpool genommen werden.

Der Text kann hier auch formatiert werden, Verlinkungen sind möglich.

Oder ein Button für weitere Informationen.

Inhaltselement "Störer mit Hintergrundbild"

Untertitel für Störer mit Hintergrundbild

Störer mit Hintergrundbild

Inhaltselement "Störer Video"

Video: Störer Video

Das ist ein Slider. Hier können z.B. aktuelle Aktionen oder generelle Positionen des ADFC promineten beworben werden.
Link auf Artikel mit Details

Das ist der zweite Slider. Auch hier können Aktionen, Kampagnen oder Informationen stehen.

Call to Action Element

Ein Call to Action Element soll den User zur Handlung auffordern. Hier wird kurz beschrieben um was es geht. Über den Link am Ende kann sich der User z.B. für einen

  • Newsletter anmelden,
  • Mitglied werden,
  • Informationen anfragen etc.

 

Hier klicken

Call to Action 2

Es können auch zwei oder drei Elemente nebeneinander stehen.

Hier klicken

Layout mit drei Spalten

Spalte 1

Das ist ein Text in Spalte 1.

Spalte 2

Das ist ein Text in Spalte 2.

Spalte 3

Das ist ein Text in Spalte 3.

Slider Bild mit Text

Einleitender Text für Slider. Bspw. "Unsere Ortsgruppen im Kreisverband Münchenhausen."

Orga-Team des Jugendfahrradfestival 2019

Ortsgruppe Lingenhausen

Diese Ortsgruppe engangiert sich für den Ausbau der Radinfrastruktur.

 

Details auf Artikelseite

Orga-Team des Jugendfahrradfestival 2019

Ortsgruppe Neuhausen

Diese Ortsgruppe engangiert sich für den Ausbau der Radinfrastruktur.

 

Details auf Artikelseite

Orga-Team des Jugendfahrradfestival 2019

Ortsgruppe Westhausen

Diese Ortsgruppe engangiert sich für den Ausbau der Radinfrastruktur.

 

Details auf Artikelseite

Slider für Personen mit Detailseite

Dieser Text im Reiter "Hinweise" erscheint als zusätzliche Information über dem Slider.

Mehr Platz fürs Rad Sprühschablone

Großes Bild mit Text

Ein ansprechendes, großformatiges Bild wertet die Botschaft im Text optisch auf. Projekte, Initiativen oder Aktionen können prominent vorgestellt werden.

Im Text sind die üblichen Formatierungsoptionen verfügbar.

 

  • Auflistung 1
  • Auflistung 2
  • Auflistung 3

 

Verlinkung

Datensatz einfügen am Beispiel von Artikeln mit gemeinsamer Kategorie

Es ist möglich Artikel mit derselben Kategorie auf einer Seite auszugeben. Das ist hilfreich wenn man beispielsweise eine Themenseite anlegen möchte und zusätzlich zu allgemeinen Informationen, Kontaktdaten und Bildern auch noch aktuelle Artikel zu dem Thema anzeigen möchte.

 

Bleiben Sie in Kontakt