Polina94Antonova 01.10.2023 22:46

Как добавить кнопку 'Наверх' в WordPress?

Здравствуйте!

У меня возник вопрос по созданию кнопки "Наверх" в WordPress. Я хотел бы добавить такую кнопку на свой сайт, чтобы пользователи могли быстро вернуться к началу страницы.

Я попытался использовать следующий код в файле functions.php своей темы:


function add_scroll_to_top_button() {
    echo '<a href="#top" class="scroll-to-top-button">Наверх</a>';
}
add_action('wp_footer', 'add_scroll_to_top_button');

Однако кнопка не отображается на моем сайте. Что я делаю не так? Может быть, я должен добавить что-то еще в файле style.css?

Буду благодарен за любую помощь!

Ответы:

mark40 01.10.2023 23:10

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


function add_scroll_to_top_button() {
    echo '<a href="#top" class="scroll-to-top-button">Наверх</a>';
}
add_action('wp_footer', 'add_scroll_to_top_button');

Однако, для того чтобы кнопка отображалась правильно, вам необходимо добавить соответствующие стили в файл style.css вашей темы.

Вот пример CSS, который вы можете добавить в свой файл style.css:


.scroll-to-top-button {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    color: #000;
    font-size: 18px;
    text-decoration: none;
    transition: opacity 0.3s ease-in-out;
}

.scroll-to-top-button:hover {
    opacity: 0.7;
}

После добавления этого CSS-кода кнопка "Наверх" должна отображаться на вашем сайте.

Убедитесь, что код и стили сохранены в соответствующих файлах вашей темы WordPress. Если после этого кнопка все равно не отображается, пожалуйста, проверьте свою тему и возможные конфликты с другими плагинами.

Надеюсь, это поможет вам решить проблему с кнопкой "Наверх". Если у вас есть еще вопросы, пожалуйста, не стесняйтесь задавать.

Добавить ответ