Валюта:
$
USD ($)
EUR (€)
UAH (₴)
DKK (Dkk)
SEK (Sek)
NOK (Nok)
JPY (¥)
CHF (₣)
GBP (£)
AUD (A$)
PLN (zł)
ILS (₪)
KZT (₸)
CAD (C$)
Показати ще
Регіон:
Не вказано
США
Україна
Ізраїль
Європа
Іспанія
Казахстан
Італія
Данія
Швеція
Норвегія
Німеччина
Швейцарія
Франція
Фінляндія
Нідерланди
Японія
Великобританія
Австралія
Канада
Польща
Мальта
Не вказано
Латвія
Показати ще
SEO

Як оформити Пагінація на сайтах

Неможливо заперечувати, що пагінація на веб-сайтах безперечно полегшує наше життя. Саме завдяки цій функції ми можемо плавно переходити з однієї сторінки на іншу, наприклад у блозі. Ми закінчуємо читати перші – допустимо – десять записів, завантажуємо наступні десять, наступні і так далі.

662
203
Здавалося б, використання пагінації - справа дріб'язкова, що займає не більше хвилини, і на цьому все. Або ж він може взагалі бути відсутнім, тому що, наприклад, тема wordpress оснащена ним за замовчуванням. може бути далі від істини. Пагінацію дуже легко "відбити".

Пагінацію на сайтах можна розглядати з трьох точок зору: зручність використання, візуальне сприйняття та SEO. У цій статті будуть розглянуті лише перші два аспекти - третій залишений в резерві, тому що йому можна було б присвятити окремий і навіть досить великий текст.

Давайте перейдемо до конкретики.

Пагінація на веб-сайтах - 9 порад щодо її використання

1. Виділіть поточний сайт.

Почнемо з кліше.

Це можна зробити, застосовуючи колір безпосередньо до числа або надаючи колір фону цього числа.

Такий колір має бути унікальним для пагінації. І все це для того, щоб у користувача не виникло жодного сумніву в тому, для чого потрібна така різниця кольорів.

2. Зробіть посилання досить великими. Я знаю, що для багатьох дизайнерів пагінація здається необхідним злом. Те, що, в принципі, не має права виглядати красиво, але має бути присутнім на сторінці.

Тому вони намагаються повністю маргіналізувати його присутність, зокрема, використовуючи невеликий розмір для окремих елементів.

Це помилка. Чому?

Причина проста: кожен елемент повинен бути досить великим. Тим більше, якщо розглядаємо інтерактивний елемент, тобто. такий, який виконує дію при виборі. але коли вони зустрічаються зовсім поруч друг з одним. І тут легко помилитися, наприклад, натиснути не таку кнопку. Це ще складніше на мобільних пристроях, де легше натиснути пальцем на ту сторінку.

Загалом, зробіть посилання досить великими. Простіше кажучи.

3. Використовувати колірну схему, що відповідає веб-сайту.

Я нічого не відкриваю, стверджуючи, що пагінація на веб- сайтах повинна відповідати за кольором зовнішнім виглядом окремих сайтів. Якщо зовнішній вигляд такого сайту "вирізаний" з нуля, то навряд чи варто турбуватися про це. Однак багато людей використовують деякі готові плагіни (у випадку з WordPress) або інші доповнення, які нав'язують заздалегідь певний стиль.

Однак у таких випадках не забудьте змінити стиль так, щоб він гармонійно поєднувався з рештою вашого сайту.

4. Створіть досить великий інтервал між посиланнями на окремі сторінки. Цей пункт є деяким продовженням думки, викладеної в другому пункті. .

Погляньте на зображення нижче:

Особливі посилання здаються правильного розміру, але відстань між ними, однак, занадто мала.

К На жаль, немає чіткої відповіді на питання, наскільки більшим має бути відступ між елементами. Покладайтеся на інтуїцію, коли намагаєтеся знайти золоту середину.

5. Обмежити кількість доступних сторінок.

Іноді в різних блогах можна зустріти "потвори".

<Більше того, уявіть собі цей вид на мобільних пристроях, де в одному ряду поміститься, наприклад, тільки 8 штук. Тоді вся пагінація матиме воістину колосальний розмір, оскільки шість рядів елементів майже зливатиметься один з одним. читачі орієнтовані на конкретну, дуже точну сторінку.Якщо ви дійсно хочете відобразити всі сторінки відразу, найкраще подавати їх у вигляді, наприклад, будь-якого меню. У будь-якій іншій ситуації обслуговування сторінок для користувачів з фіксованим інтервалом, наприклад, кожні десять сторінок, буде працювати добре.

6. Додати посилання, такі як "наступний", "попередній", "перший", "останній".

У попередньому пункті я згадав, що небагато читачів націлюються на конкретну, дуже точну сторінку. попередня чи наступна сторінка, а можливо, перша чи остання. Саме ці чотири функціональні типи сторінок серед пагінації ми використовуємо найчастіше. Запитання: чи краще використовувати словесні позначення, чи краще обмежитися тільки цифрами? Слова в принципі завжди будуть максимально інтуїтивними. Однак недоліком є ​​те, що вони займають значно більше місця в порівнянні з цифрами. Тому все справа в тому , щоб правильно оформити пагінацію, використовуючи лише цифри. Якщо окремі посилання зрозумілі й однозначні для використання, можна сміливо замінювати ними слова.

7. Відшліфувати так званий slug в URL-адресах.

Пагінація на веб-сайтах обов'язково створює додаткові посилання у вигляді:

  • page.com/blog/page/2/
  • page.com/blog/page/3/
  • page.com/blog/page/4/
  • і т.д.

Я знаю, що багато людей не заперечують проти англійських вставок слова " page", які найчастіше генеруються різними CMS та доповненнями.

Однак давайте подумаємо ось про що: якщо на заміну "сторінки" на "сайт" піде буквально дві хвилини, можливо, це все-таки варто зробити? Зрештою, найчастіше ми маємо лише сторінки польською мовою, тому використання слова "сторінка" у таких випадках просто недбало.

Якщо ви використовуєте WordPress, то ви можете помістити наступний код у файл functions.php:

if ( ! function_exists( 'page_strona' ) )

{

register_activation_hook( __FILE__ , 'flush_rewrite_init' );

register_deactivation_hook( __FILE__ , 'flush_rew>

add_action( 'init', 'page_strona' );

function page_strona()

{

global $wp_rewrite;

$wp_rewrite->pagination_base = 'strona';

$wp_rewrite->author_base = 'autor';

}

function flush_rewrite_init()

{

add_action( 'init', 'flush_rewrite_rules', 11 );<

}

}

Завдяки цьому серед посилань на вашому сайті не тільки "сторінка" за замовчуванням WordPress, але і "автор" придбають свої польські еквіваленти. увагу на плагін WP-PageNavi.

Залишаючись вище згаданої CMS, про пагінацію повністю подбає плагін, згаданий у заголовку цього розділу, а саме WP-PageNavi.

З його допомогою ви можете легко встановити мітки для всіх функціональних сторінок ("перша", "остання", "наступна", "попередня" та багато інших), а також налаштувати кілька інших дуже корисних опцій.

Ви також можете використовувати CSS, підготовлений авторами, хоча, звичайно, ви можете залишитися і зі своїм власним.

Реалізація полягає в тому, щоб просто вставити відповідний рядок у шаблон вашої теми.

9.Як щодо так званого нескінченного прокручування?

Це рішення, з яким ви стикаєтеся щодня, наприклад, у Facebook .

Коли ви прокручуєте сторінку в самому низу перегляду серед новин, у вас немає кнопки "наступна сторінка", але вміст завантажується динамічно під нею. Для деяких сайтів це неймовірно корисно, тому що позбавляє необхідності вручну завантажувати. сторінку за сторінкою. Перегляд контенту стає просто безшовним.

Тому подумайте, чи буде функція нескінченного прокручування корисна на вашому сайті. Якщо ви вважаєте, що так, зв'яжіться з людиною, відповідальною за технічні аспекти вашого сайту, щоб реалізувати це рішення.

Чи є пагінація на веб-сайтах обов'язковою умовою?

Головною метою має стати максимально плавне, швидке та інтуїтивно зрозуміле вивчення користувачами вмісту вашого сайту. Якщо він містить багато повторюваних типів контенту (наприклад, пости в блозі), то, ймовірно, у нього також є сторінки, які об'єднують їх в єдине ціле (наприклад, головна сторінка блогу). Саме тут має відбуватися пагінація або нескінченне прокручування, згадане в дев'ятому пункті. Сподіваюся, завдяки цій статті в блозі , пагінація на веб-сайтах не буде для вас занадто великою загадкою.

ДІЗНАЙТЕСЯ ЯК ОТРИМАТИ САЙТ ІЗ ЗНИЖКОЮ
Залиште свої дані та наші оператори передзвонять вам, щоб розрахувати вартість та погодити знижку спеціально для Вас
Статті
Публікації у нашому блозі

Якщо Вам цікаво дізнатися більше на тему "як оформити пагінація на сайтах", спеціально для Вас ми зробили добірку корисностей з нашого блогу.

всі статті
Є ідеї, але не знаєте, з чого почати?

Дайте відповідь на кілька запитань в онлайні і ми підкажемо!

Бриф – це коротка інформація про Ваш проект. Заповнивши онлайн-бриф на нашому сайті - ви заощадите час і позбавитеся від непотрібних розмов!

Дізнайтесь вартість проекту онлайн! ?
Дайте відповідь на кілька питань і дізнайтеся скільки коштує розробка Вашого сайту!
заповнити бриф
Дізнайтесь як вийти в ТОП у 2021! ?
Дайте відповідь на кілька запитань ОНЛАЙН і дізнайтеся, що потрібно, щоб Ваш сайт вийшов у ТОП !
заповнити бриф