Wie kann ich einen Link als Button darstellen?

Buttons sind eine tolle Möglichkeit, Links auf Deiner Seite besonders hervorzuheben. Sie eignen sich um eine Verlinkung zu einer externen Seite (z. B. die Facebook-Seite) zu promoten. Aber auch bei der Teaser-Technik sind sie sehr geeignet, um Besucher direkt auf bestimmten Bereiche Deiner Seite zu verweisen.

Hinweis: Diese Technik funktioniert z. Zt. nur mit allen Designs, die als "mobil optimiert" gekennzeichnet sind.

Das Ergebnis: So könnte es aussehen.

Das Ergebnis: So wird es aussehen.

Da wir daraus einen Button machen wollen, sollte der Link in einem eigenen Absatz untergebracht werden.

1. Lege einen Abschnitt an, der einen Link enthält.

2. Bearbeite den Abschnitt.

Markiere den bereits erstellten Link und klicke dann auf "Link editieren".

2. Bearbeite den Abschnitt.

3. Öffne den Tab "Erweitert" und gib die folgenden Informationen ein.

Im Feld für "Stylesheet Klasse" gibst Du "btn btn-primary" ein. Natürlich ohne Anführungsstriche, wie auf dem Bild gezeigt. Achte darauf, beide Angaben mit einem Leerzeichen zu trennen.

Bestätige mit "OK" und speichere den Abschnitt. Das Ergebnis sieht dann so aus, wie oben gezeigt.

3. Öffne den Tab "Erweitert" und gib die folgenden Informationen ein.

Variante: Abgeschwächter Button...

Falls Du mehrere Buttons benutzt und eine Hierarchie zwischen den Buttons herstellen möchtest, kannst Du die weniger wichtigen als Standard-Buttons darstellen. Dazu gib einfach "btn btn-default" ein das Feld ein.

3. Öffne den Tab "Erweitert" und gib die folgenden Informationen ein.

... das könnte dann beispielsweise so aussehen:

... das sieht dann so aus: