Как сделать плавный скролл га якорь WP?

Для создания плавного скролла к якорю на странице WordPress при помощи JavaScript, вам понадобится несколько шагов. Ниже приведен пример кода, который демонстрирует, как это можно сделать:

1. В вашем HTML-коде добавьте якорь к элементу, к которому вы хотите выполнить плавный скролл. Например, вы можете добавить атрибут id к элементу:

<div id="my-element">Это элемент, к которому будет выполнен плавный скролл</div>

2. В вашем JavaScript-коде добавьте обработчик события клика на ссылку, которая выполнит скролл к якорю. В этом примере мы будем использовать JavaScript и jQuery:

// При клике на ссылку
$('a[href^="#"]').on('click', function(e) {
    // Отменяем стандартное поведение ссылки
    e.preventDefault();
    
    // Получаем значение атрибута href ссылки
    var target = $(this).attr('href');
    
    // Выполняем плавный скролл к якорю
    $('html, body').animate({
        scrollTop: $(target).offset().top
    }, 1000);
});

3. Сохраните изменения и перезагрузите страницу WordPress.

Теперь, если вы создали ссылку с атрибутом href="#my-element", и при клике на нее, страница будет плавно прокручиваться до элемента с id="my-element".

Обратите внимание, что в примере использована анимация на 1000 миллисекунд (1 секунда). Вы можете изменить это значение на свое усмотрение. Также проверьте, что в вашем проекте подключена библиотека jQuery, поскольку мы используем ее методы в примере.

Вот пример того, как можно реализовать плавный скролл к якорю на странице WordPress с помощью JavaScript. Надеюсь, это поможет вам достичь желаемого результата.