Вадим Интерактивный
Разработчик на Битриксе

Шаблон сайта 1C-Bitrix

В этой теме рассмотрим основные особенности при создании шаблона сайта в CMS 1С-Битрикс.
Будем полагать что вы знаете html разметку страницы, понимаете что такое шаблон сайта и обладаете достаточными знаниями php и css, потому вдаваться в подробности создания шаблона я не буду, а расскажу лишь особенности битрикса в этом плане.

Итак начнем:

Первое, на что стоит обратить внимание - это то, что битрикс создает новый шаблон в папке /bitrix/tepmlates/<Идентификатор_шаблона>/.
Внутри этой папки можно найти файлы header.php и footer.php(о них мы поговорим чуть позже), а также файл с описанием шаблона и дополнительные файлы стилей и js скриптов, присущие только этому шаблону.
Шаблонов может быть великое множество, и для конкретных разделов/страниц могут подключаться разные шаблоны сайта.
Задать правило подключения можно в админке, на странице настройки сайта: 
Администрирование -> Настройки -> Настройки продукта -> Сайты -> Список сайтов, выбираем сайт и ищем заголовок "Шаблон", под ним можно выбрать шаблон и задать ему правило.
Грубо говоря, страница сайта строится из подключаемого шаблона и самой страницы, а точнее это можно изобразить так: header.php + WORK_AREA + footer.php, где WORK_AREA - страница сайта.

Теперь рассмотрим основные api функции, которые необходимо использовать при создании шаблона сайта:

1) ShowTitle($titleNme, $stripTags) - выводит заголовок страницы, имеет 2 параметра:
$titleNme - тип заголовка, который стоит выводить. По умолчанию 'title'.
$stripTags - удалять ли html теги в заголовке, по умолчанию true.

Пример вызова:
$APPLICATION->ShowTitle()
Стоит вызывать в тегах <title> и <h1>.

2) ShowHead() - подключает ядро, выводит специальные мета теги, description и keywords, подключает файлы стилей и js скриптов битрикса, а также дополнительные файлы стилей и js скриптов, заданные через функции SetAdditionalCSS и AddHeadScript.
Необходимо вызывать в теге <head>, пример вызова:
$APPLICATION->ShowHead()

3) SetAdditionalCSS() - устанавливает дополнительный сss файл для страницы сайта.
Пример вызова:
$APPLICATION->SetAdditionalCSS('/css/test.css')

4) AddHeadScript() - устанавливает дополнительный js файл для страницы сайта.
Пример вызова: 
$APPLICATION->AddHeadScript('/js/test.js')

5) ShowPanel выводит битриксовую панель для администратора сайта, желательно подключать в самом начале тега <body>.
Пример вызова: 
$APPLICATION->ShowPanel()

На этом все, более подробное описание функций вы сможете найти в официальной документации api функция для разработчика.
Спасибо за внимание, желаю удачи!