Новости

Как правильно применять в JavaScript асинхронные функции: примеры работы с ES 2017
От автора: возможность писать на JavaScript асинхронные функции является важным обновлением в ES2017. Что такое асинхронные функции? Асинхронные функции — это функции, которые возвращают promise. Мы

WordPress JavaScript — как правильно подключить файл скрипта к шаблону сайта
Использование в шаблонах WordPress JavaScript скриптов давно стало обычным делом. Их подключение возможно несколькими способами, начиная с классического варианта с использование голого HTML. Но чтобы все

Как исправить JavaScript error "ВКонтакте"? Что делать при ошибках JavaScript в "ВКонтакте"?
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Правильное использование Tor Browser
Tor Browser полностью анонимен – Миф или реальность? Многие считают, что Tor — это полностью анонимное и безопасное средство для интернет-серфинга, которое не дает никому возможность контролировать то,

Javascript error object is not a function вконтакте как исправить
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Как исправить ошибку javascript error вконтакте
На сегодняшний день «Вконтакте» является наиболее удобным русскоязычным ресурсом, который представляет собой не только крупнейшую социальной сеть, но и сервис для просмотра видео и прослушивания аудиозаписей.

Что такое JavaScript и для чего он используется?
Подробности декабря 10, 2015 Просмотров: 20225 В интернете миллионы веб-страниц,

Практика javascript синтаксис написания
Javascript — это язык программирования, который активно используется для построения динамических веб страниц. Собственно с этой целью он и был изобретен. У нашего с вами языка еще есть такое интересное

JavaScript учебник
Код функций в JavaScript начинает выполнение после их вызова. Функции являются одним из наиболее важных строительных блоков кода в JavaScript. Функции состоят из набора команд и обычно выполняют

Рекомендации решившим начать изучать JavaScript
Если вы решили начать изучать JavaScript , то эта статья для вас. Надеюсь, что её прочтение избавит вас в будущем от множества ошибок и сделает его изучения более простым, быстрым и эффективным. В статье

Постраничная навигация без плагина WordPress

Опубликовано: 01.09.2018

видео Постраничная навигация без плагина WordPress

Постраничная навигация. Виды и способы создания

На каждом сайте имеется постраничная навигация она служит для разбивки страниц и удобства перемещения по ним. Во многих темах WordPress изначально присутствует стандартная навигация (Следующая страница, Предыдущая страница) это довольно устаревший способ разбивки страниц. Есть другой вариант — использовать специальные плагины (к примеру, WP-PageNavi ). Но зачем устанавливать лишний плагин, когда можно воспользоваться встроенной функцией WordPress paginate_links(). Она отлично справляется со своей работой и очень легко устанавливается.


Постраничная навигация Wordpress без плагина - Константин ХМелев

Установка.

1-й шаг.

Откройте файл functions.php и в конце перед знаком ?> добавьте следующий фрагмент кода.

function paginate() { global $wp_query, $wp_rewrite; $wp_query->query_vars['paged'] > 1 ? $current = $wp_query->query_vars['paged'] : $current = 1; $pagination = array( 'base' => @add_query_arg('page','%#%'), 'format' => '', 'total' => $wp_query->max_num_pages, 'current' => $current, 'show_all' => False, 'type' => 'list', 'next_text' => 'Далее', 'prev_text' => 'Назад' ); if( $wp_rewrite->using_permalinks() ) $pagination['base'] = user_trailingslashit( trailingslashit( remove_query_arg( 's', get_pagenum_link( 1 ) ) ) . 'page/%#%/', 'paged' ); if( !empty($wp_query->query_vars['s']) ) $pagination['add_args'] = array( 's' => get_query_var( 's' ) ); echo paginate_links( $pagination ); }

2-й шаг.

Добавляем стили для постраничной навигации открываем файл style.css и прописываем стили.

/* Pagination */ ul.page-numbers { margin: 20px 0 10px; width: 100%; padding: 0; font: bold 15px monospace; line-height: normal; clear: both; float: left; } ul.page-numbers li { float: left; list-style-type:none; } ul.page-numbers a, ul.page-numbers span { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background:#fff; box-shadow: 0 0 2px #737373; padding: 3px 7px 2px; margin: 2px; text-decoration: none; color: #F15F5F; } ul.page-numbers a:hover, ul.page-numbers span.current { background: #F15F5F; color: #fff; }

3-й шаг.

Выводим навигацию для этого нужно в файле index.php , archive.php , search.php добавить код.

Куда именно добавить? Туда где хотите видеть навигацию поэтому определяйтесь сами.

Результат.

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

Больше информации о функции можете узнать в кодексе: codex.wordpress.org/Function_Reference/paginate_links

Источник: Bavotasan.com

rss