{"id":367046,"date":"2023-02-05T20:12:00","date_gmt":"2023-02-05T17:12:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=367046"},"modified":"2023-02-05T20:12:02","modified_gmt":"2023-02-05T17:12:02","slug":"5-einfache-moeglichkeiten-wordpress-buttons-zu-erstellen","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/5-einfache-moeglichkeiten-wordpress-buttons-zu-erstellen\/","title":{"rendered":"5 einfache M\u00f6glichkeiten, WordPress-Buttons zu erstellen"},"content":{"rendered":"\n

Das Hinzuf\u00fcgen von Schaltfl\u00e4chen in WordPress war nicht immer so einfach, wie man es von einer ansonsten so benutzerfreundlichen Plattform erwarten w\u00fcrde. Viele WordPress-Benutzer sind verwirrt, wenn sie auf die Notwendigkeit von Schaltfl\u00e4chen auf ihrer WordPress-Website sto\u00dfen. Aber es gibt wirklich keinen Grund zur Sorge, das Hinzuf\u00fcgen einer Schaltfl\u00e4che erfordert keine besonderen F\u00e4higkeiten oder Kenntnisse<\/strong>, und wir werden Ihnen vier verschiedene, einfache M\u00f6glichkeiten vorstellen, Schaltfl\u00e4chen zu jeder Seite Ihrer Website hinzuzuf\u00fcgen<\/strong>.<\/p>\n

In diesem Artikel erfahren Sie Folgendes:<\/p>\n

Warum Buttons n\u00fctzlich sind<\/h2>\n

Jeder Button ist ein spezifischer Call-to-Action. Wenn Sie dieser Logik folgen, k\u00f6nnen Sie eine Schaltfl\u00e4che verwenden, wann immer Sie das Verhalten Ihrer Benutzer auf ein bestimmtes Ziel lenken m\u00f6chten<\/strong> \u2013 um einen bestimmten Teil eines Artikels zu lesen, sie zum Ausf\u00fcllen 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\u00e4chen sorgf\u00e4ltig pr\u00fcfen<\/a>. Sie k\u00f6nnen die Benutzererfahrung erheblich verbessern und bereichern und Ihnen gleichzeitig helfen, Ihr Ziel zu erreichen.<\/p>\n

So f\u00fcgen Sie eine Schaltfl\u00e4che in Elementor hinzu<\/h2>\n

Wenn Sie aus irgendeinem Grund lieber mit Elementor<\/a> arbeiten, m\u00fcssen Sie Ihre Gewohnheiten nicht \u00e4ndern, Sie k\u00f6nnen auch mit Elementor ganz einfach eine Schaltfl\u00e4che hinzuf\u00fcgen. Diese Methode wird wahrscheinlich die erste Wahl eines jeden Anf\u00e4ngers sein. Mal sehen, wie es gemacht wird.<\/p>\n

Nachdem Sie Ihren Beitrag in Elementor ge\u00f6ffnet haben, klicken Sie auf das Plus-Symbol, um ein neues Element hinzuzuf\u00fcgen<\/strong>.<\/p>\n

Geben Sie dann in das Suchfeld<\/strong> im Men\u00fc auf der linken Seite \u201eButton“ ein und klicken Sie auf die Schaltfl\u00e4chenoption, wenn sie im Suchergebnis angezeigt wird.<\/p>\n

\"5<\/a><\/p>\n

Sie werden mehrere Optionen f\u00fcr die Anpassung der Schaltfl\u00e4chen bemerken:<\/p>\n

Typ<\/strong> \u2013 Mit dieser Option k\u00f6nnen Sie den Typ der Schaltfl\u00e4che ausw\u00e4hlen, die Sie erstellen m\u00f6chten, und die Schaltfl\u00e4chenfarbe entsprechend festlegen. Wenn es sich um eine Info-Schaltfl\u00e4che handelt, ist sie blau. Wenn es sich um eine Warntaste handelt, ist sie orange und so weiter.<\/p>\n

Text<\/strong> \u2013 hier geben Sie den Text ein, der auf der Schaltfl\u00e4che angezeigt werden soll.<\/p>\n

Link<\/strong> \u2013 Hier f\u00fcgen Sie die URL ein, die Sie \u00f6ffnen m\u00f6chten, wenn Sie auf die Schaltfl\u00e4che klicken.<\/p>\n

Gr\u00f6\u00dfe<\/strong> \u2013 Sie k\u00f6nnen zwischen kleinen, mittleren, gro\u00dfen und extra kleinen\/gro\u00dfen Gr\u00f6\u00dfen f\u00fcr Ihren Button w\u00e4hlen.<\/p>\n

Symbol<\/strong> \u2013 Wenn Sie ein Symbol hinzuf\u00fcgen m\u00f6chten, um die Schaltfl\u00e4che attraktiver zu gestalten, klicken Sie hier und Sie k\u00f6nnen aus einer Vielzahl vorgefertigter Symbole ausw\u00e4hlen.<\/p>\n

Symbolposition<\/strong> \u2013 Sehen Sie, ob das Symbol vor oder nach dem Text auf der Schaltfl\u00e4che besser aussieht.<\/p>\n

Symbolabstand<\/strong> \u2013 Sie k\u00f6nnen auch den Abstand zwischen dem Symbol und dem Text auf der Schaltfl\u00e4che festlegen.<\/p>\n

\"5<\/a><\/p>\n

Sie k\u00f6nnen Ihre Schaltfl\u00e4che mithilfe der Optionen auf der Registerkarte \u201eStil“ \u00e4ndern.<\/p>\n

\"5<\/a><\/p>\n

So f\u00fcgen Sie eine Schaltfl\u00e4che mit Qi-Addons f\u00fcr Elementor hinzu<\/h2>\n

\"5<\/a><\/p>\n

Qi Addons for Elementor<\/a> ist ein unglaublich vielseitiges und benutzerfreundliches Plugin, das mit 60 kostenlosen und \u00fcber 40 Premium-Widgets geliefert wird und auch das Schaltfl\u00e4chen-Widget enth\u00e4lt<\/strong>. Es ist eine sehr elegante L\u00f6sung zum Hinzuf\u00fcgen von Schaltfl\u00e4chen zu Ihrer Website, und Sie k\u00f6nnen von Anfang an w\u00e4hlen, ob Sie das Schaltfl\u00e4chen-Widget, das<\/a> Info-Schaltfl\u00e4chen-Widget<\/a> oder die erstaunliche Premium-Schaltfl\u00e4che<\/a> zu Ihrer Seite hinzuf\u00fcgen m\u00f6chten .<\/p>\n

Schaltfl\u00e4chen-Widget<\/h3>\n

Nachdem Sie die Schaltfl\u00e4che ausgew\u00e4hlt haben, die Sie erstellen m\u00f6chten, k\u00f6nnen Sie mit der Anpassung gem\u00e4\u00df Ihren Anforderungen beginnen. Sie haben zwei grundlegende Einstellungen f\u00fcr die Anpassung von Inhalt und Stil und es gibt auch erweiterte Optionen, mit denen Sie noch mehr Details verfeinern k\u00f6nnen. Trotzdem reichen in den meisten F\u00e4llen die ersten beiden Einstellungen aus, um einen sch\u00f6nen und effektiven Button zu erstellen. Beginnen wir zuerst mit den Inhaltseinstellungen.<\/p>\n

\"5<\/a><\/p>\n

Die Inhaltseinstellungen umfassen Einstellungen, mit denen Sie den Zweck der Schaltfl\u00e4che definieren<\/strong> k\u00f6nnen \u2013 hier geben Sie den Text ein, der auf der Schaltfl\u00e4che angezeigt wird, w\u00e4hlen die Art des Schaltfl\u00e4chenlayouts und legen den Link f\u00fcr die URL fest<\/strong>, zu der die Schaltfl\u00e4che f\u00fchren soll zu und legen Sie fest, ob die neue URL im selben oder in einem neuen Fenster ge\u00f6ffnet werden soll. Au\u00dferdem haben Sie hier die M\u00f6glichkeit , die Gr\u00f6\u00dfe und die Art<\/strong> des Buttons auszuw\u00e4hlen.<\/p>\n

\"5<\/a><\/p>\n

Die n\u00e4chste interessante Option ist die Symboloption<\/strong>, mit der Sie Ihrer Schaltfl\u00e4che ein Symbol hinzuf\u00fcgen k\u00f6nnen<\/strong>, entweder aus der Symbolbibliothek oder indem Sie es von Ihrem Computer hochladen.<\/p>\n

\"5<\/a><\/p>\n

Die Icon-Bibliothek<\/strong> hat eine reiche Auswahl an Icons zu bieten.<\/p>\n

\"5<\/a><\/p>\n

Wenn Sie jedoch bereits ein Symbol vorbereitet haben, k\u00f6nnen Sie es einfach von Ihrem Computer hochladen und dann mit der Festlegung von Position und Rand<\/strong> fortfahren .<\/p>\n

\"5<\/a><\/p>\n

Sie haben mehr M\u00f6glichkeiten, das Aussehen Ihres Buttons und des darauf befindlichen Symbols zu verfeinern. Sie k\u00f6nnen alle Details wie Textfarbe, Rahmenbreite, Radius und Farbe, Hintergrundfarbe und Polsterung anpassen<\/strong>.<\/p>\n

\"5<\/a><\/p>\n

So sieht das Ergebnis in unserem Fall aus:<\/p>\n

\"5<\/a><\/p>\n

Button-Info-Widget<\/h3>\n

Wie bereits erw\u00e4hnt, k\u00f6nnen Sie mit QI Addons zwischen dem Hinzuf\u00fcgen von Schaltfl\u00e4chen und Infoschaltfl\u00e4chen w\u00e4hlen. Wenn Sie sich f\u00fcr die Info-Taste entscheiden, ist das Verfahren zum Einstellen praktisch das gleiche, jedoch mit einem wesentlichen Unterschied<\/strong>. Die Inhaltseinstellungen der Info-Schaltfl\u00e4che enthalten eine Option zum Festlegen des Subtexts der Schaltfl\u00e4che. Dies ist der Text, der unter dem Haupttext auf der Schaltfl\u00e4che angezeigt wird, und Sie k\u00f6nnen ihn verwenden, um den Zweck der Schaltfl\u00e4che genauer zu beschreiben<\/strong>.<\/p>\n

\"5<\/a><\/p>\n

Sie k\u00f6nnen auch die Schriftart und Farbe des Subtexts anpassen. Unten sehen Sie, wie das Ergebnis auf unserer Seite aussieht:<\/p>\n

\"5<\/a><\/p>\n

So f\u00fcgen Sie eine Schaltfl\u00e4che mit einem Plugin hinzu<\/h2>\n

MaxButton<\/a> ist eines der beliebtesten Plugins zum Hinzuf\u00fcgen von Schaltfl\u00e4chen in WordPress. Es ist benutzerfreundlich und erm\u00f6glicht es Ihnen, auf einfache Weise eine Schaltfl\u00e4che hinzuzuf\u00fcgen<\/strong>, wenn auch nicht so schnell, wie Sie sich vielleicht vorstellen. Sie beginnen wie bei jedem anderen Plugin, indem Sie es installieren und aktivieren.<\/p>\n

\"5<\/a><\/p>\n

Nachdem Sie das Plugin installiert und aktiviert haben, sehen Sie im WordPress-Dashboard-Men\u00fc auf der linken Seite die neu hinzugef\u00fcgte Option f\u00fcr MaxButtons<\/strong>. Klicken Sie auf Neu hinzuf\u00fcgen, um zur Einstellungsseite zu gelangen, auf der Sie eine neue Schaltfl\u00e4che erstellen<\/strong> k\u00f6nnen .<\/p>\n

\"5<\/a><\/p>\n

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\u00e4che und nat\u00fcrlich die URL der Seite eingeben<\/strong>, die Sie \u00f6ffnen m\u00f6chten, wenn auf die Schaltfl\u00e4che geklickt wird. Nachdem Sie sich f\u00fcr diese Grundeinstellungen entschieden haben, k\u00f6nnen Sie das Aussehen Ihres Buttons verfeinern.<\/p>\n

\"5<\/a><\/p>\n

Scrollen Sie nach unten, um alle Optionen anzuzeigen, die Sie anpassen k\u00f6nnen. Sie sehen Einstellungen zum Anpassen des Schaltfl\u00e4chenrahmens<\/strong>.<\/p>\n

\"5<\/a><\/p>\n

Beachten Sie, dass Sie sich jederzeit die Vorschau der Schaltfl\u00e4che<\/strong> im Popup in der oberen rechten Ecke der Einstellungsseite ansehen k\u00f6nnen. Wenn Sie nach unten scrollen, werden weitere Optionen angezeigt. Sie k\u00f6nnen ganz einfach die Hintergrundfarbe Ihrer Schaltfl\u00e4che sowie den Textschatten festlegen<\/strong>, wenn Sie dies w\u00fcnschen.<\/p>\n

\"5<\/a><\/p>\n

Machen Sie sich keine Sorgen, wenn Sie es vers\u00e4umen, hier einige Anpassungen vorzunehmen, Sie k\u00f6nnen alle Details erneut \u00e4ndern, w\u00e4hrend Sie die Schaltfl\u00e4che auf dem entsprechenden Beitrag\/der entsprechenden Seite einf\u00fcgen<\/strong>. Wenn Sie also mit dem Aussehen Ihrer Schaltfl\u00e4che zufrieden sind, vergessen Sie nicht, auf Speichern zu klicken.<\/p>\n

\"5<\/a><\/p>\n

Jetzt kommt der Teil, wo Sie den Button in den Artikel einf\u00fcgen<\/strong>. Gehen Sie in Ihrem WP-Dashboard-Men\u00fc zum neuen Beitrag oder bearbeiten Sie die Beitragsseite. Sie werden die neue Option zum Hinzuf\u00fcgen von Schaltfl\u00e4chen bemerken. Klicken Sie darauf und w\u00e4hlen Sie die Schaltfl\u00e4che, die Sie zuvor erstellt haben<\/strong>.<\/p>\n

\"5<\/a><\/p>\n

Wenn Sie mehr als eine Schaltfl\u00e4chenversion erstellt haben, sehen Sie alle hier. W\u00e4hlen Sie diejenige aus, die Sie in den angegebenen Artikel einf\u00fcgen m\u00f6chten.<\/p>\n

\"5<\/a><\/p>\n

Und so sieht das Ergebnis in unserem Fall aus.<\/p>\n

\"5<\/a><\/p>\n

Mit diesem Plugin stehen viele weitere Optionen zur Anpassung von Schaltfl\u00e4chen zur Verf\u00fcgung. Wir wollten die grundlegenden Schritte abdecken, und wenn Sie sich dann sicher genug f\u00fchlen, k\u00f6nnen Sie alle M\u00f6glichkeiten erkunden, die dieses Tool bietet. Eines ist sicher, es ist einfach zu bedienen und Sie werden es schnell beherrschen.<\/p>\n

Eine andere M\u00f6glichkeit, Schaltfl\u00e4chen in Elementor hinzuzuf\u00fcgen, besteht darin, den Shortcode in das Shortcode-Widget zu kopieren<\/strong>, aber das ist sicherlich nicht die beste L\u00f6sung f\u00fcr Elementor-Benutzer.<\/p>\n

\"5<\/a><\/p>\n

So f\u00fcgen Sie eine Schaltfl\u00e4che im Gutenberg-Editor hinzu<\/h2>\n

Das Hinzuf\u00fcgen einer Schaltfl\u00e4che 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\u00f6sung suchen.<\/p>\n

Als erstes m\u00fcssen Sie also auf das Plus-Symbol klicken, um einen Block hinzuzuf\u00fcgen<\/strong>. Suchen Sie dann nach dem Button-Block.<\/p>\n

\"5<\/a><\/p>\n

Wenn Sie auf das Schaltfl\u00e4chensymbol klicken, wird eine Schaltfl\u00e4che mit einem Men\u00fc dar\u00fcber angezeigt<\/strong>. Geben Sie einfach den Text, der auf der Schaltfl\u00e4che erscheinen soll, in das Schaltfl\u00e4chenfeld ein und oben k\u00f6nnen Sie den Link festlegen, eine der drei<\/strong> verf\u00fcgbaren Ausrichtungen ausw\u00e4hlen, um die Positionierung der Schaltfl\u00e4che zu bestimmen, den Stil, die Farbe und die Schriftart der Schaltfl\u00e4che festlegen und noch ein paar Details.<\/p>\n

\"5<\/a><\/p>\n

Unten sehen Sie die Schaltfl\u00e4che, die wir auf diese Weise erstellt haben.<\/p>\n

\"5<\/a><\/p>\n

F\u00fchlen Sie sich frei, alle verf\u00fcgbaren Optionen zu untersuchen und genie\u00dfen Sie die Einfachheit des Verfahrens.<\/p>\n

Das Max-Plugin kann auch zum Hinzuf\u00fcgen von Schaltfl\u00e4chen in Gutenberg verwendet werden. Es wird mit dem mitgelieferten Knopfblock geliefert<\/strong> und das Verfahren ist auch sehr einfach. Klicken Sie einfach auf die MaxButtons-Blockoption und die Schaltfl\u00e4che wird angezeigt, damit Sie mit der Anpassung beginnen k\u00f6nnen.<\/p>\n

\"5<\/a><\/p>\n

So f\u00fcgen Sie eine Schaltfl\u00e4che im Gutenberg Editor mit dem Ultimate Blocks Plugin hinzu<\/h2>\n

Wenn die Standardschaltfl\u00e4che in Gutenberg Ihre Anforderungen nicht erf\u00fcllt, k\u00f6nnen Sie das Ultimate Blocks-Plugin<\/a> in Betracht ziehen .<\/p>\n

Das Plugin wird mit einem verbesserten Schaltfl\u00e4chenblock geliefert, der einige sehr gute Anpassungsoptionen bietet<\/strong>.<\/p>\n

Sie k\u00f6nnen die Tastengr\u00f6\u00dfe aus 4 verschiedenen Optionen ausw\u00e4hlen<\/strong>: Klein, Mittel, Gro\u00df und Extragro\u00df.<\/p>\n

Dar\u00fcber hinaus k\u00f6nnen Sie auch w\u00e4hlen, ob die Schaltfl\u00e4chen abgerundet oder eckig sein<\/strong> sollen. Schlie\u00dflich k\u00f6nnen Sie Ihrer Schaltfl\u00e4che auch ein Symbol hinzuf\u00fcgen<\/strong>, damit sie fesselnder aussieht.<\/p>\n

Um den verbesserten Button-Block in Gutenberg zu verwenden, m\u00fcssen Sie lediglich das Ultimate Blocks-Plugin installieren und auf das (+)-Symbol klicken und nach \u201eButton“ suchen.<\/p>\n

\"5<\/a><\/p>\n

Sobald der Block hinzugef\u00fcgt wurde, k\u00f6nnen Sie ihn an Ihre Bed\u00fcrfnisse anpassen, indem Sie Farbe, Gr\u00f6\u00dfe, Symbol und Stil \u00e4ndern.<\/p>\n

\"5<\/a><\/p>\n

Abschlie\u00dfend<\/h2>\n

Wie Sie sehen k\u00f6nnen, ist das Hinzuf\u00fcgen einer Schaltfl\u00e4che in WordPress kein Hexenwerk. Alle vier Methoden, die wir hier beschrieben haben, sind f\u00fcr Anf\u00e4nger einfach und komfortabel. Die Wahl h\u00e4ngt davon ab, wie viel Anpassung Sie ben\u00f6tigen und wie viel Zeit und M\u00fche Sie in die Erstellung einer Schaltfl\u00e4che investieren m\u00f6chten. Wenn Sie weitere Anleitungen zu diesem Thema ben\u00f6tigen, teilen Sie uns dies im Kommentarbereich mit!<\/p>\n

Aufnahmequelle: wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

W\u00e4hlen Sie eine der vier einfachen M\u00f6glichkeiten, um effektive WordPress-Schaltfl\u00e4chen auf Ihrer Website zu erstellen.<\/p>\n","protected":false},"author":1,"featured_media":364273,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[567],"tags":[845],"class_list":["post-367046","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-grundlagen","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/367046","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=367046"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/367046\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/364273"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=367046"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=367046"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=367046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}