Schimba scrolbarul la tema.

Pentru cei care doresc o mica schimbare la tema asa cum am facut eu pot incepe prin a schimba scrolbarul. Codurile si implementarea este simpla. Linkul de unde trebuie descarcat acest plugin jQuery este acesta. Site-ul unde gaseste toate explicatiile este aici.

Si acum codurile. Dupa ce se descarca pluginul aveti in folderul respectiv varianta .min cat si varianta normala. Varianta .min este cea restransa pentru o citire mai rapida.

Si acum codurile. Dupa ce se descarca pluginul aveti in folderul respectiv varianta .min cat si varianta normala. Varianta .min este cea restransa pentru o citire mai rapida.

Daca vrei sa faceti eventuale modificari recomand varianta normala ca sa puteti umbla in css care in interior, daca vreti sa lasati default cum e la mine atunci incarcati variant .min in folderul js din tema via ftp.

…/js/jquery.nicescroll.min.js

Acum se pune urmatorul cod in functions.php pentru ca cms-ul sa il citeasca.

function scrollbar_scripts() {

wp_enqueue_script( 'jquery.nicescroll.min', get_stylesheet_directory_uri() . '/js/jquery.nicescroll.min.js', array( 'jquery'), true );

}
add_action( 'wp_enqueue_scripts', 'scrollbar_scripts' );

 

Bun pana aici toate bune si frumoase. Mai trebuie pus si urmatorul cod in footer.php dupa wp_footer(); si inainte de inchiderea tagului

<script>
jQuery(document).ready(

function() {
jQuery("html").niceScroll({cursorcolor:"#000000"});
}
);
</script>

 

Dupa cum se poate vedea avem in cod cursorcolor #000000 care se poate schimba cu orice cod de culoare. Pentru alte nelamuriri mai jos puteti comenta si va raspund. Demo se poate vedea la tema in partea dreapta…

Faci un comentariu sau dai un răspuns?

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Alte articole din aceiasi categorie

Salut și bine ai venit pe acest blog!

Eu sunt Bucur si acesta este blogul meu in care vei gasi articole in majoritatea lor despre Programare web Front-end si un pic de back-end.

Iată cum mă poți contacta:

Ai o intrebare? nu ezita sa ma contactezi.

Vei primi un raspuns in cel mai scurt timp posibil.

    Numele tau (necesar)

    Email (necesar)

    Subiect

    Mesaj

    Prin utilizarea acestui formular sunteți de acord cu stocarea și manipularea datelor dvs. pe acest site web.

    Daca vrei Front-end in general recomand:
    https://www.udemy.com/course/the-complete-web-developer-zero-to-mastery/
    https://www.udemy.com/course/advanced-javascript-concepts/
    https://www.udemy.com/course/complete-react-developer-zero-to-mastery/
    Daca vrei doar Javascript recomand:
    https://www.udemy.com/course/the-complete-javascript-course/
    https://www.udemy.com/course/advanced-javascript-concepts/