JavaScript в WordPress для создания эффекта плавной прокрутки

Я хочу иметь эффект плавной прокрутки на этом сайте http://konstantin.raccoonbox.com/osta-palveluita/. Сайт на WordPress, и это проблема. Я не знаю, как подключить JavaScript/jQuery в WordPress. Все плагины WordPress, которые я видел, либо бесполезны, либо плохи, либо портят весь сайт. Поэтому я не хочу их использовать.

Мне бы хотелось, чтобы на этом сайте была плавная прокрутка при нажатии этих оранжевых кнопок ("WordPress Sivut" и "Kodatut Sivut"). Или, если вы перейдете в самый низ сайта, вы увидите ссылку «Raccoonbox tarjoaa ilmaisen kyydin ylös» (пер. Raccoonbox предлагает бесплатную поездку наверх), которая написана в файле WordPress footer.php.

Как сделать плавную прокрутку в wordpress без плагина?


javascript wordpress jquery smooth-scrolling
person Konstantin Nikkari    schedule 10.12.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Wordpress обычно загружает jquery по умолчанию. На указанном вами сайте используется jquery 1.11.3. Если вы откроете header.php, вы можете добавить туда скрипт плавной прокрутки или добавить его в свой файл functions.php, что является предпочтительным подходом.

Очередь Wordpress и functions.php

Взгляните на этот сайт обучение jquery, Он создал плагин, который вы также можете скачать

person JChops    schedule 10.12.2015
comment
Извините, я не понимаю. Какой скрипт куда ставить? - person Konstantin Nikkari; 10.12.2015
comment
Скачайте скрипт по ссылке выше. Загрузите скрипт в папку js вашей темы (если у вас нет папки с именем js, вы можете создать ее, например, wp-content/theme/yourtheme/js/jquery-smoothscroll.min.js). Если вы откроете functions.php, вы можно добавить code ‹?php function my_scripts_method() { wp_enqueue_script('smooth-scroll', get_stylesheet_directory_uri(). '/js/jquery.smooth_scroll.js', array('jquery'), '1.5.6', TRUE); ); } add_action('wp_enqueue_scripts', 'my_scripts_method'); ?› code - person JChops; 11.12.2015