{"id":368456,"date":"2022-12-04T15:31:00","date_gmt":"2022-12-04T12:31:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=368456"},"modified":"2022-10-13T00:49:35","modified_gmt":"2022-10-12T21:49:35","slug":"so-erstellen-sie-einen-zurueck-nach-oben-button-in-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-erstellen-sie-einen-zurueck-nach-oben-button-in-wordpress\/","title":{"rendered":"So erstellen Sie einen Zur\u00fcck-nach-oben-Button in WordPress"},"content":{"rendered":"\n<p>Planen Sie, Ihre Website f\u00fcr Ihre Besucher zug\u00e4nglicher zu machen? Das Hinzuf\u00fcgen einer Zur\u00fcck-nach-oben-Schaltfl\u00e4che zu Ihrem WordPress-Blog kann den Zweck erf\u00fcllen. Dies gilt insbesondere, wenn Ihr Blog beim Anzeigen von Inhalten viel Scrollen erfordert.<\/p>\n<p>In diesem Tutorial zeigen wir Ihnen, wie Sie die Zur\u00fcck-nach-oben-Schaltfl\u00e4che in Ihrem Blog mit zwei verschiedenen Plugins installieren k\u00f6nnen \u2013 <strong><a href=\"#WPFront\">WPFront Scroll Top<\/a><\/strong> und <strong><a href=\"#GP\">GP Back To Top<\/a><\/strong> &#8211; Plugin. Die erste enth\u00e4lt viele Optionen f\u00fcr die vollst\u00e4ndige Plugin-Anpassung, w\u00e4hrend die andere einfacher zu verwenden ist.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/_AKk-JG8E2Q\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Was ist eine \u201eZur\u00fcck zum Anfang&#8220;-Schaltfl\u00e4che?<\/h2>\n<p>Im Wesentlichen hat die Zur\u00fcck-nach-oben-Schaltfl\u00e4che meistens die <strong>Form eines Pfeils oder eines Textes, der am Ende<\/strong> des Textes erscheint, wenn der Benutzer eine Seite nach unten scrollt. Ein Klick auf diese Schaltfl\u00e4che <strong>bringt den Benutzer zur\u00fcck zum Anfang der Seite<\/strong>. Es kann besonders n\u00fctzlich f\u00fcr diejenigen sein, die es vorziehen, Websites auf ihren Mobiltelefonen zu durchsuchen. Viele Benutzer verwenden ein Sticky-Men\u00fc, um die Website-Navigation zu vereinfachen, aber eine Zur\u00fcck-nach-oben-Schaltfl\u00e4che kann eine zus\u00e4tzliche Funktion sein, die <strong>Ihren Lesern beim Durchsuchen Ihrer Seite weiter hilft<\/strong>.<\/p>\n<p>Stilistisch sollte dieser Button sichtbar genug sein, um die Aufmerksamkeit des Besuchers auf sich zu ziehen. Allerdings sollte es auch nicht zu gro\u00df oder \u00fcberbetont sein, um den Nutzer nicht zu sehr abzulenken. Ein gutes Beispiel daf\u00fcr, wie diese Schaltfl\u00e4che auf einer Website aussehen sollte, ist in der <a href=\"http:\/\/dalia.elated-themes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Dalia WordPress-Vorlage<\/a> zu sehen .<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e6080e5756.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e6080e5756.jpg\" alt=\"So erstellen Sie einen Zur\u00fcck-nach-oben-Button in WordPress\" ><\/a><\/p>\n<h2>Installieren der Zur\u00fcck-nach-oben-Schaltfl\u00e4che mit dem WPFront Scroll Top-Plugin<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e608411f33.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e608411f33.jpg\" alt=\"So erstellen Sie einen Zur\u00fcck-nach-oben-Button in WordPress\" ><\/a><\/p>\n<p>Sobald Sie es installiert haben, finden Sie das Plugin auf der Registerkarte Einstellungen auf Ihrem Dashboard unter dem Namen Scroll Top.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e6087886a0.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e6087886a0.jpg\" alt=\"So erstellen Sie einen Zur\u00fcck-nach-oben-Button in WordPress\" ><\/a><\/p>\n<p>Um es zu aktivieren, stellen Sie sicher, dass Sie zuerst das Kontrollk\u00e4stchen Aktivieren aktivieren, bevor Sie etwas anderes tun. Anschlie\u00dfend k\u00f6nnen Sie den <strong>Scroll-Offset<\/strong> einstellen, dh <strong>die<\/strong> <strong>Anzahl der Pixel, bevor die Schaltfl\u00e4che erscheint.<\/strong> Sie k\u00f6nnen auch die Abmessungen anpassen, die <strong>Ihr Button haben soll<\/strong>.<\/p>\n<p><strong>Schaltfl\u00e4chendeckkraft<\/strong> ist auch eine gro\u00dfartige Option, mit der Sie <strong>die Schaltfl\u00e4che heller erscheinen lassen k\u00f6nnen, wenn sie nicht aktiv ist<\/strong>. Dadurch entsteht ein sch\u00f6ner Animationseffekt.<\/p>\n<p>Wenn Sie die Option \u201eAutomatisch <strong>ausblenden<\/strong> &#8220; aktivieren und die Anzahl der Sekunden in das Feld \u201e <strong>Automatisch ausblenden nach<\/strong> &#8220; eingeben, wird Ihre <strong>Schaltfl\u00e4che nach der von Ihnen angegebenen Zeit der Inaktivit\u00e4t ausgeblendet und wieder angezeigt, wenn Sie den Mauszeiger erneut bewegen<\/strong>.<\/p>\n<p>Das Plugin WPFront Scroll Top erm\u00f6glicht es Benutzern auch, <strong>die Position der Schaltfl\u00e4chen anzupassen<\/strong>, und <strong>enth\u00e4lt sogar Optionen f\u00fcr kleine Ger\u00e4te<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e608a3b5ee.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e608a3b5ee.jpg\" alt=\"So erstellen Sie einen Zur\u00fcck-nach-oben-Button in WordPress\" ><\/a><\/p>\n<p>Wenn Sie m\u00f6chten, k\u00f6nnen Sie die Schaltfl\u00e4che &quot;Zur\u00fcck zum Anfang&quot; so einstellen, <strong>dass sie nur auf den von Ihnen angegebenen Seiten angezeigt wird<\/strong>. W\u00e4hlen Sie dazu einfach <strong>Auf folgenden Seiten einf\u00fcgen<\/strong> und markieren Sie alle Kontrollk\u00e4stchen f\u00fcr die Seiten, auf denen Ihr Button angezeigt werden soll.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e608e46ae3.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e608e46ae3.jpg\" alt=\"So erstellen Sie einen Zur\u00fcck-nach-oben-Button in WordPress\" ><\/a><\/p>\n<p>Das Plugin WPFront Scroll Top enth\u00e4lt auch eine <strong>gro\u00dfe Anzahl von Bildern, die Sie ausw\u00e4hlen k\u00f6nnen, um Ihren Schaltfl\u00e4chenstil<\/strong> an das Thema Ihrer Website anzupassen. Wenn keines der Bilder in dieser Liste f\u00fcr Sie funktioniert, <strong>k\u00f6nnen Sie auch eines Ihrer eigenen ausw\u00e4hlen<\/strong>. Dazu m\u00fcssen Sie das Bild zuerst zur Medienbibliothek hinzuf\u00fcgen, damit es in der Liste der verf\u00fcgbaren Bildschaltfl\u00e4chen angezeigt wird. Eine weitere Option besteht darin, Ihr Bild hinzuzuf\u00fcgen, indem Sie eine benutzerdefinierte URL einf\u00fcgen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e60928236c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e60928236c.jpg\" alt=\"So erstellen Sie einen Zur\u00fcck-nach-oben-Button in WordPress\" ><\/a><\/p>\n<p>Wenn Sie alle Plugin-Optionen einrichten und die Bildschaltfl\u00e4che ausw\u00e4hlen, stellen Sie sicher, dass Sie auf \u00c4nderungen speichern klicken.<\/p>\n<h2>Verwenden des GP Back To Top-Plugins<\/h2>\n<p>Wenn Sie kein Fan von Plugins mit unz\u00e4hligen Einstellungen sind und eher einen <strong>einfachen, aber unkomplizierten Ansatz<\/strong> bevorzugen, dann ist das <a href=\"https:\/\/wordpress.org\/plugins\/gp-back-to-top\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GB Back To Top Plugin genau<\/a> das Richtige f\u00fcr Sie.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e609662683.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e609662683.jpg\" alt=\"So erstellen Sie einen Zur\u00fcck-nach-oben-Button in WordPress\" ><\/a><\/p>\n<p>Nach der Installation k\u00f6nnen Sie darauf zugreifen, indem Sie in Ihrem Dashboard zu Einstellungen &gt; GP Back To Top gehen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e609a7c1fc.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e609a7c1fc.jpg\" alt=\"So erstellen Sie einen Zur\u00fcck-nach-oben-Button in WordPress\" ><\/a><\/p>\n<p>Wie wir bereits betont haben, ist es <strong>einfach, mit den Einstellungen des GP-Plug-Ins zu arbeiten<\/strong>. Aber am wichtigsten ist, dass das Plugin selbst gro\u00dfartig funktioniert. Es gibt nur Einstellungen, mit denen Sie <strong>Optionen wie Gr\u00f6\u00dfe, Schriftgr\u00f6\u00dfe und Hintergrundfarbe der Schaltfl\u00e4che anpassen k\u00f6nnen<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e609f4aa1f.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e609f4aa1f.jpg\" alt=\"So erstellen Sie einen Zur\u00fcck-nach-oben-Button in WordPress\" ><\/a><\/p>\n<p>Sobald Sie die Zur\u00fcck-nach-oben-Schaltfl\u00e4che mit diesem Plugin in Ihre Seite implementiert haben, sieht sie so aus:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e60a3860c5.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e60a3860c5.jpg\" alt=\"So erstellen Sie einen Zur\u00fcck-nach-oben-Button in WordPress\" ><\/a><\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Planen Sie, Ihre Website f\u00fcr Ihre Besucher zug\u00e4nglicher zu machen? Das Hinzuf\u00fcgen einer Zur\u00fcck-nach-oben-Schaltfl\u00e4che zu Ihrem WordPress-Blog kann den Zweck erf\u00fcllen.<\/p>\n","protected":false},"author":1,"featured_media":328617,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[567],"tags":[845],"class_list":["post-368456","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\/368456","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=368456"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/368456\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/328617"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=368456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=368456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=368456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}