...
✅ WEB- und WordPress-Nachrichten, Themen, Plugins. Hier teilen wir Tipps und beste Website-Lösungen.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

3

Das Hinzufügen von Schaltflächen in WordPress war nicht immer so einfach, wie man es von einer ansonsten so benutzerfreundlichen Plattform erwarten würde. Viele WordPress-Benutzer sind verwirrt, wenn sie auf die Notwendigkeit von Schaltflächen auf ihrer WordPress-Website stoßen. Aber es gibt wirklich keinen Grund zur Sorge, das Hinzufügen einer Schaltfläche erfordert keine besonderen Fähigkeiten oder Kenntnisse, und wir werden Ihnen vier verschiedene, einfache Möglichkeiten vorstellen, Schaltflächen zu jeder Seite Ihrer Website hinzuzufügen.

In diesem Artikel erfahren Sie Folgendes:

Warum Buttons nützlich sind

Jeder Button ist ein spezifischer Call-to-Action. Wenn Sie dieser Logik folgen, können Sie eine Schaltfläche verwenden, wann immer Sie das Verhalten Ihrer Benutzer auf ein bestimmtes Ziel lenken möchten – um einen bestimmten Teil eines Artikels zu lesen, sie zum Ausfüllen eines Formulars zu bringen, sie an eine externe Website, Landing Page zu senden oder eine andere Seite Ihrer Website oder eine andere URL usw. Buttons schreien danach, angeklickt zu werden, besonders wenn sie gestylt und intelligent verteilt sind. Abgesehen von ihrer Funktion sollten Sie auch das Design Ihrer WordPress-Schaltflächen sorgfältig prüfen. Sie können die Benutzererfahrung erheblich verbessern und bereichern und Ihnen gleichzeitig helfen, Ihr Ziel zu erreichen.

So fügen Sie eine Schaltfläche in Elementor hinzu

Wenn Sie aus irgendeinem Grund lieber mit Elementor arbeiten, müssen Sie Ihre Gewohnheiten nicht ändern, Sie können auch mit Elementor ganz einfach eine Schaltfläche hinzufügen. Diese Methode wird wahrscheinlich die erste Wahl eines jeden Anfängers sein. Mal sehen, wie es gemacht wird.

Nachdem Sie Ihren Beitrag in Elementor geöffnet haben, klicken Sie auf das Plus-Symbol, um ein neues Element hinzuzufügen.

Geben Sie dann in das Suchfeld im Menü auf der linken Seite „Button” ein und klicken Sie auf die Schaltflächenoption, wenn sie im Suchergebnis angezeigt wird.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Sie werden mehrere Optionen für die Anpassung der Schaltflächen bemerken:

Typ – Mit dieser Option können Sie den Typ der Schaltfläche auswählen, die Sie erstellen möchten, und die Schaltflächenfarbe entsprechend festlegen. Wenn es sich um eine Info-Schaltfläche handelt, ist sie blau. Wenn es sich um eine Warntaste handelt, ist sie orange und so weiter.

Text – hier geben Sie den Text ein, der auf der Schaltfläche angezeigt werden soll.

Link – Hier fügen Sie die URL ein, die Sie öffnen möchten, wenn Sie auf die Schaltfläche klicken.

Größe – Sie können zwischen kleinen, mittleren, großen und extra kleinen/großen Größen für Ihren Button wählen.

Symbol – Wenn Sie ein Symbol hinzufügen möchten, um die Schaltfläche attraktiver zu gestalten, klicken Sie hier und Sie können aus einer Vielzahl vorgefertigter Symbole auswählen.

Symbolposition – Sehen Sie, ob das Symbol vor oder nach dem Text auf der Schaltfläche besser aussieht.

Symbolabstand – Sie können auch den Abstand zwischen dem Symbol und dem Text auf der Schaltfläche festlegen.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Sie können Ihre Schaltfläche mithilfe der Optionen auf der Registerkarte „Stil” ändern.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

So fügen Sie eine Schaltfläche mit Qi-Addons für Elementor hinzu

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Qi Addons for Elementor ist ein unglaublich vielseitiges und benutzerfreundliches Plugin, das mit 60 kostenlosen und über 40 Premium-Widgets geliefert wird und auch das Schaltflächen-Widget enthält. Es ist eine sehr elegante Lösung zum Hinzufügen von Schaltflächen zu Ihrer Website, und Sie können von Anfang an wählen, ob Sie das Schaltflächen-Widget, das Info-Schaltflächen-Widget oder die erstaunliche Premium-Schaltfläche zu Ihrer Seite hinzufügen möchten .

Schaltflächen-Widget

Nachdem Sie die Schaltfläche ausgewählt haben, die Sie erstellen möchten, können Sie mit der Anpassung gemäß Ihren Anforderungen beginnen. Sie haben zwei grundlegende Einstellungen für die Anpassung von Inhalt und Stil und es gibt auch erweiterte Optionen, mit denen Sie noch mehr Details verfeinern können. Trotzdem reichen in den meisten Fällen die ersten beiden Einstellungen aus, um einen schönen und effektiven Button zu erstellen. Beginnen wir zuerst mit den Inhaltseinstellungen.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Die Inhaltseinstellungen umfassen Einstellungen, mit denen Sie den Zweck der Schaltfläche definieren können – hier geben Sie den Text ein, der auf der Schaltfläche angezeigt wird, wählen die Art des Schaltflächenlayouts und legen den Link für die URL fest, zu der die Schaltfläche führen soll zu und legen Sie fest, ob die neue URL im selben oder in einem neuen Fenster geöffnet werden soll. Außerdem haben Sie hier die Möglichkeit , die Größe und die Art des Buttons auszuwählen.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Die nächste interessante Option ist die Symboloption, mit der Sie Ihrer Schaltfläche ein Symbol hinzufügen können, entweder aus der Symbolbibliothek oder indem Sie es von Ihrem Computer hochladen.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Die Icon-Bibliothek hat eine reiche Auswahl an Icons zu bieten.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Wenn Sie jedoch bereits ein Symbol vorbereitet haben, können Sie es einfach von Ihrem Computer hochladen und dann mit der Festlegung von Position und Rand fortfahren .

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Sie haben mehr Möglichkeiten, das Aussehen Ihres Buttons und des darauf befindlichen Symbols zu verfeinern. Sie können alle Details wie Textfarbe, Rahmenbreite, Radius und Farbe, Hintergrundfarbe und Polsterung anpassen.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

So sieht das Ergebnis in unserem Fall aus:

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Button-Info-Widget

Wie bereits erwähnt, können Sie mit QI Addons zwischen dem Hinzufügen von Schaltflächen und Infoschaltflächen wählen. Wenn Sie sich für die Info-Taste entscheiden, ist das Verfahren zum Einstellen praktisch das gleiche, jedoch mit einem wesentlichen Unterschied. Die Inhaltseinstellungen der Info-Schaltfläche enthalten eine Option zum Festlegen des Subtexts der Schaltfläche. Dies ist der Text, der unter dem Haupttext auf der Schaltfläche angezeigt wird, und Sie können ihn verwenden, um den Zweck der Schaltfläche genauer zu beschreiben.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Sie können auch die Schriftart und Farbe des Subtexts anpassen. Unten sehen Sie, wie das Ergebnis auf unserer Seite aussieht:

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

So fügen Sie eine Schaltfläche mit einem Plugin hinzu

MaxButton ist eines der beliebtesten Plugins zum Hinzufügen von Schaltflächen in WordPress. Es ist benutzerfreundlich und ermöglicht es Ihnen, auf einfache Weise eine Schaltfläche hinzuzufügen, wenn auch nicht so schnell, wie Sie sich vielleicht vorstellen. Sie beginnen wie bei jedem anderen Plugin, indem Sie es installieren und aktivieren.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Nachdem Sie das Plugin installiert und aktiviert haben, sehen Sie im WordPress-Dashboard-Menü auf der linken Seite die neu hinzugefügte Option für MaxButtons. Klicken Sie auf Neu hinzufügen, um zur Einstellungsseite zu gelangen, auf der Sie eine neue Schaltfläche erstellen können .

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Auf dieser Seite finden Sie eine Vielzahl von Einstellungen und Optionen zum Gestalten Ihres Buttons. Stellen Sie sicher, dass Sie den Namen und Text der Schaltfläche und natürlich die URL der Seite eingeben, die Sie öffnen möchten, wenn auf die Schaltfläche geklickt wird. Nachdem Sie sich für diese Grundeinstellungen entschieden haben, können Sie das Aussehen Ihres Buttons verfeinern.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Scrollen Sie nach unten, um alle Optionen anzuzeigen, die Sie anpassen können. Sie sehen Einstellungen zum Anpassen des Schaltflächenrahmens.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Beachten Sie, dass Sie sich jederzeit die Vorschau der Schaltfläche im Popup in der oberen rechten Ecke der Einstellungsseite ansehen können. Wenn Sie nach unten scrollen, werden weitere Optionen angezeigt. Sie können ganz einfach die Hintergrundfarbe Ihrer Schaltfläche sowie den Textschatten festlegen, wenn Sie dies wünschen.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Machen Sie sich keine Sorgen, wenn Sie es versäumen, hier einige Anpassungen vorzunehmen, Sie können alle Details erneut ändern, während Sie die Schaltfläche auf dem entsprechenden Beitrag/der entsprechenden Seite einfügen. Wenn Sie also mit dem Aussehen Ihrer Schaltfläche zufrieden sind, vergessen Sie nicht, auf Speichern zu klicken.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Jetzt kommt der Teil, wo Sie den Button in den Artikel einfügen. Gehen Sie in Ihrem WP-Dashboard-Menü zum neuen Beitrag oder bearbeiten Sie die Beitragsseite. Sie werden die neue Option zum Hinzufügen von Schaltflächen bemerken. Klicken Sie darauf und wählen Sie die Schaltfläche, die Sie zuvor erstellt haben.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Wenn Sie mehr als eine Schaltflächenversion erstellt haben, sehen Sie alle hier. Wählen Sie diejenige aus, die Sie in den angegebenen Artikel einfügen möchten.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Und so sieht das Ergebnis in unserem Fall aus.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Mit diesem Plugin stehen viele weitere Optionen zur Anpassung von Schaltflächen zur Verfügung. Wir wollten die grundlegenden Schritte abdecken, und wenn Sie sich dann sicher genug fühlen, können Sie alle Möglichkeiten erkunden, die dieses Tool bietet. Eines ist sicher, es ist einfach zu bedienen und Sie werden es schnell beherrschen.

Eine andere Möglichkeit, Schaltflächen in Elementor hinzuzufügen, besteht darin, den Shortcode in das Shortcode-Widget zu kopieren, aber das ist sicherlich nicht die beste Lösung für Elementor-Benutzer.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

So fügen Sie eine Schaltfläche im Gutenberg-Editor hinzu

Das Hinzufügen einer Schaltfläche mit dem Gutenberg-Editor ist unglaublich einfach. Obwohl es nicht so viele Optionen wie das Plugin bietet, ist dies eine gute Wahl, wenn Sie eine einfache und elegante Lösung suchen.

Als erstes müssen Sie also auf das Plus-Symbol klicken, um einen Block hinzuzufügen. Suchen Sie dann nach dem Button-Block.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Wenn Sie auf das Schaltflächensymbol klicken, wird eine Schaltfläche mit einem Menü darüber angezeigt. Geben Sie einfach den Text, der auf der Schaltfläche erscheinen soll, in das Schaltflächenfeld ein und oben können Sie den Link festlegen, eine der drei verfügbaren Ausrichtungen auswählen, um die Positionierung der Schaltfläche zu bestimmen, den Stil, die Farbe und die Schriftart der Schaltfläche festlegen und noch ein paar Details.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Unten sehen Sie die Schaltfläche, die wir auf diese Weise erstellt haben.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Fühlen Sie sich frei, alle verfügbaren Optionen zu untersuchen und genießen Sie die Einfachheit des Verfahrens.

Das Max-Plugin kann auch zum Hinzufügen von Schaltflächen in Gutenberg verwendet werden. Es wird mit dem mitgelieferten Knopfblock geliefert und das Verfahren ist auch sehr einfach. Klicken Sie einfach auf die MaxButtons-Blockoption und die Schaltfläche wird angezeigt, damit Sie mit der Anpassung beginnen können.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

So fügen Sie eine Schaltfläche im Gutenberg Editor mit dem Ultimate Blocks Plugin hinzu

Wenn die Standardschaltfläche in Gutenberg Ihre Anforderungen nicht erfüllt, können Sie das Ultimate Blocks-Plugin in Betracht ziehen .

Das Plugin wird mit einem verbesserten Schaltflächenblock geliefert, der einige sehr gute Anpassungsoptionen bietet.

Sie können die Tastengröße aus 4 verschiedenen Optionen auswählen: Klein, Mittel, Groß und Extragroß.

Darüber hinaus können Sie auch wählen, ob die Schaltflächen abgerundet oder eckig sein sollen. Schließlich können Sie Ihrer Schaltfläche auch ein Symbol hinzufügen, damit sie fesselnder aussieht.

Um den verbesserten Button-Block in Gutenberg zu verwenden, müssen Sie lediglich das Ultimate Blocks-Plugin installieren und auf das (+)-Symbol klicken und nach „Button” suchen.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Sobald der Block hinzugefügt wurde, können Sie ihn an Ihre Bedürfnisse anpassen, indem Sie Farbe, Größe, Symbol und Stil ändern.

5 einfache Möglichkeiten, WordPress-Buttons zu erstellen

Abschließend

Wie Sie sehen können, ist das Hinzufügen einer Schaltfläche in WordPress kein Hexenwerk. Alle vier Methoden, die wir hier beschrieben haben, sind für Anfänger einfach und komfortabel. Die Wahl hängt davon ab, wie viel Anpassung Sie benötigen und wie viel Zeit und Mühe Sie in die Erstellung einer Schaltfläche investieren möchten. Wenn Sie weitere Anleitungen zu diesem Thema benötigen, teilen Sie uns dies im Kommentarbereich mit!

Aufnahmequelle: wpklik.com

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, Sie können sich jedoch abmelden, wenn Sie möchten. Annehmen Weiterlesen