Hinweis: Während unsere beliebtesten Anleitungen ins Deutsche übersetzt wurden, sind einige Anleitungen nur auf Englisch verfügbar.
Text zu Bannern hinzufügen

Viele Templates unterstützen Seiten-Banner, in die sich Bilder, Farben oder Videos einbinden lassen, um Ihren Inhalt im oberen Bereich der Seite besser zu präsentieren.

In den meisten Templates können Sie separaten Text einfügen, welcher dann über dem Banner-Bild angezeigt wird. Da sich dieses Bild an jede Bildschirmgröße und jedes Mobilgerät anpassen lässt, handelt es sich hierbei um eine großartige Möglichkeit, Text in ein Banner einzubinden.

Tipp: Als Alternative zu unseren integrierten Banner-Optionen können Sie auch einen Bild-Block im oberen Bereich einer Layout-Seite hinzufügen. Dies gilt für alle Templates. Das Poster-Layout ist als Banner mit Overlay-Text besonders gut geeignet.

Video ansehen

Bevor Sie beginnen

Bevor Sie Ihrem Banner Text hinzufügen, erfahren Sie wie Sie ein Banner-Bild hinzufügen.

Wir empfehlen aus folgenden Gründen, kein Banner-Bild hinzuzufügen, das  Text in der eigentlichen Bilddatei enthält:

  • Computer können diesen Text nicht lesen, so dass Suchmaschinen ihn nicht für Ergebnisse indizieren werden.
  • Wenn Ihr Banner die Form verändert, um sich an verschiedene Browser-Breiten anzupassen, ist es wahrscheinlich, dass Teile des Textes abgeschnitten werden, wie unten zu sehen.

Verschiedene Banner-Textarten

Jedes Template hat eigene Banner-Optionen. Hier zeigen wir Ihnen die häufigsten Arten dieser Bannertexte, und empfehlen ein paar Templates für spezielle Effekte. Gehen Sie unten auf Optionen nach Template,  um zu sehen, welchen Bannertext Ihr Template unterstützt.

Seiten Banner

Seiten-Banner werden auf Seiten am oberen Rand angezeigt, wie z. B. Blog-Seiten oder Layout-Seiten. Die meisten Templates erstellen ein Overlay aus dem Seitentitel und der -beschreibung.

Empfohlene Templates: Five, MontaukPacificYork (Banner-Optionen nach Template)

Besondere Seitenbanner-Beschreibungen

In manchen Templates können Sie Kopfzeilen und Banner mit Seitenbeschreibungen hinzufügen.

Empfohlene Templates: Bedford (Banner-Optionen nach Template)

Übersicht Artikel Banner

Sammlungselemente sind individuelle Blog-Einträge, Events und Produkt-Artikel. In einigen Templates werden Element-Informationen über dem Banner angezeigt.

Empfohlene Templates: Bedford, Farro, Skye (Banner-Optionen nach Template)

Einleitung Bereichs Banner

Einige Templates verfügen über einen Kopfzeilenbereich, den Sie mit Blöcken gestalten können. Diese Kopfzeile ist besonders vielseitig, ermöglicht die Verwendung von verschiedensten Inhalten und bietet eine große Auswahl an unterschiedlichen Größen.

Empfohlene Templates: BrineMercer, Nueva (Banner-Optionen nach Template)

Index-Seiten Banner

Für Templates, die eine gestapelte Index-Seite unterstützen, wird ein Banner für jeden Abschnitt auf der Seite erstellt. Je nach Template wird entweder die Seitenbeschreibung oder der Seiteninhalt als Overlay angezeigt.

Empfohlene Templates: BedfordMercerPacific (Banner-Optionen nach Template)

Einen Seiten Banner Text hinzufügen

In den meisten Templates mit Seitenbanner werden Titel und Beschreibung der Seite über jedem Banner angezeigt.

Anmerkung: Für Templates, welche die Seitenbeschreibung im Banner anzeigen, sollten Seitenbeschreibungen nicht nur zur Zugabe von SEO-basiertem Inhalt benutzt werden (wie es mit anderen Templates gemacht werden kann). Die Nutzung von Seitenbeschreibungen für den Banner hat keine negativen Auswirkungen auf SEO.

Schritt 1 - Seitentitel und Beschreibung hinzufügen

  1. Klicken Sie im Hauptmenü auf Seiten.
  2. Fahren Sie mit der Maus über den Seitentitel im linken Menü und klicken Sie auf das Getriebe-Symbol Symbol.
  3. Fügen Sie Text zu den Feldern Seitentitel und Seitenbeschreibung im Tab Grundlegendes hinzu.
Tipp: Um unterschiedliche Titel in den Suchergebnissen und beim Teilen in sozialen Medien anzuzeigen, fügen Sie einen SEO-Titel hinzu.

Schritt 2 - Fügen Sie ein Vorschaubild hinzu (empfohlen)

Manche Templates benötigen ein Banner-Bild oder Video, um den Text anzuzeigen. Im Media tab (Medien Reiter) , fügen Sie ein Vorschaubild (oder eine Video URL in unterstützten Templates) hinzu.

Schritt 3 - Speichern und neu laden

Klicken Sie auf Save (Speichern), dann laden Sie die Seite neu. Manchmal werden Änderungen am Banner in der Seitenvorschau nicht angezeigt, bis die Seite neu geladen wird.

Schritt 4 - Vorschau

Schauen Sie Ihr Banner in der Vorschau Ihrer Website an und nehmen Sie gegebenenfalls über das Menü „Website-Stil“ Änderungen an Schriftarten und Farben vor.

Tipp: Sie können in den meisten Templates zusätzliche Höhe schaffen, indem SIe In der Beschreibung Leerstellen einfügen. Drücken Sie die Return oder Eingabetaste um den Beschreibungstext herum, um mehr vom Bild anzuzeigen. Dies kann hilfreich sein, um Zuschnittprobleme zu lösen, und die Länge des Banners für einen dramatischen Effekt zu verlängern.

Sollte Ihr Banner nicht angezeigt werden, versuchen Sie diese Fehlerbeseitigungmaßnahmen:

  1. Laden Sie die Seite neu
  2. Überprüfen Sie die Templateliste um sicherzugehen, dass Ihre Template Banner-Text für diesen Seitentyp unterstützt.
  3. Öffnen Sie Website-Stil und überprüfen Sie, ob Ihre Vorlage Stil-Optionen hat, um das Banner oder den Bannertext auszublenden.
  4. Überprüfen Sie die Anleitung zu Struktur und Stil Ihres Templates.

 Besonderen Beschreibungstext formatieren

Sie können in der Bedford-Familie die Seitenbeschreibung mit Kopfzeilen und Buttons für bestimmte Seitentypen formatieren:

  • Layout-, Album-, Blog-, Veranstaltungs- und Produktseiten

Befolgen Sie bei diesen Vorlagen die Schritte im vorherigen Abschnitt, um eine Beschreibung hinzuzufügen. Die Art, wie Sie den Text für die Seitenbeschreibung formatieren, bestimmt, wie er angezeigt wird:

  • Bold (Fett) formatiert Text als Kopfzeile.
  • Text ohne Formatierung erstellt einen normalen Beschreibungstext.
  • Um ein Button zum Banner hinzuzufügen, fügen Sie einen Link oder mehrere Links zur letzten Zeile hinzu.

Verlinkter Text erstellt nur dann einen Button, wenn:

  • Der verlinkte Text nicht fett ist.
  • Sich unter dem Link kein weiterer Text und keine Zeilenumbrüche befinden.

Im folgenden Beispiel:

  • "Design ist kein Luxus" wird zur Kopfzeile.
  • Der Text "Ein gutes Design..." wird zum Beschreibungstext.
  • Der Link „Erfahren Sie mehr" wird zu einem Button.

Nachdem Sie gespeichert und die Seite neu geladen haben, gestalten Sie die Kopfzeile, die Beschreibung und die Schaltfläche in Website-Stil:

  • Verwenden Sie den Banner-Abschnitt von Website-Stil.
  • Die Seitenüberschrift wird nicht angezeigt.

Banner-Text zu Sammlungs-Artikeln hinzufügen 

Banner für Sammlungs-Artikel erstellen Overlay-Text normalerweise auf Basis der Einstellungen des jeweiligen Blog-Eintrags, Events oder Produkts. Folgen Sie den unten aufgeführten Links, um die Einstellungen für jeden Artikeltyp anzupassen:

Overlay-Text im Einführungsbereich hinzufügen

In der Brine-Familie werden Inhalte im Intro-Bereich oberhalb des Banners angezeigt.Sie können diesen Bereich mit Blöcken anpassen, wie etwa mit einem Text-Block oder einem Button-Block.

Text zum Index-Seitenbanner hinzufügen

In einem gestapelten Index erstellt jeder Abschnitt einen Banner auf der Seite. In diesen Template-Gruppen wird entweder die Seitenbeschreibung oder der Seiteninhalt als Overlay angezeigt:

  • Bedford – Seitenbeschreibung wird über dem Banner angezeigt. Sie können diese mit Kopfzeilen und Buttons formatieren.
  • Brine – Der Seiteninhalt wird über dem Banner angezeigt. Um Banner-Text hinzuzufügen, fügen Sie zunächst einen Layout-Seiten-Abschnitt hinzu und passen Sie diesen nach Belieben mit Blöcken an.
  • Pacific – Der Seiteninhalt wird über dem Banner angezeigt. Um Banner-Text hinzuzufügen, fügen Sie zunächst einen Layout-Seiten-Abschnitt hinzu und passen Sie diesen nach Belieben mit Blöcken an.

Den Text gestalten

Verwenden Sie die Anpassungen in Website-Stil, um die Schriftarten und Farben anzupassen. Anpassungen des Banner-Stils werden normalerweise auf alle Banner auf Ihrer Website angewendet.

Für weitere Informationen gehen Sie bitte auf die Seite „Struktur und Stil“ in Ihrer Template-Anleitung.

Banner-Text-Optionen nach Template

Hier sind die Banner-Text-Optionen in diesen Template-Gruppen:

Template-Gruppe Seiten Banner Übersicht Artikel Banner
Adirondack
  • Kein Overlay-Text.
  • Blog-Einträge, Events, Produkte: Kein Overlay-Text
Bedford
  • Blog-Einträge: Titel, ein Metadaten-Element.
  • Events: Kein Overlay-Text

Brine

  • Offener Block-Bereich („Einführungsbereich“)
  • Kopfzeilen-Inhalt (wie Seitentitel und Navigationslinks) kann über dem Banner angezeigt werden.
 

Farro

 
  • Blogeinträge: Titel des Eintrags und bis zu vier Metadaten-Elemente

Five

  • Seitentitel und Beschreibung, Seitentitel/Logo und Slogan oder nur das Banner-Bild. Mehr erfahren.
  • Identisch mit Seiten-Bannern 

Montauk

  • Seitentitel und Beschreibung.
 

Pacific

 

Skye

 

Supply

 
  • Blog-Einträge, Events: Kein Overlay-Text

Tremont

 

York

  • Seitentitel und Beschreibung.
 
War dieser Beitrag hilfreich?
3 von 22 fanden dies hilfreich