Блоки Ucoz
Цель урока
Знакомство с глобальными блоками $GLOBAL_AHEADER$, $GLOBAL_BFOOTER$, $GLOBAL_CLEFTER$. Обзор свойств и создание своих глобальных блоков.
Продолжим создавать шаблон интернет магазина: добавим код шапки, подвала и боковой колонки.
Что такое глобальные блоки
Глобальный блок - это своеобразная переменная, которая может содержать любой HTML-код (в том числе с CSS, JavaScript). Особенность ее в том, что мы сами решаем, какой код блок будет содержать.
Чтобы было понятнее, взгляните на изображение:
Принцип действия можно сравнить с переездом на новое место жительства: мы упаковываем вещи (HTML-код с данными) в коробки (глобальные блоки) и перевозим их в новый дом (страницы сайта). Согласитесь, переезжать с коробками удобнее?
Работать в шаблоне с глобальными блоками легче, вероятность запутаться или допустить ошибку меньше, а код выглядит стройнее. В целом, применение глобальных блоков никак не влияет на конечный результат. Это еще один инструмент для разработки, как, например, конструктор шаблонов.
Где применять глобальные блоки
Я бы отметил две области применения глобальных блоков:
- Неизменные части страниц сайта: шапка, подвал, боковая колонка
- Участки с большим количеством кода (например, слайды или галереи)
Особенность глобальных блоков в том, что они позволяют использовать $ПЕРЕМЕННЫЕ$ той страницы, на которой расположены (урок "Знакомство с переменными"). Поэтому, при использовании переменных uCoz надо быть осторожным и всегда проверять, действует ли переменная.
Глобальные блоки по умолчанию и их редактирование
На прошлом уроке мы создавали каркас нашего магазина:
Если вы выполнили упражнения к уроку, то сможете сами убедиться в наличии глобальных блоков в вашем каркасе. Панель управления - Управление Дизайном:
Было создано три (если использовался трех-колоночный каркас, то четыре) глобальных блока:
- Верхняя часть сайта, $GLOBAL_AHEADER$, "шапка"
- Нижняя часть сайта, $GLOBAL_BFOOTER$, "подвал"
- Первый контейнер, $GLOBAL_CLEFTER$, "левая колонка"
- Второй контейнер, $GLOBAL_DRIGHTER$, "правая колонка"
Нажав на один из глобальных блоков в панели управления, мы увидим форму их редактирования:
Обратите внимание, под формой находится перечень всех доступных в глобальных блоках переменных:
Но помните - в этом перечне отсутствуют переменные из шаблонов, в которых будет располагаться глобальный блок.
Создание новых глобальных блоков
Как вы наверно догадались, дело не ограничивается глобальными блоками по умолчанию, мы можем создавать свои глобальные блоки (до 10шт.).