Самое прекрасное — это когда нужна поддержка сайта, а ты сидишь с телефоном
в руке и ЗНАЕШЬ, чей номер набрать! т. +7 831 4637611 моб. +7 910 3820622
WhatsApp +7 953 5571863 Skype aitishnik
Айтишник РУ Нижний Новгород, Симферопольская, 21 ПН-ПТ 08 - 18
A+ A A-

Навигация материалов (страниц) в Joomla 2.5

В процессе наполнения сайта информационными материалами владельцы Интернет-ресурсов начинают обращать внимание на навигацию страниц. В первую очередь это владельцы интернет-магазинов, работающих на Virtuemart, новостных порталов – тех сайтов, которые быстро наполняются информацией. Дело в том, что в Virtuemart да и в Joomla вообще навигация по страницам выглядит не совсем так, как хотелось бы. В стандартном варианте это выглядит так: <<Первая < Предыдущая 1 2 3 4 Следующая > Последняя>>. Для тех, кого не устраивает такое положение дел написана эта статья.

Я опишу свой вариант настройки навигации.

Joomla навигация

Те, кому нужен другой вид, смогут по крайней мере понять, что и где надо изменить для того, чтобы настроить навигацию материалов в Joomla по-своему. Так как в Virtuemart да и вообще в Joomla пока нет специальных настроек изменяющих вид навигации, придется изменить некоторые файлы. В деле настройки навигации материалов можно пойти двумя путями: править общий для всего сайта файл pagination.php, расположенный в корень_сайта/libraries/joomla/html/ или настроить навигацию только для текущего шаблона. Мы пойдём по второму пути, так как в этом случае наши настройки не будут «затираться» при обновлении Joomla. Для достижения цели нам нужно скопировать файл pagination.php в директорию корень_сайта/templates/шаблон/html/. Но копировать мы будем не общий файл pagination.php, о котором говорилось выше, а вот этот – он полегче. Скопировали? Начинаем редактировать.
Находим и убираем символы << и >>, а так же надписи «Первая», «Предыдущая», «Следующая», «Последняя». Для этого находим функцию pagination_list_render и комментируем следующие строки:

function pagination_list_render($list)
{
    $html = "<div class=\"page_navi\">\n";
    //$html .= "<span>";
    //$html .= '<span>&laquo;</span>'.$list['start']['data'];
    //$html .= $list['previous']['data'];
    foreach( $list['pages'] as $page )
    {
        if($page['data']['active']) {
            $html .= '<strong>';
        }
        $html .= $page['data'];
        if($page['data']['active']) {
            $html .= '</strong>';
        }
    }
    //$html .= $list['next']['data'];
    //$html .= $list['end']['data'];
    //$html .= '<span>&raquo;</span>';
    //$html .= "</span>";
    $html .= "\n</div>";
    return $html;
}

 

Теперь настроим внешний вид, используя таблицу стилей нашего шаблона. Обычно файл таблицы стилей шаблона находится здесь: корень_сайта /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. Подстраиваем цвета, размеры и отступы под дизайн своего сайта. Сохраняем изменения и обновляем страницу. Теперь на сайте навигация настроена по вашему вкусу.

Помните, что у нас вы можете не только купить готовый сайт или заказать его разработку, но и подобрать подходящий тариф поддержки сайта, заказать продвижение сайта в поисковых системах, а так же зарегистрировать домен в одной из двухсот доменных зон и выбрать недорогой тариф хостинга! Айтишник РУ

Об авторе:

ZolkinМеня зовут Андрей Золкин. Из более, чем пятнадцати лет работы в сфере информационных технологий, десять лет работаю с системами, базирующимися на открытом исходном коде. На страницах сайта Aitishnik.Ru веду блоги по CMC Joomla и Debian GNU/Linux.

 

Ещё статьи о Joomla 2.5

    • Материалы в Joomla 2.5. Материалы (Статьи)...

      Материалы в Joomla 2.5. Материалы (Статьи)...В этой статье мы продолжим разговор о материалах в Joomla 2.5. В предыдущих статьях о материалах в Joomla мы говорили об общих сведениях и о категориях. В этой статье поговорим о собственно материалах. В предыдущих версиях Joomla эта сущность называлась статьи. На мой взгляд, это было...

    • Восстановление сайта на Joomla 2.5

      Восстановление сайта на Joomla 2.5В этой статье мы рассмотрим восстановление сайта под управлением Joomla 2.5 из резервной копии созданной, компонентом Akeeba Backup. Для восстановления сайта нам потребуются: последняя резервная копия и скрипт Akeeba Kickstart с сайта Akeeba Backup. Нам не...

    • Установка Joomla 2.5

      Установка Joomla 2.5Установка Joomla 2.5 довольно проста и не занимает много времени. В этой статье рассматривается установка CMS Joomla (Джумла) в общем виде на локальный компьютер. Установка и настройка вэб-сервера и дополнительных программ рассматриваются в предыдущей...

    • Общие настройки сайта на Joomla

      Общие настройки сайта на JoomlaПосле установки Joomla, настройки резервного копирования, а так же знакомства с восстановлением сайта, займёмся общими настройками. В панели управления сайта кликнем на кнопке быстрого доступа «Общие настройки». Общие настройки можно ещё открыть посредством меню: Сайт -> Общие настройки. В панели общих...

    • Установка и удаление расширений в Joomla 2.5...

      Установка и удаление расширений в Joomla 2.5...В предыдущей статье мы получили общие сведения о расширениях в Joomla 2.5. Теперь самое время узнать, как устанавливать и удалять расширения. Все расширения Joomla, будь то компонент, модуль, плагин или шаблон устанавливаются и удаляются одинаково. Делается это с помощью, входящего в...

    • Материалы в Joomla 2.5 Категории

      Материалы в Joomla 2.5 КатегорииВ предыдущей статье мы познакомились с общими сведениями о материалах в Joomla. Теперь подробнее познакомимся с категориями материалов. И для этого перейдём в «Менеджер категорий». Категории материалов нужны для систематизирования информации и удобной её подачи пользователям сайта. Категории – это своего рода папки для материалов (статей). Определённая...