{"id":25937,"date":"2021-06-17T15:08:00","date_gmt":"2021-06-17T12:08:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25937"},"modified":"2021-10-18T02:28:45","modified_gmt":"2021-10-17T23:28:45","slug":"so-fugen-sie-sticky-buttons-auf-der-wordpress-website-hinzu","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-fugen-sie-sticky-buttons-auf-der-wordpress-website-hinzu\/","title":{"rendered":"So f\u00fcgen Sie Sticky Buttons auf der WordPress-Website hinzu"},"content":{"rendered":"<p>M\u00f6chten Sie Ihrer WordPress-Site Sticky-Buttons hinzuf\u00fcgen? Durch die Verwendung von Sticky-Action-Buttons kann der Benutzer leicht Informationen zu der Website abrufen. Diese Informationen k\u00f6nnen Ihre E-Mail-Adresse, Telefonnummer, Standort auf einer Google-Karte, Links zu sozialen Netzwerken usw. sein. In diesem Artikel zeige ich Ihnen, wie Sie Ihrer WordPress-Website Sticky Buttons hinzuf\u00fcgen.<\/p>\n<p>Sticky Action Buttons verhalten sich wie ein schwebendes Widget. Diese Tasten werden auch dann gesperrt, wenn der Benutzer nach oben oder unten scrollt. Es wird auf der Website gut aussehen und sie benutzerfreundlicher machen. Das Hinzuf\u00fcgen von Sticky Buttons hilft, die Conversions und das Besucherengagement zu verbessern.<\/p>\n<h3>Anfang<\/h3>\n<p>Es gibt 2 M\u00f6glichkeiten, Sticky Buttons in WordPress hinzuzuf\u00fcgen. Eine M\u00f6glichkeit besteht darin, den Code von Grund auf neu zu erstellen, und die andere besteht darin, ein Plugin zu verwenden. F\u00fcr dieses Tutorial werde ich ein Plugin verwenden. Der Grund liegt auf der Hand, wenn wir ein gutes Plugin bekommen, das unsere kleine Aufgabe erledigen kann, warum dann Zeit damit verschwenden, es von Grund auf neu zu erstellen.<\/p>\n<p>Es ist sinnvoll zu codieren, wenn Sie gro\u00dfe und komplexe Funktionen erstellen m\u00f6chten. In solchen F\u00e4llen sind Plugins m\u00f6glicherweise nicht f\u00fcr Ihren Zweck geeignet und es ist am besten, sich nicht auf sie zu verlassen, da ihre Updates die Funktionalit\u00e4t beeintr\u00e4chtigen k\u00f6nnen. Aber f\u00fcr kleinere Aufgaben wie diese (Sticky Buttons) kann man sich auf Plugins verlassen.<\/p>\n<p><strong>WP Sticky<\/strong> ist eines der effektivsten Plugins, um Ihrer Website klebrige Elemente hinzuzuf\u00fcgen. Es ist ein nettes kleines Plugin, mit dem Sie <strong>eine unbegrenzte Anzahl von Sticky-Elementen<\/strong> hinzuf\u00fcgen k\u00f6nnen, die mit allen Themen, Plugins und Seitenerstellern kompatibel sind, und der gesamte Vorgang kann in nur wenigen Minuten durchgef\u00fchrt werden. Er betont die Einfachheit des Prozesses, daher besteht das gesamte Verfahren aus:<\/p>\n<ul>\n<li>Benennen Sie Ihr Element<\/li>\n<li>Verschieben und klicken Sie auf die Schaltfl\u00e4che Element ausw\u00e4hlen<\/li>\n<li>W\u00e4hlen Sie das gew\u00fcnschte Element aus, das Sie kleben m\u00f6chten<\/li>\n<li>Klicken Sie auf &quot;\u00c4nderungen speichern&quot;<\/li>\n<\/ul>\n<p>Und das war&#8217;s auch schon &#8211; das ausgew\u00e4hlte Element ist jetzt an Ihre Site angeh\u00e4ngt. Es sind einige <strong>Einstellungen<\/strong> enthalten, sodass Sie mit der Deckkraft des Sticky-Elements herumspielen, einen Einblend- oder Slide-Down-Effekt ausw\u00e4hlen, den Bildlaufbereich festlegen und vieles mehr. Dar\u00fcber hinaus k\u00f6nnen Sie idealerweise verschiedene Einstellungen gem\u00e4\u00df den Anforderungen Ihrer Website vornehmen &#8211; Sie k\u00f6nnen eine Einschr\u00e4nkung basierend auf einem bestimmten Kriterium hinzuf\u00fcgen, sodass das Element auf der ausgew\u00e4hlten nicht als klebrig angezeigt wird:<\/p>\n<ul>\n<li>Seiten<\/li>\n<li>Beitr\u00e4ge<\/li>\n<li>Kategorien<\/li>\n<li>Stichworte:<\/li>\n<li>Oder Nachrichtentypen<\/li>\n<\/ul>\n<p>Nat\u00fcrlich k\u00f6nnen Sie es \u00fcberall optimieren oder es an einem der genannten verhindern, um die volle Kontrolle \u00fcber das Plugin zu erhalten. Sind Sie besorgt dar\u00fcber, wie sie auf verschiedenen Ger\u00e4ten angezeigt werden? Dies kann auch auf der Registerkarte Ger\u00e4te konfiguriert werden, wo Sie die genaue Bildschirmgr\u00f6\u00dfe ausw\u00e4hlen k\u00f6nnen, auf der Ihre Artikel als klebrig angezeigt werden. Sie k\u00f6nnen fast jedes Element ausw\u00e4hlen, das Sie m\u00f6chten, sei es ein <a href=\"https:\/\/wpsticky.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sticky-Header<\/a>, ein Sticky-Men\u00fc, ein Widget, eine Navigation, ein Video &#8230; alles kann in wenigen Minuten eingerichtet werden und Sie k\u00f6nnen so viele erstellen, wie Sie m\u00f6chten. Effektiv, elegant und so einfach wie m\u00f6glich.<\/p>\n<p>Au\u00dferdem gibt es andere Tools, mit denen Sie Sticky-Elemente auf Ihrer Website erstellen k\u00f6nnen. Installieren und aktivieren Sie gleichzeitig das <a href=\"https:\/\/wordpress.org\/plugins\/buttonizer-multifunctional-button\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Smart Floating Action Buttons &#8211; Buttonizer-Plugin<\/a>. Im n\u00e4chsten Abschnitt werden wir sehen, wie Sie dieses Plugin verwenden.<\/p>\n<h3>F\u00fcgen Sie Ihrer WordPress-Site klebrige Schaltfl\u00e4chen hinzu<\/h3>\n<p>Gehen Sie nach der Installation des Plugins in der Systemsteuerung zum Men\u00fc &quot;Buttonizer&quot;. Dieses Plugin hat keine Seite mit Backend-Einstellungen. Stattdessen bietet es eine Schnittstelle, damit Sie die Auswirkungen der \u00c4nderungen sofort sehen k\u00f6nnen.<\/p>\n<p>Das Plugin bietet \u00fcber 25 Aktionen beim Klicken. Angenommen, Sie m\u00f6chten aus einer Liste eine E-Mail, ein Telefon und eine Google Map zu Ihren Sticky Buttons auf einer Website hinzuf\u00fcgen.<\/p>\n<p>Klicken Sie auf die Schaltfl\u00e4che Hinzuf\u00fcgen und benennen Sie die Schaltfl\u00e4che. Ich gebe dem Button den Namen &quot;Telefon&quot;. Danach sehen Sie eine Schaltfl\u00e4che im Frontend, wie unten gezeigt.<\/p>\n<p>Da diese Schaltfl\u00e4che f\u00fcr eine &quot;Telefonnummer&quot; vorgesehen ist, m\u00fcssen wir sie konfigurieren. Klicken Sie neben TELEFON auf das Symbol Einstellungen. Das Optionsfeld zum Anpassen der Schaltfl\u00e4che wird ge\u00f6ffnet.<\/p>\n<p>W\u00e4hlen Sie in der Dropdown-Liste Tastenaktion die Option Anrufaktion (Telefonnummer) aus. F\u00fcgen Sie Ihre Telefonnummer in das Textfeld ein.<\/p>\n<p>Dann m\u00f6chte ich ein Telefonsymbol f\u00fcr diese Schaltfl\u00e4che festlegen. Dies kann in den Abschnitten <strong>STYLE &gt;&gt; ICON erfolgen<\/strong>. Klicken Sie unter dem ICON-Symbol auf SYMBOL AUSW\u00c4HLEN. Es \u00f6ffnet sich ein Popup-Fenster, in dem Sie ein Symbol aus der Font Awesome-Bibliothek ausw\u00e4hlen.<\/p>\n<p>Auf dieselbe Weise k\u00f6nnen wir der Site beliebig viele Schaltfl\u00e4chen hinzuf\u00fcgen. W\u00e4hlen Sie f\u00fcr jede Schaltfl\u00e4che die entsprechende Schaltfl\u00e4chenaktion aus und Sie erhalten verschiedene Optionen f\u00fcr die Schaltfl\u00e4che.<\/p>\n<p>Zum Schluss wollen wir noch die Position f\u00fcr die Sticky Buttons festlegen. Klicken Sie dazu auf das Symbol &quot;Einstellungen&quot; neben &quot;NEUE GRUPPE&quot;.<\/p>\n<p>Im Abschnitt Position erhalten Sie die Parameter zum Einstellen der Position der Schaltfl\u00e4chen. Ich m\u00f6chte, dass es richtig und zentriert ist. Also setze ich unter &quot;HORIZONTAL&quot; &quot;0%&quot; und unter &quot;VERTIKAL&quot; den Mittelteil.<\/p>\n<p>Buttonizer-Plugins bieten viele weitere Funktionen, mit denen Sie herumspielen und sich mit denen vertraut machen sollten. Das Plugin bietet Optionen f\u00fcr Schaltfl\u00e4chenfarbe, Schaltfl\u00e4chenanimation, Hintergrund, benutzerdefinierte Klassen, Ger\u00e4tesichtbarkeit und mehr.<\/p>\n<p>Mit den obigen Einstellungen werden die Sticky Buttons auf der Website angezeigt, wie im Screenshot unten gezeigt.<\/p>\n<p>Ich hoffe, Sie haben herausgefunden, wie Sie Ihrer WordPress-Site Sticky Buttons hinzuf\u00fcgen k\u00f6nnen. Bitte teilen Sie Ihre Gedanken und Vorschl\u00e4ge im Kommentarbereich unten mit.<\/p>\n<h4>Zum Thema passende Artikel<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/foogallery-ein-wunderschones-wordpress-bildergalerie-plugin\/\" title=\"FooGallery - sch\u00f6nes WordPress-Bildergalerie-Plugin\">FooGallery &#8211; sch\u00f6nes WordPress-Bildergalerie-Plugin<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/so-vergrosern-sie-ihre-e-mail-abonnenten-auf-der-wordpress-website\/\" title=\"So erh\u00f6hen Sie Ihre E-Mail-Abonnenten auf Ihrer WordPress-Site\">So erh\u00f6hen Sie Ihre E-Mail-Abonnenten auf Ihrer WordPress-Site<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/so-fugen-sie-code-nach-dem-body-tag-in-wordpress-hinzu\/\" title=\"So f\u00fcgen Sie Code nach dem Body-Tag in WordPress hinzu\">So f\u00fcgen Sie Code nach dem Body-Tag in WordPress hinzu<\/a><\/li>\n<\/ul>\n<p>Aufnahmequelle: <a href=\"https:\/\/artisansweb.net\/add-sticky-buttons-wordpress\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">artisansweb.net<\/a><\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In diesem Artikel zeige ich Ihnen, wie Sie Sticky Buttons auf der WordPress-Website hinzuf\u00fcgen. Sticky Buttons sind hilfreich f\u00fcr Conversion und Interaktion<\/p>\n","protected":false},"author":1,"featured_media":21615,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[496,607],"tags":[845],"class_list":["post-25937","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel","category-uncategorized-3","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/25937","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=25937"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/25937\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/21615"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=25937"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=25937"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=25937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}