Schaltflächen mögen wie eine Kleinigkeit erscheinen, aber sie können auf Ihrer Website eine Menge bewirken. Schaltflächen sind eine der einfachsten Möglichkeiten, Besucher zu der Aktion zu führen, die sie ausführen sollen.
Eine gut aussehende Schaltfläche kann den Unterschied ausmachen: Sie führt die Besucher auf Ihre Produktseite und fordert sie auf, mehr zu lesen oder sich anzumelden. Die gute Nachricht ist, dass Sie keine Programmierkenntnisse brauchen, um sie zu gestalten.
WordPress verfügt über integrierte Optionen, und mit ein wenig Hilfe eines Block-Plugins können Sie sogar noch mehr Kontrolle über das Aussehen Ihrer Schaltflächen erhalten.
In diesem Beitrag zeige ich Ihnen drei einfache Methoden, um stilvolle Schaltflächen in WordPress zu erstellen.
Wir beginnen mit dem Standard-Editor, gehen weiter zu einem Plugin, das mehr Flexibilität bietet, und schließen mit einer Bonus-Methode für das Hinzufügen von Schaltflächen in Tabellen. Los geht's.
Schöne Tische erstellen
Mit Block-Editor
✅Methode 1: Verwendung des Standard-Schaltflächenblocks
WordPress hat einen eingebauten Schaltflächen-Block, der in den meisten Fällen gut funktioniert. Sie finden ihn im Block-Editor, wenn Sie auf das kleine (+) Symbol klicken und nach "Buttons" suchen.
Wenn der Schaltflächenblock eingefügt wird, werden Sie aufgefordert, Text in die Schaltfläche einzufügen.
Sobald Sie den Block eingefügt haben, können Sie eine oder mehrere Schaltflächen nebeneinander hinzufügen. Jede Schaltfläche kann direkt in der rechten Seitenleiste angepasst werden. Sie finden Optionen für:
- Tastenbreite (voll oder automatisch)
- Text- und Hintergrundfarbe
- Polsterung und Ausrichtung
- Radius der Umrandung (für abgerundete Ecken)
Es ist ein guter Ausgangspunkt, vor allem, wenn Sie sich an ein minimalistisches Design halten. ⚠️Aber Sie stoßen schnell an eine Grenze, wenn Sie weitere Gestaltungsoptionen wie Hover-Effekte, Farbverläufe oder reaktionsfähige Abstände benötigen.
🛠️ Profi-Tipp: Sie möchten eine perfekt abgerundete Schaltfläche? Stellen Sie den Rahmenradius auf 100 für einen pillenförmigen Knopf.
✅Methode 2: Verwendung des Buttons Block von Ultimate Blocks
Wenn Sie mehr Kontrolle wollen, ohne CSS zu schreiben, Ultimative Blöcke ist ein fantastisches Gutenberg-Plugin, das Sie ausprobieren sollten. Es fügt eine erweiterte Buttons Block die mit Blick auf die individuelle Anpassung entwickelt wurde.
Die Installation von Ultimate Blocks ist eine einfache Aufgabe.
-
Navigieren Sie zu Plugins
-
Klicken Sie auf Plugins hinzufügen
-
Suche nach "Tableberg"
-
Klicken Sie auf Installieren Siedann Aktivieren Sie
Nach die Installation und Aktivierung von Ultimate Blocks, fügen Sie den Block "Schaltflächen (Ultimate Blocks)" hinzu.
Um die Buttons of Ultimate Blocks einzufügen, klicken Sie auf das kleine (+) Symbol und suchen Sie nach "Button (Improved)".
Sie werden den Unterschied sofort bemerken, wenn Sie die Schaltfläche "Ultimative Blöcke" hinzufügen. Hier sehen Sie, was Sie in den Blockeinstellungen ändern können:
-
Tastenbegründung und -ausrichtung
-
Schaltfläche Größe
-