Создание WordPress Темы (Шаблона) с нуля — Урок 9 Создание пагинации

Автор Denis Lisitsin
Создание WordPress Темы (Шаблона) с нуля — Урок 9 Создание пагинации

Приветствую вас в следующем уроке видеокурса по создание темы для WordPress и мы продолжаем нашу серию видеоуроков в сегодняшнем видеоуроке мы будем пламя реализовать пагинацию да.

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

Давайте перейдём в кон, а здесь в настройках settings.

У нас есть пункт 1 здесь у нас есть Block page Show it must то есть сколько постов показывает на одну страницу на данный момент если вы помните из прошлого урока у нас на 3 поста. А я добавлять новый не буду, а просто здесь установила единичку. Да один пост на одну страницу соответственно нас будет три страницы так. Давай перейдём обратно на сайт мы будем реализовывать нашу пагинацию с помощью функции. Я нашёл её на гитхабе bootstrap WordPress pagination. А вы можете из конечно же стандартную функцию WordPress pagination, но она нам не подходит так как у нас здесь есть цифры стандартная функция выводит только на следующий пост и предыдущий функции. Да вы можете использовать ещё плагины. Если вы делаете тему для себя и не будет нигде она распространяться продаваться заливаться. Но вообще я не рекомендую с помощью плагина так как — это совсем для обычных пользователей которые вообще не понимают не в PHP не вордпрессе не в программировании. А давайте перейдём файла пагинации. А кстати ссылку на репозиторий где лежит функция приложу под видео так копируем переходим functions.php и вставляем так пропишем комментарии паджинация, а ещё я хотел бы вам рассказать я тут не исправила нашу функцию по выводу хлебных крошек я нашёл здесь два как. Бага — это в этом месте, а я не закрыл tyga и не вернул вторичному в тыкве. Витя написал этот комментарий в Excel Close I and I live at Live. А я также приложу всю тему которая есть на данный момент после урока в комментариях вы сможете скачать свежую версию этой функции и так первое, что мы — это переменную в функцию а. Удали mvp bootstrap и сделаем. ВВП тут всегда переименовывать и функции. Если вы используете какие-то сторонние не оставлять в оригинальном названии. Если только — это не большой. Какой — это класс или функцию плагина. Потому, что если вы будете использовать тему для заливки. Новоалтайск репозиторий вас всё равно обязует функция с префиксом для темы. Так давайте мы перейдём в index.php и посмотрим на разметку нашей пагинации осмотреть здесь есть главный div с классом на Explay съесть. ЛПС класса смотрела лежит. Спан это. Для активного у нас элемента и. Оса ссылкой для следующих страниц также не всех общий. Класс всё класс page Maker. Давайте перейдем функцию и посмотрим, что здесь в параметрах дефолтных мы можем главного разметку. Здесь также идет гиф и так мы возьмём и поменяем классы goodeva будет Next Page Take A Way Live page Numbers на место положи всё поменяли дальше у нас походу здесь приводятся ссылки также белой и хлеб активного элемента здесь класса этих за место ссылки. Спан очень похожа на нашу пагинацию. Давайте теперь ссылкам зададим класс полёт на. Марс посмотрим где здесь есть ссылки а. Вот ссылка у нас первое так задали класс ещё внизу также есть ссылка лично здесь и вверху так она у нас тоже печь намберс и керон класс поменяем вот так, а также мы забыли здесь ещё в этом HiFi так в этой ссылке всё вроде бы всем ссылкам задали нужны класса и. Давайте взглянем на результат на данный момент так. Обнови страницу ничего не вывелось так как мы не вызвали функцию в нужном месте — это естественно. Давайте вызовем здесь функцию. А я пока не буду комментировать этот HTML чтобы мы посмотрели. На, что похожи ли наша pagination осмотрим. У нас есть определенные различия — это нолик перед цифрой и после Next. У нас есть ссылка на. Ласт — это чтобы перейти на последнюю страницу. Давайте проверим работоспособность перейдём на третью страницу видим поменялся нас урод PS3 и здесь статья о pagination работает отлично, а следующие давайте мы берём эти последние First Last в принципе. Можно оставлять она в макете. У нас их нет и поэтому я бы убрал. Да чтобы больше соответствовала макету так они у нас здесь выводятся от в этом месте видим да идёт здесь. Последняя страница проверка если она есть. И вот этот кот отвечает. Просто берем и удаляем и также верху есть First page удаляем отлично. А теперь давайте изменим, а цифры здесь получается в куриный фарш. У нас сейчас первая страница. Да у нас 1 кирпич разводится с ноликом здесь сразу видно нам нужно передать в остеопат вторым параметром 1 видеоролик убрался и здесь брать 200 в этом месте. Там где водится номера страниц. Всё теперь понимался нас выглядит точно также. Давайте перейдем на первую страницу видим до одинаково принципе просто здесь четыре страницы и поэтому немножко различается так. Давайте удалим код удаляемого он нам больше не понадобится нажимаем сохранить обновляем страницу. Всё пониматься у нас работает, а теперь у нас уже более-менее полноценный функционал присутствует на главной странице и следующее, что останется сделать — это Footer и свадьба с виджетами. Но — это мы уже будем реализовывать в следующих видео уроках на этом. У меня всё. Если вы смотрите — это видео на моём канале впервые и не подписаны на канал обязательно. Подписывайтесь также оставляйте комментарии и ставьте лайки. Выражайте свое мнение о встрече Пока.

0 комментариев
0

Читайте также