Приветствую, Друзья.
По ходу пройденного материала, я показал уже довольно много. Сегодня попробую собрать все ранее полученные знания вместе и создать пагинацию по внутренним страницам группы вконтакте. В этом материале, я расскажу, что такое пагинация в принципе. Здесь стоит понимать, что данное понятие никак не привязывается именно к социальной сети вконтакте. Пагинация используется так же и на других ресурсах расположенных в сети интернет. Так же в видео и в этой статье я предоставлю примеры кода реализации пагинации. Тут стоит понимать, что в предоставленных примерах, использованные ссылки на страницы и изображения вам придется заменить на свои.
Напоминаю, что в прошлом коротеньком видео я показывал, как сделать страницу в боксе. Это видео получилось по времени более объемным и с довольно большим количеством повторяющихся действий, но для запоминания материала это даже лучше.
Что такое пагинация?
Для новичков данное слово может звучать довольно не понятно и может даже страшно. Но на самом деле ничего страшного в этом понятии нет и оно довольно простое. Пагинация, это та же навигация, только предназначена для деления страниц на группы.
Предположим, что у нас есть сайт с категориями, в каждой категории по 100 записей. Думаю, не стоит объяснять, что при таком количестве записей проматывать страницу придется довольно долго, что не всегда удобно. Именно в этом случае на помощь придет пагинация, которая разделит одну большую страницу на несколько более мелких, например, по 10 записей на странице. И тогда пагинация будет состоять из 10 пунктов. Так же пагинация может быть использована в комментариях и на страницах с записями, чтобы разделить ее на составляющие для уменьшения размера страницы в высоту.
Материалы, которые могут вам пригодится при просмотре данного видео урока:
- Форматирование текста страницы группы вконтакте. В данной статье обратите особое внимание на примеры по центрированию блоков и текста.
- Как создать страницу в группе вконтакте?
- Второй способ создания страницы в группе вк.
- Как сделать ссылку вконтакте?
- Как сделать картинку ссылкой?
- Нарезка навигации вконтакте.
- Создание навигации в группе вконтаке.
Если ранее Вы пропустили рассказ о том, почему данный ВидеоКурс бесплатен, ответ Вы сможете найти здесь.
В этой статье я, как обычно предоставлю исходный код использованный в видео. Но учтите, что именно для обучения и запоминания лучше всего его писать самостоятельно, а не просто копировать.
Пример использования пагинации — Пагинация 1 (Исходный код):
<center>[[photo-68549426_326127011|40x37px;nopadding;nolink| ]][[photo-68549426_326127012|40x37px;nopadding;nolink| ]][[photo-68549426_326127005|57x53px;nopadding;nolink| ]][[photo-68549426_326127015|40x37px;nopadding|page-68549426_47117412]][[photo-68549426_326127018|40x37px;nopadding|page-68549426_47117413]][[photo-68549426_326127020|40x37px;nopadding|page-68549426_47117415]][[photo-68549426_326127022|40x37px;nopadding|page-68549426_47117416]][[photo-68549426_326127024|40x37px;nopadding|page-68549426_47117412]][[photo-68549426_326127026|40x37px;nopadding|page-68549426_47117416]]</center>
Пример использования пагинации — Пагинация 2 (Исходный код):
<center>[[photo-68549426_326127011|40x37px;nopadding|page-68549426_47117406]][[photo-68549426_326127012|40x37px;nopadding|page-68549426_47117406]][[photo-68549426_326127013|40x37px;nopadding|page-68549426_47117406]][[photo-68549426_326127006|57x53px;nopadding;nolink| ]][[photo-68549426_326127018|40x37px;nopadding|page-68549426_47117413]][[photo-68549426_326127020|40x37px;nopadding|page-68549426_47117415]][[photo-68549426_326127022|40x37px;nopadding|page-68549426_47117416]][[photo-68549426_326127024|40x37px;nopadding|page-68549426_47117413]][[photo-68549426_326127026|40x37px;nopadding|page-68549426_47117416]]</center>
Пример использования пагинации — Пагинация 3 (Исходный код):
<center>[[photo-68549426_326127011|40x37px;nopadding|page-68549426_47117406]][[photo-68549426_326127012|40x37px;nopadding|page-68549426_47117412]][[photo-68549426_326127013|40x37px;nopadding|page-68549426_47117406]][[photo-68549426_326127015|40x37px;nopadding|page-68549426_47117412]][[photo-68549426_326127007|57x53px;nopadding;nolink| ]][[photo-68549426_326127020|40x37px;nopadding|page-68549426_47117415]][[photo-68549426_326127022|40x37px;nopadding|page-68549426_47117416]][[photo-68549426_326127024|40x37px;nopadding|page-68549426_47117415]][[photo-68549426_326127026|40x37px;nopadding|page-68549426_47117416]]</center>
Пример использования пагинации — Пагинация 4 (Исходный код):
<center>[[photo-68549426_326127011|40x37px;nopadding|page-68549426_47117406]][[photo-68549426_326127012|40x37px;nopadding|page-68549426_47117413]][[photo-68549426_326127013|40x37px;nopadding|page-68549426_47117406]][[photo-68549426_326127015|40x37px;nopadding|page-68549426_47117412]][[photo-68549426_326127018|40x37px;nopadding|page-68549426_47117413]][[photo-68549426_326127009|57x53px;nopadding;nolink| ]][[photo-68549426_326127022|40x37px;nopadding|page-68549426_47117416]][[photo-68549426_326127024|40x37px;nopadding|page-68549426_47117416]][[photo-68549426_326127026|40x37px;nopadding|page-68549426_47117416]]</center>
Пример использования пагинации — Пагинация 5 (Исходный код):
<center>[[photo-68549426_326127011|40x37px;nopadding|page-68549426_47117406]][[photo-68549426_326127012|40x37px;nopadding|page-68549426_47117415]][[photo-68549426_326127013|40x37px;nopadding|page-68549426_47117406]][[photo-68549426_326127015|40x37px;nopadding|page-68549426_47117412]][[photo-68549426_326127018|40x37px;nopadding|page-68549426_47117413]][[photo-68549426_326127020|40x37px;nopadding|page-68549426_47117415]][[photo-68549426_326127010|57x53px;nopadding;nolink| ]][[photo-68549426_326127024|40x37px;nopadding;nolink| ]][[photo-68549426_326127026|40x37px;nopadding;nolink| ]]</center>