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

Навигация материалов (страниц) в 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») я вкратце описывал использование текстовых редакторов. Возможности этих редакторов на 99% покрывают потребности пользователей Joomla. Но иногда их возможностей не хватает или лучше воспользоваться специальными расширениями. Допустим, что в статью...

    • Маленький шаг в безопасность Joomla 2.5

      Маленький шаг в безопасность Joomla 2.5Как известно, всегда есть, мягко говоря, любопытные люди, так и мечтающие «поколдовать» в чужой админке. В Joomla админка, она же панель управления, располагается по адресу: http://наш_сайт/administrator/. Так вот в целях безопасности лучше поменять адрес входа в панель...

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

      Навигация материалов (страниц) в Joomla 2.5...В процессе наполнения сайта информационными материалами владельцы Интернет-ресурсов начинают обращать внимание на навигацию страниц. В первую очередь это владельцы интернет-магазинов, работающих на Virtuemart, новостных порталов – тех...

    • Joomla 2.5

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

    • Социальные кнопки в Joomla 2.5

      Социальные кнопки в Joomla 2.5В этой статье я расскажу, как разместить на сайте под управлением Joomla кнопки социальных сетей или социальные кнопки. Хотя споры по поводу социальных кнопок всё не утихают, я для себя сделал выбор – кнопки социальных сетей нужны на сайте. Есть шанс, что добавится определённая...

    • Материалы в Joomla 2.5 Избранные

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