Buttons erstellen, bearbeiten und verwenden

Erstellung und Bearbeitung von Buttons für eine Webseite

Dieser Lernartikel bietet eine Anleitung zur Erstellung und Bearbeitung von Buttons, die auf einer Webseite eingebaut werden können. Buttons spielen eine zentrale Rolle, da sie als Verlinkungen fungieren und Nutzende zu bestimmten Seiten oder Abschnitten führen. Zwei Wege zur Erstellung werden beschrieben: die zentrale Verwaltung und die Erstellung innerhalb von Abschnitten.

Zentrale Erstellung und Verwaltung von Buttons

Über die Hauptnavigation kann die Verwaltung von Buttons vorgenommen werden. Unter dem Reiter „Inhalte“ befindet sich die Option dazu. Da Buttons im Wesentlichen Verlinkungen sind, werden sie hier als „Links" aufgeführt. Durch einen Klick auf diesen Reiter wird eine Übersicht aller vorhandenen Buttons angezeigt.

Um einen neuen Button zu erstellen, wird die Option „Erstellen“ gewählt. Zunächst muss ein interner Name festgelegt werden, der zur besseren Übersicht verwendet wird. Der angezeigte Text auf dem Button sollte im nächsten Schritt festgelegt werden – er entspricht dem sichtbaren Text auf der Webseite. Dazu muss noch ein Titel vergeben werden.

Anschließend kann ausgewählt werden, ob der Button auf eine interne Seite oder eine externe URL verlinkt. Standardmäßig wird eine interne Verlinkung eingerichtet, die auf eine definierte Zielseite innerhalb des Systems verweist. Externe Verlinkungen können ebenfalls eingerichtet werden und öffnen sich in einem neuen Tab. In den meisten Fällen ist es jedoch ratsam, wo möglich interne Verlinkungen zu verwenden, da diese besser nachverfolgt werden können.

Nachdem der Button erstellt wurde, wird er gespeichert und erscheint in der Liste der Buttons.

Einbau von Buttons in Abschnitte

Um einen Button auf einer Seite zu platzieren, wird zur gewünschten Seite navigiert. Der Button kann entweder in eine bestehenden Sektion oder in eine neu erstellte Sektion eingebaut werden. Wichtig ist, dass die Sektion veröffentlicht sein muss, damit der Button sichtbar wird.

In den Design-Einstellungen der Sektion können weitere Anpassungen vorgenommen werden, z.B. ob der Button in primärer oder sekundärer Ausführung angezeigt wird, sowie die Größe und Ausrichtung.

Erstellung von Buttons als Abschnitte

Um einen Button als Abschnitt zu erstellen, fügst du mit dem Plus-Symbol einen neuen hinzu. In der Suchleiste findest du die Vorlage „Einfach – Text Bild Button“ und durch die Eingabe des Wortes „Button“ alle anderen Vorlagen, die Buttons enthalten. Auf der linken Seite in der Sektion fügst du über das Drop-Down den Button-Link ein.

Erstellung von Buttons innerhalb von Abschnitten

Zusätzlich zur zentralen Verwaltung besteht die Möglichkeit, Buttons direkt in einem Abschnitt zu erstellen und zu bearbeiten. Dies ist besonders nützlich, wenn während der Arbeit in einem Abschnitt bemerkt wird, dass ein Button benötigt wird. Über die drei Punkte an der rechten Seite des Button-Feldes können neue Buttons erstellt oder bestehende aktualisiert werden, ohne den Abschnitt verlassen zu müssen. Unter den „Design“-Einstellungen kannst du abschnittspezifische optische Änderungen des Buttons vornehmen, wie etwa die Änderung des Stils oder der Größe.

Gestaltung und Anpassung von Buttons

In den Website-weiten Einstellungen lassen sich die allgemeinen Designvorgaben für Buttons festlegen. Dazu wählst du in der Markenkontoübersicht das Konto aus, in dem du die Änderungen vornehmen möchtest. Klicke auf das dazugehörige Stift-Icon. In „Design & Organisation" hast du die Möglichkeit, globale Parameter wie die Größe, Schriftgröße und Rundung der Buttons zu definieren. Diese Einstellungen werden dann automatisch auf alle Buttons angewendet, die erstellt werden. Besonders wichtig ist die Möglichkeit, primäre und sekundäre Farbausprägungen für Buttons festzulegen, sodass sie bspw. im Unternehmensstil erscheinen.

Mit diesen Designvorgaben lässt sich sicherstellen, dass alle Buttons einheitlich und im gewünschten Stil erscheinen, was zur Markenidentität der Webseite beiträgt.