1С- БИТРИКС. Внедрение верстки в шаблоны 1С-Битрикс, принципы размещения общих шаблонов

1.

1С- БИТРИКС
Внедрение верстки в шаблоны 1С-Битрикс,
принципы размещения общих шаблонов

2.

Шаблон страницы
В 1С-Битрикс можно создавать пользовательские
шаблоны страниц с уникальной версткой. В этом уроке
мы попробуем перенести верстку из HTML файла в 1СБитрикс

3.

Расположение шаблонов
Откроем место хранения шаблонов в административной
панели, создадим новый шаблон.

4.

Создание нового шаблона
Создадим новый шаблон, рабочую область заменим
#WORK_AREA#

5.

Правила верстки шаблона
• Над #WORK_AREA# размещаем шапку верстки
• Под #WORK_AREA# размещаем подвал
• Можно редактировать в административной панели, но
не нужно.

6.

Откроем директорию с нашим
шаблоном

7.

Редактирование шапки шаблона
• Перенесем в файл header часть верстки до
контентной области
• Внесем в шаблон ряд изменений
• Создадим языковые файлы шаблона и подключим их
в шаблоне
• Перенесем директории со скриптами, картинками и
файл стилей

8.

Файл header после изменений

9.

Редактирование подвала шаблона
Отредактируем файл footer следующим образом:

10.

Подключение шаблона
• Внизу параметров сайта мы настраиваем
отображение шаблонов

11.

Общие правила для шаблонов
верстки
• Не вносить в шаблон контентную область
• Размещать общие ресурсы шаблонов в папке .default
• Не плодить лишние шаблоны страниц если это не
нужно

12.

Практическое задание
• Создать 2 шаблона сайта для главной и внутренних страницы.
Верстка для внедрения в материалах к уроку. Для создания
шаблона внутренних страниц взять файл page.html, для главной
index html
• Настроить отображение: шаблон главной только для главной
страницы, для всех остальных шаблон внутренних.
• Разделить верстку на header и footer
• В header и footer добавить подключение языковых файлов.
• Файлы стилей, скрипты, изображения должны быть одни для
двух шаблонов, размещены в шаблоне .default

13.

Итоги урока
Сегодня мы научились:
• Переносить верстку в шаблон
• Создавать языковые файлы для шаблона
• Использовать общие элементы для шаблонов
• Настраивать отображение шаблонов