Test ab wie viel Zeichen sich die TeaserBox verzerrt

Grundlegende Informationen

Anzahl der Zeichen ohne Verzerrung: 153

  • für den Test wurde der Buchstabe W genutzt
  • Aktuell erlaubte Zeichenmenge für den Text: 1024
    • nutzt man den Text voll aus ist die TeaserBox verzerrt!
  • Aktuell erlaubte Zeichenmenge für den Titel der TeaserBox: 255
    • nutzt man den Titel voll aus ist die TeaserBox verzerrt!
      • kein weiterer Text möglich!
  • Titel + Text aktuell erlaubte Zeichen = 1279

Auf welche Werte für die Zeichenmenge können Titel und Text angepasst werden?

Es sollten verschiedene Werte erlaubt sein, je nachdem ob die TeaserBox MIT oder OHNE Bild genutzt wird:

Bräuchten verschiedene Regeln, je nach MIT/OHNE Bild & MIT/OHNE Titel:

Zu den Beispiel-Werten

Von einem der größten Buchstaben "W" passen 153 Zeichen OHNE Verzerrung in die Box

Hinter dem Gebäude Oslo der EUF sind viele Studierende auf den Spazierwegen unterwegs.
Hinter dem Gebäude Oslo der EUF sind viele Studierende auf den Spazierwegen unterwegs.

WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW

Verzerrungstest mit großem Buchstaben
Auf einer Mauer liegt ein Papierflieger mit der Aufschrift "MOIN!". Im Hintergrund ist die Skyline Flensburgs zu sehen.
Normale TeaserBox Größe

Lorem Ipsum mit 153 Zeichen

Grafische Darstellung des Universums
Grafische Darstellung des Universums

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

Lorem Ipsum mit 153 Zeichen
Auf einer Mauer liegt ein Papierflieger mit der Aufschrift "MOIN!". Im Hintergrund ist die Skyline Flensburgs zu sehen.
Normale TeasaerBox Größe

Bei Lorem Ipsum mit 306 Zeichen beginnt bereits die Verzerrung --> Verzerrt

Am Pier des Flensburger Hafen haben es sich Studierende zu einem Picknick gemütlich gemacht.
Am Pier des Flensburger Hafen haben es sich Studierende zu einem Picknick gemütlich gemacht.

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 ipsu

Lorem Ipsum mit 306 Zeichen
Auf einer Mauer liegt ein Papierflieger mit der Aufschrift "MOIN!". Im Hintergrund ist die Skyline Flensburgs zu sehen.
Normale TeaserBox Größe

TeaserBox MIT Bild mit Titel aus 255 Zeichen --> Verzerrt

Hinter dem Gebäude Oslo der EUF sind viele Studierende auf den Spazierwegen unterwegs.
Hinter dem Gebäude Oslo der EUF sind viele Studierende auf den Spazierwegen unterwegs.

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

TeaserBox MIT Bild mit Titel aus 255 Zeichen
Auf einer Mauer liegt ein Papierflieger mit der Aufschrift "MOIN!". Im Hintergrund ist die Skyline Flensburgs zu sehen.
Normale TeaserBox Größe

TeaserBox MIT Bild mit Text aus 1024 Zeichen --> Verzerrt

Auf der Wiese hinter der ZHB sitzen zwei Studierende im Schatten einer Birke.
Auf der Wiese hinter der ZHB sitzen zwei Studierende im Schatten einer Birke.

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. 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. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis a

TeaserBox MIT Bild mit Text aus 1024 Zeichen
Auf einer Mauer liegt ein Papierflieger mit der Aufschrift "MOIN!". Im Hintergrund ist die Skyline Flensburgs zu sehen.
Normale TeaserBox Größe

TeaserBox OHNE Bild mit Text aus 1024 Zeichen --> Verzerrt

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. 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. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis a

TeaserBox OHNE Bild mit Text aus 1024 Zeichen
Auf einer Mauer liegt ein Papierflieger mit der Aufschrift "MOIN!". Im Hintergrund ist die Skyline Flensburgs zu sehen.
Normale TeaserBox Größe

Herantasten, welche Limitierugswerte richtig wären

TeaserBox MIT Bild mit Titel & Text

Sollen wir einen max. 2-zeiligen Titel erlauben? Je länger der Titel, desto weniger Platz für Text!

  • 50 Lorem Ipsum Zeichen im Titel passen gut in 2 Zeilen
  • gefolgt von 175 Zeichen - Fließtext Lorem Ipsum 
  • bräuchten also verschiedene Regeln, je nach MIT/OHNE Bild & MIT/OHNE Titel
Studierende lernen mit Dozierenden auf der Wiese hinter dem Gebäude Oslo.
Studierende lernen mit Dozierenden auf der Wiese hinter dem Gebäude Oslo.

Lorem ipsum dolor sit amet, consetetur sadipscing

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 accu

TeaserBox MIT Bild mit Titel & Text
Auf einer Mauer liegt ein Papierflieger mit der Aufschrift "MOIN!". Im Hintergrund ist die Skyline Flensburgs zu sehen.
Normale TeaserBox Größe

TeaserBox OHNE Bild mit Titel & Text

  • Bei OHNE Bild 1 oder zweizeiligen Titel erlauben?
  • 50 Lorem Ipsum Zeichen im Titel passen gut in 1 Zeile
  • gefolgt von 350 Zeichen - Fließtext Lorem Ipsum 

Lorem ipsum dolor sit amet, consetetur sadipscing

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 elit

TeaserBox OHNE Bild mit Titel & Text
Auf einer Mauer liegt ein Papierflieger mit der Aufschrift "MOIN!". Im Hintergrund ist die Skyline Flensburgs zu sehen.
Normale TeaserBox Größe

TeaserBox MIT Bild mit Text OHNE Titel

  •  280 Zeichen - Fließtext Lorem Ipsum 
Studierende lernen mit Dozierenden auf der Wiese hinter dem Gebäude Oslo.
Studierende lernen mit Dozierenden auf der Wiese hinter dem Gebäude Oslo.

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

TeaserBox MIT Bild mit Text OHNE Titel
Auf einer Mauer liegt ein Papierflieger mit der Aufschrift "MOIN!". Im Hintergrund ist die Skyline Flensburgs zu sehen.
Normale TeaserBox Größe

TeaserBox OHNE Bild mit Text OHNE Titel

  • 575 Zeichen - Fließtext Lorem Ipsum 

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

TeaserBox OHNE Bild mit Text OHNE Titel
Auf einer Mauer liegt ein Papierflieger mit der Aufschrift "MOIN!". Im Hintergrund ist die Skyline Flensburgs zu sehen.
Normale TeaserBox Größe

Ideen und offene Fragen:

  • entweder 4 Szenarien im Backend beachten (MIT/OHNE Bild & MIT/OHNE Titel)
    • beim Wechsel von Szenarien (viel Text zu wenig Text) dürfen keine Texteingaben verloren gehen, stattdessen müssen Warnungen oder ähnliches auftauchen
  • abschneiden nach bestimmter Zeichenzahl, um Grundform zu erhalten (evtl. mit Backend-Hinweisen)
  • wenn Zeichenanzahl-Kürzung: wie mit Migration von bisherigen Daten umgehen?