--- site_name: WPlama site_description: "Správa, opravy a vývoj WordPress webů a e-shopů" site_url: https://www.wplama.cz contact_email: info@wplama.cz title: Jak přidat na WP web barevný scrollbar (posuvník) url: https://www.wplama.cz/jak-pridat-na-wp-web-barevny-scrollbar-posuvnik/ date: 2014-06-01 modified: 2014-06-02 author: Martin H. type: post categories: [WordPress návody] tags: [posuvník, scrollbar] --- WordPress návody # Jak přidat na WP web barevný scrollbar (posuvník) [MH **Martin H.**](https://www.wplama.cz/author/snyll/) Publikováno 1. 6. 2014 1 min čtení Pozor: Článek je z roku 2014. Některé postupy se mohly změnit. ![rainbow](https://www.wplama.cz/wp-content/uploads/2014/06/rainbow.png "rainbow") Jistě už jste někdy narazili na web, kde měli pěkný **barevný scrollbar** (ten posuvník stránky v pravé části prohlížeče). Ukážeme si, jak takový scrollbar zprovoznit i na vašem webu. Naštěstí existuje velmi jednoduchý **plugin**, který slouží právě k tomuto účelu – jeho jméno zní **Dewdrop Custom Scrollbar**. [Nainstalujte si](https://www.wplama.cz/jak-nainstalovat-plugin-do-wordpressu/ "Návod na instalaci pluginu.") tento plugin a **přejděte do jeho nastavení**: ![scrollbary](https://www.wplama.cz/wp-content/uploads/2014/06/scrollbary.jpg "scrollbary") Jak sami vidíte, nastavení pluginu je **extrémě snadné**. Jedná se pouze o několik položek s jasným popiskem (na obrázku chybí pár možností). V podstatě si můžete zvolit pouze barvu a velikost posuvníku a obrysu. **Popíšeme si jednotlivá políčka:** Scrollber color : barva posuvníku Scrollber width : šířka posuvníku (v pixelech) Scrollber height : výška posuvníku Scrollber border width : šířka obrysu posuvníku Scrollber border color : barva obrysu Scrollber border radius : zaoblení obrysu (čím vyšší hodnota, tím kulatější budou rohy scrollbaru) - [#posuvník](https://www.wplama.cz/stitek/posuvnik/) - [#scrollbar](https://www.wplama.cz/stitek/scrollbar/) Sdílet - - [](mailto:?subject=Jak přidat na WP web barevný scrollbar (posuvník)&body=Jak přidat na WP web barevný scrollbar (posuvník) https://www.wplama.cz/jak-pridat-na-wp-web-barevny-scrollbar-posuvnik/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fjak-pridat-na-wp-web-barevny-scrollbar-posuvnik%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fjak-pridat-na-wp-web-barevny-scrollbar-posuvnik%2F) MH Autor Martin H. Hobby programátor, IT nadšenec a nepoučitelný kritik. 46 článků [Všechny články autora →](https://www.wplama.cz/author/snyll/) ## Komentáře (4) [Přidat komentář →](https://www.wplama.cz/jak-pridat-na-wp-web-barevny-scrollbar-posuvnik/#respond) P PATWIST [12. 6. 2014](https://www.wplama.cz/jak-pridat-na-wp-web-barevny-scrollbar-posuvnik/#comment-65) Čauko, skúsil som to no nakoniec som nemal žiadny scroolbar a nedalo sa vôbec posúvať na stránke ani kolečkom myši ani šípkami, odinštalované [Odpovědět](https://www.wplama.cz/jak-pridat-na-wp-web-barevny-scrollbar-posuvnik/#comment-65) MH Martin H. WPlama [13. 6. 2014](https://www.wplama.cz/jak-pridat-na-wp-web-barevny-scrollbar-posuvnik/#comment-66) Ahoj, pravděpodobně půjde o nekompatibilitu s nějakým dalším pluginem. Mně posuvník fungoval bez problémů. Nepoužíváš ještě nějaké další pluginy, které manipulují s ovládacími prvky stránky? [Odpovědět](https://www.wplama.cz/jak-pridat-na-wp-web-barevny-scrollbar-posuvnik/#comment-66) --- --- D Darkfairy [28. 12. 2014](https://www.wplama.cz/jak-pridat-na-wp-web-barevny-scrollbar-posuvnik/#comment-1283) Děkuji moc =) [Odpovědět](https://www.wplama.cz/jak-pridat-na-wp-web-barevny-scrollbar-posuvnik/#comment-1283) --- D Daniela [6. 9. 2020](https://www.wplama.cz/jak-pridat-na-wp-web-barevny-scrollbar-posuvnik/#comment-155005) Dobrý den, mám široký obrázek 3000 px a nedaří se mi najít takový plugin ve WP, který by uměl posunovat posuvníkem jakkoli široký obrázek na stránce do stran. Děkuji moc. [Odpovědět](https://www.wplama.cz/jak-pridat-na-wp-web-barevny-scrollbar-posuvnik/#comment-155005) --- ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/jak-pridat-na-wp-web-barevny-scrollbar-posuvnik/#respond) [← Předchozí článek Automatické postování příspěvků na sociální sítě](https://www.wplama.cz/automaticke-postovani-prispevku-na-socialni-site/) [Další článek → Seriál „Začínáme s programováním“ – Úvod: Barvy](https://www.wplama.cz/serial-zaciname-s-programovanim-barvy/) Související ## Mohlo by vás zajímat [Všechny články z rubriky WordPress návody →](https://www.wplama.cz/wordpress/navody/) ![llms txt scaled](https://www.wplama.cz/wp-content/uploads/2026/03/llms-txt-scaled.png "llms txt scaled") WordPress návody ### [Konec tradičního SEO? Jak a proč začít optimalizovat WordPress web pro AI vyhledávače](https://www.wplama.cz/optimalizace-pro-ai-vyhledavace/) 3. 3. 2026 9 min čtení --- ![cloudflare turnstile scaled](https://www.wplama.cz/wp-content/uploads/2025/12/cloudflare-turnstile-scaled.png "cloudflare turnstile scaled") WordPress návody ### [Cloudflare Turnstile – Jeden antispam, který ochrání celý váš WordPress](https://www.wplama.cz/cloudflare-turnstile-antispam/) 17. 12. 2025 4 min čtení --- ![image scaled](https://www.wplama.cz/wp-content/uploads/2025/09/image-scaled.png "image scaled") WordPress návody ### [Jak přidat měřicí kód Sklik do WordPress pomocí Complianz](https://www.wplama.cz/jak-pridat-merici-kod-sklik-do-wordpress-pomoci-complianz/) 16. 9. 2025 3 min čtení ---