Inhaltsmodule der Webpräsenz

Anwendung der Inhaltsmodule

Nachfolgend erhalten Sie eine Auflistung aller Content-Module der Webpräsenz. Diese ermöglichen eine einfache Formatierung der Inhalte für die Darstellung auf verschiedenen Endgeräten (Responsive Webdesign). Module werden mittels sogenannter "Shortcodes" in die Webpräsenz eingebunden.

Was ist ein "Shortcode"?

Shortcodes verstehen sich als Variablen, welche automatisch durch das CMS System ersetzt werden. Shortcodes werden mittels eckiger Klammern definiert und schließen die abzubildenden Inhalte ein. Zudem können Shortcodes Formatierungseigenschaften aufweisen.

Beispiel: einfacher Shortcode

[BEISPIEL_SHORTCODE]

Beispiel: einfacher Shortcode mit Eigenschaft

[BEISPIEL_SHORTCODE EIGENSCHAFT='rot']

Beispiel - umschließender Shortcode:

[BEISPIEL_SHORTCODE]
Ihre Inhalte dazwischen....
[/BEISPIEL_SHORTCODE]

Übersicht der Inhaltsmodule

Weiße Contentbox mit möglichen Inhaltsmodulen

H1 - Lorem ipsum dolore sit amet consec.

H1 - Lorem ipsum dolore sit amet consec.

H2 - ipsum dolore sit amet consec.

Fließtext - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod. 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.irmod tempor invidunt ut labore et dolore magna aliquyam erat. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Numerische Liste

  1. Numerische Liste
  2. Numerische Liste
  3. Numerische Liste

Ungeordnete Liste

  • Ungeordnete Liste
  • Ungeordnete Liste
  • Ungeordnete Liste
Content Box Hervorhebung - lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod. 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 - lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod. 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.
12
Aufzählung - lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod. 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.
Video Kommentar - lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod. 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.
Icon Link
Schaltfläche Link 
Schaltfläche Download 

Transparente Contentbox mit möglichen Inhaltsmodulen

H1 - Lorem ipsum dolore sit amet consec.

H1 - Lorem ipsum dolore sit amet consec.

H2 - ipsum dolore sit amet consec.

Fließtext - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod. 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.irmod tempor invidunt ut labore et dolore magna aliquyam erat. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Numerische Liste

  1. Numerische Liste
  2. Numerische Liste
  3. Numerische Liste

Ungeordnete Liste

  • Ungeordnete Liste
  • Ungeordnete Liste
  • Ungeordnete Liste
Content Box Hervorhebung - lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod. 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 - lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod. 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.
12
Aufzählung - lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod. 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.
Video Kommentar - lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod. 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.
Icon Link
Schaltfläche Link 
Schaltfläche Download 

Mehrspaltige Raster

1/2
1/2
1/3
1/3
1/3
1/3 - schmal
2/3 - breit
1/4 - schmal
3/4 - breit
1/5 - schmal
3/5 - breit
1/6 - schmal
3/6 - breit

Geteilte Hauptüberschrift

Das ist eine Hauptüberschrift der Webpräsenz

Das ist eine ergänzende Subzeile

Bild Titel

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod. 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.irmod tempor invidunt ut labore et dolore magna aliquyam erat. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Überschrift des Interviews

Interview Frage ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy?

Maxima Musterfrau:
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt 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.

Interview Frage ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy?

Maxima Musterfrau:
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt 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.

Interview Frage ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy?

Maxima Musterfrau:
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt 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.

Video Modul

Sound Modul

Bild Modul

Dies ist eine Bildunterschrift.

Kontakt Box

Muster Institut ipsum dolore sit amet e.V.

Musterstraße 1
12345 Musterort
Tel: 123456/123456
Fax: 123456/123456
mail@musterinstitut.de
http://www.muster-institut.de

Muster Institut ipsum dolore sit amet e.V.

Musterstraße 1
12345 Musterort
Tel: 123456/123456
mail@musterinstitut.de

Muster Institut ipsum dolore sit amet e.V.

Musterstraße 1
12345 Musterort
Tel: 123456/123456
Fax: 123456/123456
mail@musterinstitut.de
http://www.muster-institut.de

Muster Institut ipsum dolore sit amet e.V.

Musterstraße 1
12345 Musterort
Tel: 123456/123456
mail@musterinstitut.de

Teaser Modul

Slider Modul

Bild - EBK Sterbebegleitung
Bild - EBK Sterbebegleitung
Bild - EBK Sterbebegleitung
Bild - EBK Sterbebegleitung
Bild - EBK Sterbebegleitung
Angehörige im Gespräch

Google Maps Modul