Anmerkung: Unsere beliebtesten Anleitungen wurden ins Deutsche übersetzt, alle restlichen Anleitungen sind bisher nur auf Englisch verfügbar
Text zu Bannern hinzufügen

Many templates support page banners, where you can add an image, color, or video to the top of the page to introduce your content.

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.

We don't recommend using a banner image that has text within the actual image file for a couple reasons:

  • Computer können diesen Text nicht lesen, so dass Suchmaschinen ihn nicht für Ergebnisse indizieren werden.
  • When your banner changes shape to adapt to different browser widths, it's likely that parts of the text will crop, as shown below.

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

Page banners display at the top of pages, such as Blog Pages or Layout Pages. Most templates create an overlay from the page's title and description.

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

For templates that support a stacked Index Page, each section creates a banner on the page. Depending on your template, either the page description or the page content displays as an overlay.

Empfohlene Templates: BedfordMercerPacific (Banner-Optionen nach Template)

Einen Seiten Banner Text hinzufügen

Most templates with page banners display the page's title and description over each banner.

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. Add text to the Page Title and Page Description fields in the Basic tab.
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. Review your template's Structure and style guide.

 Besonderen Beschreibungstext formatieren

In the Bedford family you can format the page description with headers and buttons for certain page types:

  • 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 the Brine family, the intro area content displays over the banner. You can customize this area with blocks, such as a Text Block or Button Block.

Text zum Index-Seitenbanner hinzufügen

In a stacked Index, each section creates a banner on the page. Either the page description or the page content displays as an overlay in these template families:

  • Bedford - Page description displays over the banner. Format it with headers and buttons.
  • Brine - Page content displays over the banner. To add banner text, add a Layout Page section and customize it with blocks.
  • Pacific - Page content displays over the banner. To add banner text, add a Layout Page section and customize it with blocks.

Den Text gestalten

Use the tweaks in the Site Styles to adjust the fonts and colors. Banner style tweaks will usually affect every banner on your site.

For more information, review the "Structure and style" page in your template's guide.

Banner-Text-Optionen nach Template

Here are the banner text options in these template families:

Template family 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 Untertitel oder nur das Banner-Bild. Erfahren Sie mehr.
 

Montauk

  • Seitentitel und Beschreibung.
 

Pacific

 

Skye

 

Supply

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

Tremont

 

York

  • Seitentitel und Beschreibung.
 
War dieser Beitrag hilfreich?
2 von 12 fanden dies hilfreich