CMS Formatierungen

Allgemeine Textformatierungen

Formatierungen noch nicht final

Textabsätze

Textabsätze werden mit öffnenden und schließenden p-Element abgeteilt. Nach jedem Absatz ist ein Abstand definiert.

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.

Zeilenumbrüche

Ein Zeilenumbruch wird mit einem br/-Element eingefügt. Nach einem Umbruch wird im normalen Zeilenabstand fortgesetzt.

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.

Textfettungen

Textfettungen werden mit öffnenden und schließenden strong-Element definiert.

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.

Kursiver Text

Kursiver Text wird mit öffnenden und schließenden em-Element definiert.

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.

Eingerückter Text

Eingerückter Text wird mit Angabe einer class="inherit" im öffnenden p-Element definiert.

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.

Texte mit umlaufenden Grafiken

Variante A | mit class="left"/"right" im p-Tag

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

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.

Variante B | mit align="left"/"right" im Image Tag

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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Text geht je nach Platz direkt über 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.


Überschriften

Formatierungen noch nicht final

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline
H6 Headline

Listen

Formatierungen noch nicht final

ul-Listentypen (unordered lists)

  • mit Punkten
  • mit Punkten

ol-Listentypen (ordered lists)

  1. mit Nummerierung
  2. mit Nummerierung

Kombination & Verschachtelung von Listen

  • Verschachtelte Liste, erste Ebene mit Häkchen
    1. zweite Ebene mit Nummerierung
    2. zweite Ebene mit Nummerierung
  • mit Häkchen
  • verschachtelte Liste mit Pfeilen
    • zweite Ebene mit Pfeilen
    • verschachtelte Liste, dritte Ebene mit Bullets
      • dritte Ebene mit Bullets
      • verschachtelte Liste, vierte Ebene mit Pfeilen
        • vierte Ebene mit Dreiecken
        • vierte Ebene mit Dreiecken

einheitliche Abstände vor/nach einer Liste und innerhalb der Listenelemente


Bildung von Verlinkungen

Formatierungen noch nicht final

Dynamische interne Verlinkungen

Interne Verlinkungen, also Links mit Zielseiten innerhalb Ihres Bluegento Systems, werden durch Nutzung des Ausdruckes in geschweiften Klammern (Backend) im Format
a href="http://www.gustini.de/zielseite/" bzw.
a href="http://www.gustini.de/zielseite.html"
im a Tag des Links gebildet. Der Ausdruckes in geschweiften Klammern ersetzt dabei bei der Linkbildung dynamisch die aktuelle URL Ihres Systems.

Beispiel : Mehr Informationen hierzu finden Sie in unserem Impressum.

Bluegento erkennt interne Links automatisch und öffnet diese stehts im aktuellen Tab des Browsers.

Widgetlinks über IDs

Kategorielinks

Magento sieht ein Widget vom Typ link_inline für Kategorielinks wie folgt vor:
Mitten im Text kann ein Kategorielink oder auch mehrere Kategorielinks eingefügt werden.

Produktlinks

Magento sieht ein Widget vom Typ link_inline für Produktlinks wie folgt vor:
Mitten im Text kann ein Produktlink eingefügt werden.

weitere Widgetlinks

Des Weiteren gibt es Widgets vom Typ link_block. Es stellt Links wie folgt dar:
Kategorielink Produktlink

exterene Verlinkungen

Externe Verlinkungen, also Links mit Zielseiten außerhalb Ihres Bluegento Systems, werden durch den vollständigen Link in der Form http://www.ihre-zielseite.de im a href=" " Tag des Links gebildet.

Beispiel : Mehr Informationen hierzu erhalten Sie auf der Bluegento Webseite.

Bluegento erkennt externe Links automatisch und öffnet diese stehts in einem neuen Tab des Browsers. Ihr Bluegento System bleibt somit stehts im bestehenden Tab geöffnet.

Sonderformen für Verlinkungen

Links werden generell als normale Textlinks dargestellt. Ihnen stehen aber auch einige Sonderformen der Kennzeichnung von Links wie folgt zur Verfügung

  • durch Einfügen einer Klasse class="details" im a Tag wird der Link per Symbol als Gustini Link mit Pfeil davor gekennzeichnet.
  • durch Einfügen einer Klasse class="file" im a Tag wird der Link per Symbol als Dateilink gekennzeichnet.
  • durch Einfügen einer Klasse class="pdf" im a Tag wird der Link per Symbol als PDF Dateilink gekennzeichnet.

Im Statischen Block demo_cms_style_nobox ist zu sehen, wie man auf einen CMS Seite die class="box" ohne weißen Hintergrund Fond.
Unter Benutzung eines öffnenden div class="box" kann man eine separierte Box inkl. weißen Hintergrund Fond erzeugen. Das schließendes /div beendet diese Box wieder.
So können z.B. Videos aus dem YouTube Kanal eingebunden werden.

Dynamische Impressumsfelder

Formatierungen noch nicht final

Sie haben die Möglichkeit Einträge aus System > Konfiguration > Allgemein > Impressum direkt per Variable als sogenannte dynamische Impressumsfelder in Texten zu verwenden.

Beispiel: Gustini ist ein Service der Gustini GmbH aus Leipzig, DE.
Kontaktieren Sie uns gerne

  • per Telefon unter +49 (0) 341 - 58 300 900
  • per Fax unter +49 (0) 341 - 58 300 999
  • per E-Mail an servicenospamplease@nospampleasegustini.de

Vorteil: Wenn Sie dynamische Impressumsfelder konsequent in allen Texten nutzen, sparen Sie sich bei möglichen Änderungen viel Aufwand bei der Pflege. Ändert sich zum Beispiel Ihre Anschrift, so passen Sie lediglich die entsprechenden Felder unter System > Konfiguration > Allgemein > Impressum an. Alle Verwendungen Ihrer Anschrift auf CMS-Seiten (z.B. AGB, Widerruf) und Transaktions-E-Mails (Impressumsangaben der Seite) werden sofort auf die aktuelle Angabe angepasst.

Verfügbare Codes für dynamische Impressumsfelder

ImpressumsfeldCodedynamische Anzeige
Shop Nameshop_nameGustini
Unternehmensbez. 1company_firstGustini GmbH
Unternehmensbez. 2company_second
Straßestreet Wiederitzscher Str. 33
PLZzip04155
OrtcityLeipzig
LandcountryDE
Telefontelephone+49 (0) 341 - 58 300 900
Zusatzinformation für Telefontelephone_additional
Faxfax+49 (0) 341 - 58 300 999
E-Mailemailservicenospamplease@nospampleasegustini.de
Websiteweb
Steuernummertax_number
USt.Id.vat_idDE 259855618
RegistergerichtcourtAmtsgericht Leipzig
Zuständiges Finanzamtfinancial_office
GeschäftsführerceoJens Depenau
InhaberownerJens Depenau
Inhalt. Verantwortlichercontent_responsable_nameJens Depenau
Adresse des inhalt. Verantwortlichencontent_responsable_addressWiederitzscher Str. 33 04155 Leipzig
Verantwortlich im Sinne des Presserechtscontent_responsable_press_law
Registernummerregister_numberHRB 24077
Verweis auf berufliche Regelungenbusiness_rules
Behörde gem. ECGauthority
Beteiligungenshareholdings
Blattlinieeditorial_concept
Kontoinhaberbank_account_ownerGustini GmbH
Kontonummerbank_account0012809000
BLZbank_code_number86070000
Kreditinstitutbank_nameDeutsche Bank Leipzig
BIC/SWIFTswiftDEUTDE8LXXX
IBANibanDE18 86070000 0012809000
Clearingclearing