Навігація матеріалів, сторінок в Joomla
В процесі наповнення сайту інформаційними матеріалами власники Інтернет-ресурсів починають звертати увагу на навігацію сторінок. В першу чергу це власники інтернет-магазинів, що працюють на Virtuemart, новинних порталів - тих сайтів, які швидко наповнюються інформацією. Справа в тому, що в Virtuemart та й в Joomla взагалі навігація по сторінках виглядає не зовсім так, як хотілося б. У стандартному варіанті це виглядає так: << Перша <Попередня 1 2 3 4 Наступна> Остання >>. Для тих, кого не влаштовує такий стан справ написана ця стаття.
Ті, кому потрібен інший вид, зможуть принаймні зрозуміти, що і де треба змінити для того, щоб налаштувати навігацію матеріалів в Joomla по-своєму. Так як в Virtuemart та й взагалі в Joomla поки немає спеціальних налаштувань змінюють вигляд навігації, доведеться змінити деякі файли. У справі настройки навігації матеріалів можна піти двома шляхами: правити загальний для всього сайту файл pagination.php, розташований в корень_сайта / libraries / joomla / html / або налаштувати навігацію тільки для поточного шаблону. Ми підемо іншим шляхом, так як в цьому випадку наші настройки не будуть «затирається» при оновленні Joomla. Для досягнення мети нам потрібно скопіювати файл pagination.php в директорію корень_сайта / templates / шаблон / html /. Але копіювати ми будемо не загальний файл pagination.php, про який говорилося вище, а ось цей - він легше. Скопіювали? Починаємо редагувати.
Знаходимо і прибираємо символи << і >>, а так же написи «Перша», «Попередня», «Наступна», «Остання». Для цього знаходимо функцію pagination_list_render і коментуємо такі рядки:
Тепер налаштуємо зовнішній вигляд, використовуючи таблицю стилів нашого шаблону. Зазвичай файл таблиці стилів шаблону знаходиться тут: корень_сайта / templates / папка_шаблона / css /. Він може називатися template.css, style.css і т. Д. Відкриваємо його і додаємо в кінець кілька стилів:
/ * Навігація по статті з aitishnik.ru * / .page_navi {font-size: 14px; / * Розмір шрифту * / font-weight: bold; / * Товщина шрифту * /} .page_navi span {width: 25px; / * Ширина рамки активної сторінки * / height: 25px; / * Висота рамки активної сторінки * / border: 2px solid # ff9900; / * Рамка активної сторінки * / -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; margin: 0 2px; color: #ffffff; / * Колір шрифту активної сторінки * / background-color: # 336633; / * Колір фону * / padding: 1px 0 0 0; } .Page_navi a {width: 25px; / * Ширина рамки неактивній сторінки * / height: 25px; / * Висота рамки неактивній сторінки * / border: 1px solid # 000000; / * Колір рамки неактивній сторінки * / -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; margin: 0 2px; color: # 57a480; / * Колір шрифту неактивній сторінки * / background-color: # 336633; / * Колір фону * / font-weight: bold; padding: 1px 0 0 0; } .Page_navi a: hover {color: # ff9900;}Це приклад оформлення, він адаптований до сайту aitishnik.ru. Підстроюємо кольору, розміри і відступи під дизайн свого сайту. Зберігаємо зміни і оновлюємо сторінку. Тепер на сайті навігація налаштована на ваш смак.
Про автора:
Мене звати Андрій Золкін . З більш, ніж п'ятнадцяти років роботи в сфері інформаційних технологій, десять років працюю з системами, що базуються на відкритому вихідному коді. На сторінках сайту Aitishnik.Ru веду блоги по CMC Joomla і Debian GNU / Linux.