Главная > Руководство разработчика > Настройка дизайна шаблона > Настройка структуры страницНастройка структуры страниц на шаблоне Визуальные зоны шаблона Встроенный шаблон в WebDirector может состоять максимум из 9 зон (или областей).
Для любого конкретного шаблона можно настроить использование этих 9 зон - для этого устанавливается или снимается флажок в колонке видимости, с символом "глаза" вверху (кроме основной страничной зоны 7 которую нельзя отключить).
Для каждой зоны выбирается ее наполнение - предопределенное (из выпадающего меню) или произвольное (задается в редакторе зоны - кнопка "Редактировать"). Например, в выпадающем меню можно выбрать наполнение зоны: горизонтальное меню, вертикальное меню, изображение, текст; а так же: карта сайта, форум, список товаров интернет-магазина, корзина магазина и т.д.
Не для всех зон можно выбрать любое наполнение - для каждой зоны есть технологические ограничения по выбору.
После настройки наполнения зон необходимо нажать кнопку "Сохранить". Ниже вид интерфейса "СТРУКТУРА СТРАНИЦ НА ШАБЛОНЕ", как ее видит пользователь, зашедший в систему с настройками "для продвинутого".

Для пользователя выбравшего при входе в систему настройки "для новичка" интерфейс будет вынлядеть проще:

Для "новичка" каждой зоне жестко присвоено наполнение, которое чаще всего встречается у веб-сайтов: зона 1 - верхняя полоска, в которой, чаще всего, выводится меню "главная", "контакты", "карта сайта"; зона 2 - зона в шапке сайта слева, в которой часто размещают логотип компании; зона 3 - зона в шапке сайта, где часто располают название компании; зона 4 - зона в шапке справа, где можно расположить имиджевую фотографию; зона 5 - горизонтальная полоса, в которой обычно располагают горизонтальное меню с услугами; зона 6 - зона, в которой часто располагают вертикальное меню сайта; зона 7 - зона вывода заголовка и основного контента страницы; зона 8 - вертикальная зона справа, где можно расположить ленту новостей; зона 9 - полоса снизу, где обычно размещается copyright и счетчики.
Чтобы перейти из режима "для новичка" в режим "для продвинутого" и получить возможность самостоятельного выбора наполнения зон, необходимо в разделе "настройки" > "настройки шаблонов" поставить флажок в строке "Детализированные визуальные настройки шаблонов".
Произвольное редактирование наполнения зон
В режиме "для продвинутого" для любой зоны можно выбрать в выпадающем меню наполнения зоны пункт "произвольно". При этом, правее появится кнопка "Редактировать". Нажав кнопку "Редактировать" мы попадаем в редактор зоны. Перейдя к произвольному редактированию зоны 1, содержащей "горизонтальное меню 1" мы увидим в окне редактора директиву %hmenu1%. При публикации сайта, вместо %hmenu1% будет вставлено многоуровневое горизонтальное меню 1 (о видах предзаданной, автоматически генерируемой навигации смотри здесь.

Использование директив
WebDirector позволяет в режиме произвольного редактирования вставлять в зоны и генерировать при публикации следующие элементы:
%hmenu1% - заменяется на многоуровневое выпадающее "горизонтальное меню 1";
%hmenu2% - заменяется на многоуровневое выпадающее "горизонтальное меню 2";
%vmenu% - заменяется на многоуровневое выпадающее "вертикальное меню";
%path% - заменяется на строку с путем к странице по структуре сайта (каждый иерархический уровень - кликабелен);
%body% - стандартное наполнение страницы - включает: строку с путем к странице по структуре сайта; ниже - заголовок <Н1>; еще ниже выводится содержание страницы - поле "текст";
%xbody% - стандартный контент с автоматически добавляемым каталогом ниже основного содержания;
%nest% - навигация по рубрике - включает список рубрик текущего уровня и "раскрытую" текущую рубрику со списком ее страниц и подрубрик;
%tree% - дерево сайта;
%forum_messages% - сообщения форума;
%forum_tree% - дерево форума;
%clmng_messages% - сообщения клиентов модуля "общения менеджеров и клиентов";
%linkscat% - каталог ссылок;
%linkstree% - навигацию по тематикам каталога ссылок;
%minibasket% - корзина "мини маркета";
%modified% - дата последней модификации страницы редактором;
%generated% - дата генерации страницы;
%visited% - текущая дата сервера;
Подробнее про использование директрив
Вывод каталогов и новостных лент
Кроме директив, в наполнение зон можно вставлять каталоги (понятие "каталога" смотри здесь) выводящие содержимое любых рубрик. Для вставки необходимо кликнуть на иконку каталога внизу окна редактора,
В результате появится окно выбора конкретной рубрики, содержимое которой должно быть выведено в виде каталога. После выбора рубрики, в окно будет вставлен код, который при публикации сайта будет заменен на каталог выбранной рубрики.
Например, для создания новостной ленты, выводимой на всех страницах, которым назначен данный шаблон, можно вставить вывод каталога рубрики news, где располагаются нвости - [СATALOG root_news] . При публикации на его месте появится новостная лента содержащая все новости из рубрики news.
Если мы вручную зададим дополнительный параметр - цифру 3 [СATALOG root_news 3] - то в новостной ленте будут выводиться только 3 новости из рубрики news.
Использование HTML кода при произвольном редактировании зон
При произвольном редактировании зон можно использовать все возможности HTML совмещаяя их с встроенными директивами, выводом каталогов и названиями страничных полей.

Вывод полей страниц
В шаблоне можно задать автоматический вывод для каждой страницы конкретных значений ее полей.
Например, создав отдельный шаблон для страниц Интернет-магазина, можно прописать в основной зоне 7 следующий код:
-nаme-<br> -dеsсription-<br> -priсe-<br> -picturе-<p> При публикации сайта, для каждой страницы эти названия полей будут заменены на их значения данной страницы. В результате, каждая страница будет иметь вид стандартизованной карточки с четырьмя полями.
Вставка внешних PHP скриптов
Вставка внешних скриптов осуществляется с помощью директивы REQ. Прописав в зоне код:
[RЕQ test.php]
при публикации сайта содержимое зоны будет заменено на результат выполнения скрипта test.php
• Зона 1. Горизонтальное меню 1 • Зона 2. Изображение в шапке слева • Зона 3. Область заголовка • Зона 4. Изображение в шапке справа • Зона 5. Горизонтальное меню 2 • Зона 6. Левая колонка • Зона 7. Основная колонка • Зона 8. Правая колонка • Зона 9. Нижний колонтитул
|