Самое прекрасное — это когда нужна поддержка сайта, а ты сидишь с телефоном
в руке и ЗНАЕШЬ, чей номер набрать! т. +7 831 4637611 моб. +7 910 3820622
WhatsApp +7 953 5571863 Skype aitishnik
Айтишник РУ Нижний Новгород, Симферопольская, 21 ПН-ПТ 08 - 18
от 500 RUB до 200 000 RUBlogo aitishnik.ru
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. Теперь подробнее познакомимся с категориями материалов. И для этого перейдём в «Менеджер категорий». Категории материалов нужны для систематизирования информации и удобной её подачи пользователям сайта. Категории – это своего рода папки для материалов (статей). Определённая...

    • Joomla 2.5

      Joomla 2.5Здравствуйте, дорогие читатели и читательницы! Это первая статья посвящённая созданию сайтов на Joomla. И в ней я хочу рассказать о CMS Joomla!, о том для чего она нужна, о преимуществах Joomla 2.5 и об её отличиях от предыдущих версий. За читателем остаётся право согласиться с автором...

    • Установка и настройка phpMyAdmin

      Установка и настройка phpMyAdminУстановка phpMyAdmin написана по материалам сайта php-myadmin.ru. Рекомендую этот сайт всем, кто хочет разобраться во всех тонкостях работы с phpMyAdmin. Скачиваем файловый архив phpMyAdmin-3.4.9-all-languages.7z по следующей ссылке. На момент написания...

    • Настройка CAPTCHA в Joomla 2.5

      Настройка CAPTCHA в Joomla 2.5В Joomla, в версии 2.5 появилось полезное нововведение – CAPTCHA. CAPTCHA это аббревиатура, расшифровывающаяся как Completely Automated Public Turing test to tell Computers and Humans Apart. Что переводится как «Полностью автоматизированный...

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

      Общие настройки сайта на Joomla. Система...В левой части вкладки «Система» общих настроек сайта на Joomla находится группа настроек, которая называется «Настройка системы». Поле ввода «Путь к каталогу логов» содержит путь к журналам Joomla. Обращаем внимание на запись пути! Так как мы организовывали локальный хостинг...

    • Установка счетчика на сайт с Joomla

      Установка счетчика на сайт с JoomlaВ этой статье мы рассмотрим установку счетчика на сайт под управлением Joomla! 1.5 Для примера установим популярный счётчик Liveinternet. Заходим на сайт http://www.liveinternet.ru/ и кликаем на ссылке «Получить счетчик».