Regionales Hochschulrechenzentrum Kaiserslautern-Landau

Inhaltselement "Text/Bild mit Störer"

Anleitung mit Übung

Über das Inhaltselement

Das Element “Text/Bild mit Störer” kann für Aktionen oder Werbeinhalte genutzt werden. Es enthält ein Bild, Überschrift, Text und Button und kann in ganzer Bildschirmbreite angezeigt werden.

Verwendung:

  • ansprechende Darstellung von insb. marketingrelevanten Materials
  • Optisch ansprechend ist es besonders, wenn die Überschrift kurz ist und der Text den Ansprüchen an einen Teasertext entspricht. 
  • Bildunterschriften können hier leicht störend wirken 
  • Beste Darstellung auf 100% oder 80% Seitenbreite 
  • In Gridelementen von 66% oder kleiner sollten Überschriftenlänge und Textlänge stark reduziert werden
  • Nicht geeignet für Spalten in Gridelementen von 33% oder 25%
  • kann notfalls ohne Verlinkung als Headerbild für die Startseite einer Einrichtung verwendet werden, wenn der Titel kurz genug ist, um in einer Zeile angezeigt zu werden. Es empfiehlt sich eher das Headerbild in den “Ressourcen” der Startseite zu nutzen. 

 

So sieht es aus

Live Ansicht des Inhaltselements

Eine junge Frau arbeitet mit ihrem Laptop am Tisch neben einem großen Fenster.

Arbeiten im Homeoffice

Arbeiten Sie bequem aus Ihrem heimischen Büro heraus ganz ohne Einschränkungen. Wir haben alle Informationen für Sie zusammen getragen.

Jetzt loslegen!

Schritt für Schritt

Bebilderte Anleitung

In Arbeit

Wir bitten um etwas Geduld

TYPO3 Selbststudium

Übung

  1. Legen Sie ein CE "Bild/Text mit Störer" auf 100% Seitenbreite an.
  2. Vergeben Sie Überschrift und Text in verschiedenen Längen und schauen Sie sich das Ergebnis jeweils in verschiedenen Display-Größen an.
  3. Wählen Sie auch einmal die volle Bildschirmbreite. 
  4. Nehmen Sie wahr, wie prominent und einladend das Element in der Seite wird. Es fordert geradezu heraus, damit zu interagieren. Nutzen Sie es wie eine Werbeanzeige.
  5. Legen Sie davor oder dahinter normale Seiteninhalte an. Finden Sie heraus, welchen Abstand diese zum CE "Bild/Text mit Störer" haben müssen, damit dieser weiter gut wirkt.
  6. Probieren Sie unterschiedliche Einstellungen für das Höhen/Seitenverhältnis für das Bild aus. Damit können Sie die Fläche bestimmen, die das Element “Text/Bild mit Störer” auf der Seite einnimmt.