✅ Новости WEB и WordPress, темы, плагины. Здесь мы делимся советами и лучшими решениями для веб-сайтов.

Как использовать клавиши со стрелками на клавиатуре для навигации по сообщениям WordPress?

49

Иногда вам может понадобиться предоставить посетителям возможность быстро переходить к следующим или предыдущим сообщениям с помощью клавиш со стрелками на клавиатуре. Вы можете разместить ссылки навигации в посте, но клавиатура всегда быстрее, чем мышь!

Основные функции, на которые мы полагаемся при разработке этой функции: get_adjacent_post, get_previous_posts_page_link и get_next_posts_page_link.

Если вы хотите исключить страницы (например, домашнюю страницу, категории, теги, архивы), вы можете использовать get_adjacent_post для получения ссылок на следующую/предыдущую публикацию.

Добавьте следующий код PHP в файл шаблона single.php дочерней темы :

document.onkeydown = function (e) {
    var e = e || event, 
    keycode = e.which || e.keyCode; 
    if (keycode == 37 || keycode == 33)
        location = "<?php echo get_permalink(get_adjacent_post()); ?>";
    if (keycode == 39 || keycode == 34)
        location = "<?php echo get_permalink(get_adjacent_post()); ?>";
}

Если страницы также включены, вам нужно использовать get_previous_posts_page_link и get_next_posts_page_link для получения соседних сообщений/страниц.

document.onkeydown = function (e) {
    var e = e || event,
    keycode = e.which || e.keyCode; 
    if (keycode == 37 || keycode == 33)
        location = "<?php echo get_previous_posts_page_link(); ?>";
    if (keycode == 39 || keycode == 34)
        location = "<?php echo get_next_posts_page_link(); ?>";
}

Источник записи: helloacm.com

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее