So fügen Sie Schaltflächen in WordPress hinzu: Erweitern Sie Ihre WordPress-Schaltflächen mit PostX

Der WordPress-Schaltflächenblock ist ein leistungsstarker Block für WordPress, der die Schaltflächenanpassung auf ein ganz neues Niveau hebt. Mit einer breiten Palette an Optionen und Funktionen können Sie auffällige und interaktive Schaltflächen erstellen, die Ihre Website-Besucher ansprechen. Wie fügt man also Schaltflächen in WordPress hinzu?

Führen Sie die folgenden Schritte aus, um Schaltflächen in WordPress zu verwenden

• Installieren Sie PostX
• PostX-Schaltflächenblock hinzufügen
• Schaltfläche „Links in WordPress hinzufügen“ hinzufügen
• Passen Sie den Tastenblock an

Heute werden wir die Highlights des PostX-Schaltflächenblocks erkunden und erfahren, wie man mit PostX Schaltflächen in WordPress hinzufügt. Lassen Sie uns ohne weitere Umschweife beginnen.

So fügen Sie Schaltflächen in WordPress hinzu

Jetzt erklären wir, wie man Schaltflächen zu WordPress-Sites hinzufügt. Befolgen Sie diese Schritt-für-Schritt-Anleitung und Sie können die perfekte WordPress-Schaltfläche in Ihre Website einfügen.

Videoanleitung

Hier ist ein Video-Tutorial zum Hinzufügen eines WordPress-Buttons zu Ihrer Website.

Schritt 1: PostX installieren

Um die leistungsstarken Funktionen von PostX freizuschalten und seine Funktionen zu nutzen, müssen Sie das Plugin installieren.

So installieren und aktivieren Sie das PostX Gutenberg Blocks Plugin:

1. Gehen Sie zu Plugins → Neu hinzufügen.
2. Suchen Sie nach „PostX“.
3. Klicken Sie auf „Installieren“ und dann auf „Aktivieren“.

Holen Sie sich PostX Pro um alle aufregenden Funktionen freizuschalten und fantastische Websites zu erstellen !

Jetzt können Sie Ihre Website mit WordPress-Schaltflächen erweitern.

Schritt 2: PostX-Schaltflächenblock hinzufügen

Wir haben die Installation von PostX abgeschlossen. Und die Schaltflächen stehen jetzt zusammen mit der erweiterten Anpassung zur Verfügung. Lassen Sie uns Ihnen also ohne weiteres zeigen, wie Sie Schaltflächen in WordPress hinzufügen.

Zuerst müssen Sie eine Seite aufrufen. Sie können zur WordPress-Seitenoption gehen und auf „Neu hinzufügen“ klicken, um eine neue Seite zu erstellen. Suchen Sie dann nach „Button Group“, um diesen Block auszuwählen. Dadurch wird der WordPress-Button zur Seite hinzugefügt.

Schritt 3: Fügen Sie Links in WordPress-Schaltflächen hinzu

Das Verlinken einer Schaltfläche oder einfacher ausgedrückt das Hinzufügen von Links zu WordPress-Schaltflächen ist einfach.

Sie müssen zuerst die Schaltfläche auswählen und dann die Texte auswählen, die Sie mit einem Hyperlink versehen möchten. Jetzt sehen Sie den Standard-WordPress-Tooltip. Im Tooltip sehen Sie die Option „Link“ mit dem Hyperlink-Symbol. Klicken Sie einfach darauf, um das URL-Feld zu öffnen, und fügen Sie dort den gewünschten Link hinzu, um der Schaltfläche Links hinzuzufügen.

Schritt 4: Passen Sie den Tastenblock an

Sobald Sie den Block ausgewählt haben, werden in der rechten Seitenleiste alle Anpassungsoptionen angezeigt.

Für diesen Block gibt es zwei Arten von Einstellungen. Da Sie mehrere Schaltflächen hinzufügen können, verfügt dieser Block über separate Einstellungen für „Schaltfläche“ und „Schaltflächengruppe“.

Wir zeigen Ihnen alle Individualisierungsmöglichkeiten und wie Sie diese nutzen.

Anpassungseinstellungen für einzelne Schaltflächen

Um Einstellungen für die Schaltfläche auszuwählen und zu öffnen, müssen Sie auf die Schaltfläche klicken.

Stil

Klicken Sie zunächst auf die Schaltfläche, um die Anpassungsoption zu erhalten. Die erste Einstellung, die Sie sehen, sind die Stiloptionen. Derzeit gibt es 4 Stiloptionen. Sie können diejenige auswählen, die am besten zu Ihrem Website-Design passt.

Knopfgröße

Die nächste Option, die Sie erhalten, ist das Ändern der Schaltflächengröße. Sie erhalten standardmäßig die Optionen „Klein“, „Mittel“, „Groß“, „Extragroß“ und „Benutzerdefiniert“. Sie erhalten die voreingestellte Schaltflächengröße, wenn Sie die Größenoption „Klein“, „Mittel“, „Groß“ oder „Extragroß“ auswählen.

Wenn Sie die Größe der Schaltfläche jedoch vollständig anpassen möchten, können Sie dies tun, indem Sie „Benutzerdefiniert“ auswählen und die obere, rechte, untere und linke Seite anpassen, um horizontale und vertikale Maße festzulegen.

Hier ist ein visueller Ausblick auf verschiedene Schaltflächenstile.

Text

Anschließend erhalten Sie die Texteinstellungen. Auf diese Weise können Sie den Schaltflächentext nach Ihren Wünschen anpassen. Sie sehen die Einstellungen für „Texttypografie“, „Textfarbe“ und „Text-Hover-Farbe“.

Wenn Sie die Einstellung „Texttypografie“ erweitern, können Sie die Schriftgröße ändern (vollständig anpassbar), Schriftarten (einschließlich benutzerdefinierter Schriftarten) , Schriftstärke, Höhe, Abstand, Textdekoration und Textstile auswählen und sie in Großbuchstaben, Kleinbuchstaben usw. umwandeln Titelfall.

Hier ist ein visueller Ausblick auf den Hover-Effekt.

Hintergrund

Mit dieser Einstellung können Sie alle Hintergründe dieses Schaltflächenblocks anpassen.

Zunächst können Sie den vollständig anpassbaren Rand der Schaltfläche festlegen, um die perfekte horizontale und vertikale Platzierung zu erhalten.

Anschließend können Sie die Farben der Schaltflächen ändern, sowohl einfarbig als auch mit Farbverlauf. Klicken Sie auf die einzelnen Elemente, um die Farbpalette zu öffnen.

Anschließend können Sie den Rand dieser Schaltfläche anpassen. Diese Einstellung umfasst Rahmenstile (3 vorgefertigte Stile), Rahmenbreite und Farbe.

Passen Sie außerdem den Randradius der ausgewählten Schaltfläche an.

Außerdem erhalten Sie die Einstellung „Boxschatten“. Wenn Sie es erweitern, können Sie „Versatz-X“, „Versatz-Y“, „Unschärfe“ und „Spreizung“ anpassen.

Außerdem können Sie die Schattenfarbe festlegen. Und Sie erhalten den Schalter „Inset“, wenn Sie möchten, dass die Schaltfläche nach innen statt nach außen schattiert.

Symbol

Die letzte Einstellung, die Sie in den Schaltflächeneinstellungen erhalten, ist die Symboleinstellung. Sie müssen die Umschaltleiste aktivieren, um sie verwenden zu können. Und sobald Sie die Einstellung erweitern, sehen Sie das Menü „Icon Store“, in dem Sie Icons aus einer umfangreichen Bibliothek auswählen können.

Es gibt eine Schaltfläche, mit der Sie das Symbol vom Vor- zum Nachtext austauschen können.

Sie können die Symbolgröße ändern und den Abstand zwischen dem Symbol und dem Text anpassen.

Außerdem können Sie die Symbolfarbe sowohl im Normalmodus als auch im Hover-Modus ändern. Sie müssen auf die Farbanpassung des Symbols klicken, um die Farbpalette zu öffnen.

Anpassungseinstellungen für Schaltflächengruppe (mehrere Schaltflächen)

Um die Schaltflächengruppe auszuwählen, wird im Standard-WordPress-Tooltip das Symbol „Schaltflächengruppe auswählen“ angezeigt.

Knopflücke

Nachdem Sie die Tastengruppe ausgewählt haben, finden Sie die Einstellung „Tastenabstand“. Mit dieser Einstellung können Sie den Abstand zwischen zwei und mehr Tasten festlegen.

Horizontale und vertikale Ausrichtung

Hier können Sie die horizontale und vertikale Ausrichtung mehrerer Schaltflächen anpassen.

Sie können auch die vertikale Ausrichtung umschalten, um die Schaltflächen vertikal auszurichten.

Rand

Mit dieser Einstellung können Sie auch den Rand der gesamten Schaltflächengruppe anpassen.

Tastenanimation

Dies ist eine der interessantesten Einstellungen im Tastenblock. Derzeit sind im WordPress-Schaltflächenblock 4 Animationen festgelegt. Und jeder von ihnen bietet einen anderen Ansatz, wenn Sie mit der Maus über Ihre Schaltfläche fahren. Außerdem können Sie die Position der Animation mit dem Schieberegler „Button-Transformation“ anpassen.

Hier ist eine visuelle Darstellung der Tastenanimationen.

Und das ist alles, was Sie mit dem WordPress Button-Block erhalten. Jetzt wissen Sie, wie Sie WordPress-Buttons mit PostX hinzufügen.

Holen Sie sich PostX Pro um alle aufregenden Funktionen freizuschalten und fantastische Websites zu erstellen !

Abschluss

Nachdem Sie nun wissen, wie Sie in WordPress Schaltflächen hinzufügen, bietet der Schaltflächenblock erweiterte Anpassungsoptionen, darunter Schaltflächenstile, Symbolintegration, Verlaufshintergründe, Hover-Effekte, erweiterte Typografie, Schaltflächengruppenfunktionen und Animationen. Sie können tolle Social-Share-Buttons erstellen oder sogar einen komplett benutzerdefinierten „Mehr laden“-Button auf Ihrer Website implementieren.

Mit diesem leistungsstarken Tool können Sie optisch ansprechende und ansprechende Schaltflächen erstellen, die das Benutzererlebnis Ihrer Website verbessern. Nutzen Sie den WordPress-Button-Block von PostX, um die Leistungsfähigkeit anpassbarer Buttons in WordPress freizusetzen.

Sie können sich WordPress-Video-Tutorials auf unserem YouTube-Kanal ansehen. Besuchen Sie uns auch auf Facebook und Twitter für regelmäßige Updates!