Скрипт постраничной навигации на php для Website X5

Перейти к контенту

Главное меню:

Скрипт постраничной навигации на php для Website X5
Все статьи → Websitex5CMS    Websitex5    
Скрипт постраничной навигации на php для Website X5

Скрипт пагинации, описанный ниже, написан на php. Соответственно, для того, чтобы он работал, ваш хостинг должен поддерживать php. В предпросмотре программы Website X5 работа скрипта не будет видна, только после выгрузки на сервер.
Задача пагинации может быть решена в версии Professional путем создания вкладок. Но для пользователей Evolution скрипт будет полезен, там функции вкладок нет.
Этот скрипт автоматически формирует  строку навигации с номерами страничек. Но разбить вашу длинную статью на части (странички) придется самостоятельно, вручную. С помощью какого скрипта и разбиение на странички сделать автоматическим я напишу позже во второй части статьи.

Предположим у вас есть длинная статья, вы ее разделили на части (странички). В проекте делаем "Уровень", а внутри уровня делаем много страниц, в каждую из котроых вставлен блок "Текст" с содержимым очередной части вашей статьи. Имена файлов этим страницам присваиваем по типу  page1 , page2 .... , page10, page11 .... Т.е. все имена файлов имеют одинаковый префикс (в данном случае page), за которым следует номер. Если захотим сделать другой префикс - это может быть настроено в коде скрипта путем изменения переменной $pref.
Тип (расширение) этих файлов должен быть php (устанавливается в "свойствах страницы - эксперт").


В свойствах уровня надо поставиь галку "скрыть всплывающее меню..."

Карта сайта в программе Website X5 выглядит так:



В каждую из этих страниц в том месте, где будет строка навигации, надо вставить один и тот же объект "HTML и виджеты" (делать это можно с помощью copy/paste), в котрором написать код  (скопировать из файла): 

 

 

 

Высоту в свойствах объекта выставить равную 0.

А на вкладке "эксперт - css код" этого объекта вставить такой код css (это стиль строки навигации):

.paginate {
font-family:Arial, Helvetica, sans-serif;
    padding: 3px;
    margin: 3px;
}
.paginate a {
    padding:2px 5px 2px 5px;
    margin:2px;
    border:1px solid #999;
    text-decoration:none;
    color: #666;
}
.paginate a:hover, .paginate a:active {
    border: 1px solid #999;
    color: #000;
}
.paginate span.current {
    margin: 2px;
    padding: 2px 5px 2px 5px;
        border: 1px solid #999;
        font-weight: bold;
        background-color: #999;
        color: #FFF;
    }
    .paginate span.disabled {
        padding:2px 5px 2px 5px;
        margin:2px;
        border:1px solid #eee;
        color:#DDD;
    }
.paginate    li{
        padding:4px;
        margin-bottom:3px;
        background-color:#FCC;
        list-style:none;}
.paginate    ul{margin:6px;
    padding:0px;}    

 


В корень сайта необходимо загрузить файл paginator.php
Этот файл, а также демо-проект для версии 10 Evolution находятся в архиве "исходники"

Как работает такой пагинатор можно посмотреть здесь
http://gswebsite.ru/demo/paginator/page1.php

 

 

 

X

<<пред.   след.>>

Просмотров 4259    Добавить комментарий  (1)

23.01.2016 18:47  Alina
С помощью какого скрипта можно разбить странички автоматически?

Админ:
http://gswebsite.ru/help/paginator-jquery-wbsitex5.html


 
Назад к содержимому | Назад к главному меню