{"id":231928,"date":"2021-11-27T13:47:00","date_gmt":"2021-11-27T10:47:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=231928"},"modified":"2022-05-16T11:14:51","modified_gmt":"2022-05-16T08:14:51","slug":"so-fuegen-sie-einem-beitrag-oder-einer-seite-eine-schaltflaeche-hinzu","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-fuegen-sie-einem-beitrag-oder-einer-seite-eine-schaltflaeche-hinzu\/","title":{"rendered":"So f\u00fcgen Sie einem Beitrag oder einer Seite eine Schaltfl\u00e4che hinzu"},"content":{"rendered":"<p>Was w\u00fcrden Sie lieber anklicken, den einfachen Link oder den Button?<\/p>\n<p><a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Klick mich<\/a> \u00a0\u00a0<a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Klick mich<\/a><\/p>\n<p>Beide f\u00fchren Sie zum selben Ort, aber die Schaltfl\u00e4che sieht sch\u00f6ner und klickbarer aus. Das Ersetzen einfacher Links durch Schaltfl\u00e4chen kann mehr Klicks generieren und Ihre Seite besser aussehen lassen.<\/p>\n<p>In diesem Beitrag erfahren Sie, wie Sie jedem Beitrag oder jeder Seite auf Ihrer WordPress-Site Schaltfl\u00e4chen in jeder erdenklichen Farbe und jedem erdenklichen Stil hinzuf\u00fcgen.<\/p>\n<h2>Update: probiere Elementor aus<\/h2>\n<p>Es gibt eine weitere gro\u00dfartige M\u00f6glichkeit, WordPress Schaltfl\u00e4chen hinzuzuf\u00fcgen!<\/p>\n<p>Das kostenlose <a href=\"http:\/\/link.competethemes.com\/elementor-add-button\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor-<\/a> Plugin ist eine vollst\u00e4ndige Drag-and-Drop-L\u00f6sung zum Erstellen von Seiten, kann aber auch einfache Aufgaben wie das einfache Hinzuf\u00fcgen von Schaltfl\u00e4chen zu Ihren Beitr\u00e4gen erledigen.<\/p>\n<p>Hier ist wie\u2026<\/p>\n<h3>Mit Elementor bearbeiten<\/h3>\n<p>Wenn das Elementor-Plugin installiert ist, finden Sie eine neue Schaltfl\u00e4che Bearbeiten mit Elementor, die zu allen Ihren Beitr\u00e4gen und Seiten hinzugef\u00fcgt wurde.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d849b9836.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d849b9836.png\" alt=\"So f\u00fcgen Sie einem Beitrag oder einer Seite eine Schaltfl\u00e4che hinzu\"><\/a><\/p>\n<p>Klicken Sie auf diese Schaltfl\u00e4che und Sie werden zum Elementor-Editor weitergeleitet, der dem nativen Customizer in WordPress sehr \u00e4hnlich ist.<\/p>\n<p>Auf der linken Seite befindet sich das Bedienfeld, in dem Sie alle verf\u00fcgbaren Elemente finden. Das Schaltfl\u00e4chenelement ist im Abschnitt Basiselemente leicht verf\u00fcgbar.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d84d534ef.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d84d534ef.png\" alt=\"So f\u00fcgen Sie einem Beitrag oder einer Seite eine Schaltfl\u00e4che hinzu\"><\/a><\/p>\n<p>Klicken und ziehen Sie das Schaltfl\u00e4chenelement an eine beliebige Stelle im Beitrag, und Sie sehen, dass es automatisch zu Ihrem Beitrag hinzugef\u00fcgt wird. Nach dem Hinzuf\u00fcgen wird das linke Bedienfeld mit den Einstellungen zum \u00c4ndern der Schaltfl\u00e4che aktualisiert.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d8509ad17.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d8509ad17.png\" alt=\"So f\u00fcgen Sie einem Beitrag oder einer Seite eine Schaltfl\u00e4che hinzu\"><\/a><\/p>\n<p>Die Schaltfl\u00e4che ist standardm\u00e4\u00dfig gr\u00fcn, aber das kann leicht ge\u00e4ndert werden.<\/p>\n<p>Wie Sie sehen, ist es einfach, den Schaltfl\u00e4chentext und die URL sowie einige andere Optionen wie die Textausrichtung und die Option zum Hinzuf\u00fcgen eines Symbols zu bearbeiten.<\/p>\n<p>Auf den Registerkarten \u201eStil&#8220; und \u201eErweitert&#8220; des Einstellungsfensters stehen eine Menge weitere Optionen zur Verf\u00fcgung.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d85528ad4.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d85528ad4.png\" alt=\"So f\u00fcgen Sie einem Beitrag oder einer Seite eine Schaltfl\u00e4che hinzu\"><\/a><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d85927c1e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d85927c1e.png\" alt=\"So f\u00fcgen Sie einem Beitrag oder einer Seite eine Schaltfl\u00e4che hinzu\"><\/a><\/p>\n<p>Wie Sie sehen, k\u00f6nnen Sie mit <a href=\"http:\/\/link.competethemes.com\/elementor-add-button\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor<\/a> jede Art von Schaltfl\u00e4che erstellen, die Sie sich vorstellen k\u00f6nnen .<\/p>\n<p>Dieses Plugin mag etwas \u00fcbertrieben sein, um einfach eine Schaltfl\u00e4che in einen Beitrag aufzunehmen, aber ich denke, Sie werden von all den anderen M\u00f6glichkeiten begeistert sein, die dieses Plugin bietet.<\/p>\n<p>Wenn Sie mehr \u00fcber die Verwendung von Elementor auf Ihrer Website erfahren m\u00f6chten, werfen Sie einen Blick auf unsere <a href=\"https:\/\/themewp.inform.click\/de\/so-verwenden-sie-das-elementor-page-builder-plugin\/\" title=\"vollst\u00e4ndige Anleitung zum Erstellen von Elementor-Seiten\">vollst\u00e4ndige Anleitung zum Erstellen von Elementor-Seiten<\/a>.<\/p>\n<h3>Schaltfl\u00e4chen innerhalb des Beitragsinhalts hinzuf\u00fcgen<\/h3>\n<p>Da Elementor ein <a href=\"https:\/\/themewp.inform.click\/de\/die-5-besten-page-builder-plugins-2021\/\" title=\"Page Builder ist\">Page Builder ist<\/a> und \u00fcber ein eigenes Elementsystem verf\u00fcgt, werden Sie sofort feststellen, dass Sie keine Schaltfl\u00e4chen innerhalb des Beitragsinhalts hinzuf\u00fcgen k\u00f6nnen \u2013 nur davor oder danach.<\/p>\n<p>Die einfache Problemumgehung besteht darin, einen Teil des Beitrags zu kopieren und in ein Texteditor-Element einzuf\u00fcgen, und dann k\u00f6nnen Sie alle Elementor-Elemente davor\/danach einf\u00fcgen, z. B. eine Schaltfl\u00e4che.<\/p>\n<p>Hier ist nun die in diesem Beitrag empfohlene urspr\u00fcngliche Methode zum Hinzuf\u00fcgen von Schaltfl\u00e4chen zu Ihren Beitr\u00e4gen und Seiten.<\/p>\n<h2>So verwenden Sie Shortcodes Ultimate<\/h2>\n<p>Der einfachste Weg, Ihren Beitr\u00e4gen und Seiten stilvolle Schaltfl\u00e4chen hinzuzuf\u00fcgen, ist das <a href=\"https:\/\/wordpress.org\/plugins\/shortcodes-ultimate\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Shortcodes Ultimate-<\/a> Plugin.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/shortcodes-ultimate\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d85d1bc61.png\" alt=\"So f\u00fcgen Sie einem Beitrag oder einer Seite eine Schaltfl\u00e4che hinzu\" \/><\/a><\/p>\n<p>Dieses Plugin ist erstaunlich.<\/p>\n<p>Sie werden unz\u00e4hlige andere Verwendungsm\u00f6glichkeiten f\u00fcr Shortcodes Ultimate finden, aber vor allem macht es die Erstellung von Schaltfl\u00e4chen m\u00fchelos. Hier ist ein Screenshot des Plugins mit einigen Beispielen f\u00fcr die verschiedenen Schaltfl\u00e4chenstile.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d861412d9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d861412d9.png\" alt=\"So f\u00fcgen Sie einem Beitrag oder einer Seite eine Schaltfl\u00e4che hinzu\"><\/a><\/p>\n<p>Sie k\u00f6nnen Farben, Gr\u00f6\u00dfen, Hintergrundstile mischen und anpassen \u2013 jede Eigenschaft, die eine Schaltfl\u00e4che haben kann.<\/p>\n<p>Sie sind sich nicht sicher, wie Sie Shortcodes verwenden sollen? Sehen Sie sich dieses <a href=\"https:\/\/themewp.inform.click\/de\/so-fuegen-sie-dynamische-inhalte-mit-shortcodes-hinzu\/\" title=\"Tutorial zu Shortcodes an\">Tutorial zu Shortcodes an<\/a>.<\/p>\n<p>Es juckt Sie wahrscheinlich sofort, damit anzufangen. Hier ist die Schritt-f\u00fcr-Schritt-Anleitung, wie Sie dieses Schaltfl\u00e4chen-Plugin auf Ihrer Website verwenden k\u00f6nnen.<\/p>\n<h3>Installieren &amp; aktivieren<\/h3>\n<p>Suchen Sie in Ihrem Plugin-Men\u00fc nach \u201eShortcodes Ultimate&#8220; und installieren Sie es wie jedes andere WordPress-Plugin.<\/p>\n<p>Durch die Aktivierung des Plugins wird Ihrem Dashboard ein neues Men\u00fc auf oberster Ebene hinzugef\u00fcgt.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d864eef62.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d864eef62.png\" alt=\"So f\u00fcgen Sie einem Beitrag oder einer Seite eine Schaltfl\u00e4che hinzu\"><\/a><\/p>\n<h3>Verwenden Sie die Schaltfl\u00e4che Shortcode einf\u00fcgen<\/h3>\n<p>Shortcodes Ultimate f\u00fcgt dem Editor auch eine neue Schaltfl\u00e4che zum Einf\u00fcgen von Shortcodes hinzu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d86822c7c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d86822c7c.png\" alt=\"So f\u00fcgen Sie einem Beitrag oder einer Seite eine Schaltfl\u00e4che hinzu\"><\/a><\/p>\n<p>Wenn Sie auf diese Schaltfl\u00e4che klicken, wird die riesige Auswahl an Inhaltstypen angezeigt, die in Shortcodes Ultimate verf\u00fcgbar sind, einschlie\u00dflich der Schaltfl\u00e4chenoption, die wir ben\u00f6tigen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d86b679cd.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d86b679cd.png\" alt=\"So f\u00fcgen Sie einem Beitrag oder einer Seite eine Schaltfl\u00e4che hinzu\"><\/a><\/p>\n<p>Sobald Sie den Shortcode f\u00fcr die Schaltfl\u00e4che ausgew\u00e4hlt haben, gelangen Sie direkt zum Bildschirm f\u00fcr die Schaltfl\u00e4chenkonfiguration.<\/p>\n<p>Shortcodes Ultimate verf\u00fcgt auch \u00fcber <a href=\"https:\/\/gndev.info\/shortcodes-ultimate\/add-ons-bundle\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Premium-Add-Ons<\/a>, die noch mehr Shortcode-Typen und -Stile <a href=\"https:\/\/gndev.info\/shortcodes-ultimate\/add-ons-bundle\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">hinzuf\u00fcgen<\/a>.<\/p>\n<h3>Konfigurieren Sie die Schaltfl\u00e4che<\/h3>\n<p>Es gibt eine enorme Menge an Einstellungen, die Sie verwenden k\u00f6nnen, um jede Schaltfl\u00e4che, die Sie vornehmen, anzupassen, einschlie\u00dflich:<\/p>\n<ul>\n<li>Hintergrundfarbe<\/li>\n<li>Schaltfl\u00e4chentext<\/li>\n<li>Textfarbe<\/li>\n<li>Schaltfl\u00e4chenlink<\/li>\n<li>Symbole<\/li>\n<\/ul>\n<p>Ich habe einen Screenshot des gesamten Stilabschnitts gemacht, aber er ist zu umfangreich, um ihn in den Beitrag aufzunehmen. Sie k\u00f6nnen <a href=\"https:\/\/mlqmtwka8c9g.i.optimole.com\/gOh5_1g.Ga1T~1cfa5\/w:auto\/h:auto\/q:75\/https:\/\/www.competethemes.com\/wp-content\/uploads\/2017\/03\/button-style-settings.png\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">hier klicken, um<\/a> die vollst\u00e4ndige Seite mit den <a href=\"https:\/\/mlqmtwka8c9g.i.optimole.com\/gOh5_1g.Ga1T~1cfa5\/w:auto\/h:auto\/q:75\/https:\/\/www.competethemes.com\/wp-content\/uploads\/2017\/03\/button-style-settings.png\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Stileinstellungen anzuzeigen<\/a>.<\/p>\n<h3>\u00dcberpr\u00fcfen Sie die Schaltfl\u00e4che und f\u00fcgen Sie sie ein<\/h3>\n<p>Wenn Sie den Stil \u00e4ndern, k\u00f6nnen Sie die Schaltfl\u00e4che Live-Vorschau unten verwenden, um einen schnellen \u00dcberblick dar\u00fcber zu erhalten, wie Ihre Schaltfl\u00e4che aussehen wird.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d86e78fa8.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d86e78fa8.png\" alt=\"So f\u00fcgen Sie einem Beitrag oder einer Seite eine Schaltfl\u00e4che hinzu\"><\/a><\/p>\n<p>Wenn Sie fertig sind, k\u00f6nnen Sie Ihre Schaltfl\u00e4che als Vorgabe speichern, sodass Sie dasselbe Design an anderer Stelle auf Ihrer Site wiederverwenden k\u00f6nnen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d871978f5.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d871978f5.png\" alt=\"So f\u00fcgen Sie einem Beitrag oder einer Seite eine Schaltfl\u00e4che hinzu\"><\/a><\/p>\n<p>Dr\u00fccken Sie zuletzt die Schaltfl\u00e4che Shortcode einf\u00fcgen, und ein Shortcode wird f\u00fcr die Schaltfl\u00e4che hinzugef\u00fcgt.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d877d255f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d877d255f.png\" alt=\"So f\u00fcgen Sie einem Beitrag oder einer Seite eine Schaltfl\u00e4che hinzu\"><\/a><\/p>\n<p>W\u00e4hrend Sie im Editor nur einen Shortcode sehen, wird dieser als Schaltfl\u00e4che genau so gerendert, wie Sie ihn beim Besuch des Beitrags in der Vorschau angezeigt haben.<\/p>\n<h2>Hinzuf\u00fcgen von Schaltfl\u00e4chen zu WordPress<\/h2>\n<p>Sie m\u00fcssen kein CSS-Meister sein, um Ihrer WordPress-Website attraktive Schaltfl\u00e4chen hinzuzuf\u00fcgen.<\/p>\n<p>Shortcodes Ultimate macht die Erstellung von Schaltfl\u00e4chen einfach und unglaublich flexibel. Und Sie werden wahrscheinlich ein Dutzend anderer Verwendungsm\u00f6glichkeiten daf\u00fcr finden, sobald Sie es auf Ihrer Site installiert haben.<\/p>\n<p>Haben Sie Fragen zum Hinzuf\u00fcgen von Schaltfl\u00e4chen zu Ihren Beitr\u00e4gen und Seiten? Hinterlassen Sie unten einen Kommentar.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Erfahren Sie, wie Sie Ihren WordPress-Posts und -Seiten Schaltfl\u00e4chen hinzuf\u00fcgen. Erstellen Sie Schaltfl\u00e4chen mit jedem Text und jedem Stil mit einem erstaunlichen Plugin.<\/p>\n","protected":false},"author":1,"featured_media":257500,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[547],"tags":[845],"class_list":["post-231928","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-anpassen","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/231928","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=231928"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/231928\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/257500"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=231928"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=231928"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=231928"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}