{"id":370800,"date":"2022-11-12T13:40:00","date_gmt":"2022-11-12T10:40:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=370800"},"modified":"2022-11-12T13:40:09","modified_gmt":"2022-11-12T10:40:09","slug":"so-fuegen-sie-eine-benutzerdefinierte-bildlaufleiste-in-wordpress-hinzu","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-fuegen-sie-eine-benutzerdefinierte-bildlaufleiste-in-wordpress-hinzu\/","title":{"rendered":"So f\u00fcgen Sie eine benutzerdefinierte Bildlaufleiste in WordPress hinzu"},"content":{"rendered":"\n

Die Bildlaufleiste mag ein winziges Detail auf Ihrer Website sein, aber nur weil sie klein ist, bedeutet das nicht, dass Sie sich an ihr Standard-Aussehen halten m\u00fcssen. Wenn das Rocken einer einzigartigen visuellen Identit\u00e4t eine Ihrer Priorit\u00e4ten ist, hier ist die gute Nachricht \u2013 auf WordPress-Websites gibt es immer die M\u00f6glichkeit, die Bildlaufleiste zu \u00e4ndern und sie an Ihr Thema, Ihren Stil und Ihr Farbschema anzupassen<\/strong>.<\/p>\n

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

Es gibt zwei M\u00f6glichkeiten, die Bildlaufleiste anzupassen<\/strong>. Der einfachere ist die Installation des Plugins, f\u00fcr das keine Programmierkenntnisse erforderlich sind. Die andere M\u00f6glichkeit besteht darin, zus\u00e4tzliches CSS in die WordPress-Einstellungen einzuf\u00fcgen.<\/p>\n

Verwenden des Advanced Scrollbar-Plug-ins<\/h2>\n

Die Advanced Scrollbar<\/a> ist ein kostenloses Plugin, daher finden Sie es in der WordPress-Plugin-Bibliothek. Navigieren Sie zum Admin-Bereich und klicken Sie auf Plugins > Neu hinzuf\u00fcgen, um die Bibliothek zu \u00f6ffnen. Geben Sie in der Suchleiste \u201eErweiterte Bildlaufleiste“ ein und klicken Sie auf das Ergebnis.<\/p>\n

Installieren Sie das Plugin und vergessen Sie nicht, es<\/strong> \u00fcber den Aktivierungslink zu aktivieren. Die Plugins funktionieren nicht, wenn sie nicht aktiviert sind.<\/p>\n

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

Nachdem Sie das Plugin aktiviert haben, k\u00f6nnen Sie seine Einstellungen \u00e4ndern. Navigieren Sie im Hauptmen\u00fc des Dashboards zu den Einstellungen. Klicken Sie auf Benutzerdefinierte Farbeinstellungen f\u00fcr die Bildlaufleiste.<\/p>\n

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

Dies sind Standardeinstellungen.<\/p>\n

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

So sieht die Bildlaufleiste mit den Standardeinstellungen aus.<\/p>\n

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

Wenn Sie die Grundeinstellungen \u00e4ndern m\u00f6chten, k\u00f6nnen Sie die Hintergrundfarbe der Bildlaufleiste und der Schiene anpassen.<\/p>\n

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

Au\u00dferdem k\u00f6nnen Sie die Scrollgeschwindigkeit der Maus, die Geschwindigkeit der Bildlaufleiste<\/strong> und die Option zum automatischen Ausblenden der Bildlaufleiste festlegen<\/strong>. Sie k\u00f6nnen auch w\u00e4hlen, ob die Bildlaufleiste links oder rechts ausgerichtet werden soll. Es gibt auch eine Option, um die Anzeige der Bildlaufleiste auf Touch-Ger\u00e4ten<\/strong> wie Mobiltelefonen und Tablets zu aktivieren.<\/p>\n

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

Die zus\u00e4tzlichen Einstellungen zum \u00c4ndern des Stils Ihrer Bildlaufleiste befinden sich auf der zweiten Registerkarte, Benutzerdefinierte Bildlaufleisten-Stileinstellungen. Hier k\u00f6nnen Sie die Breite der Bildlaufleiste, das Rand-CSS und den Randradius \u00e4ndern<\/strong>.<\/p>\n

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

Dies ist das Endergebnis unserer \u00c4nderungen.<\/p>\n

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

Verwenden des zus\u00e4tzlichen CSS<\/h2>\n

Die zweite L\u00f6sung zum Hinzuf\u00fcgen einer benutzerdefinierten Bildlaufleiste zu Ihrer WordPress-Site erfordert ein wenig Programmierkenntnisse. Wenn Sie keine Erfahrung mit der Programmierung haben, aber dennoch eine benutzerdefinierte Bildlaufleiste auf diese Weise hinzuf\u00fcgen m\u00f6chten, befolgen Sie die Anweisungen sorgf\u00e4ltig<\/strong>.<\/p>\n

Um ein benutzerdefiniertes CSS f\u00fcr die gesamte Website hinzuzuf\u00fcgen, navigieren Sie zum Hauptmen\u00fc im Dashboard und klicken Sie auf Darstellung > Anpassen.<\/p>\n

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

Klicken Sie auf das Feld Zus\u00e4tzliches CSS.<\/p>\n

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

F\u00fcgen Sie den folgenden Code in das Feld Zus\u00e4tzliches CSS ein.<\/p>\n

::-webkit-scrollbar {\n-webkit-appearance: none;\n}\n::-webkit-scrollbar {\nwidth: 12px;\n}\n::-webkit-scrollbar-track {\nbackground: #f8c1c0; \nborder:1px solid #fff;\n} \n::-webkit-scrollbar-thumb {\nbackground: #bededa; \nborder:1px solid #fff;\nheight:300px;\nborder-radius:4px;\n}<\/code><\/pre>\n
\"So<\/a><\/p>\n
Wenn Sie CSS hinzuf\u00fcgen, klicken Sie auf die Schaltfl\u00e4che \u201eVer\u00f6ffentlichen“ und \u00fcberpr\u00fcfen Sie das Ergebnis. Denken Sie daran, dass dieser Code in allen Internetbrowsern au\u00dfer Firefox und Edge funktioniert<\/strong>.<\/p>\n
Dies sind zwei einfache M\u00f6glichkeiten, um eine benutzerdefinierte Bildlaufleiste in WordPress hinzuzuf\u00fcgen. Beide sind eine gute Wahl f\u00fcr Benutzer mit wenig bis gar keiner Programmiererfahrung.<\/p>\n
M\u00f6chten Sie mehr dar\u00fcber erfahren, wie Sie das Design und die Leistung Ihrer Website schnell und m\u00fchelos verbessern k\u00f6nnen? Schauen Sie sich diese Liste der unverzichtbaren WordPress-Plugins an, um eine neue Website zu starten<\/a>! <\/p>\n
Aufnahmequelle:  wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Das Hinzuf\u00fcgen einer benutzerdefinierten Bildlaufleiste in WordPress ist eine gro\u00dfartige M\u00f6glichkeit, selbst die kleinsten Details auf Ihrer Website mit Ihrer einzigartigen visuellen Identit\u00e4t in Einklang zu bringen.<\/p>\n","protected":false},"author":1,"featured_media":363788,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[567],"tags":[845],"class_list":["post-370800","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\/370800","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=370800"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/370800\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/363788"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=370800"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=370800"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=370800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}