Создание шаблона
Все файлы шаблонов хранятся в директории /bitrix/templates/ или /local/templates/ , для каждого шаблона — отдельная директория. Список всех шаблонов, доступных для использования, можно посмотреть в панели управления: Настройки -> Настройки продукта -> Сайты -> Шаблоны сайтов .
Битрикс рекомендует следующую структуру для директории каждого шаблона:
- Каталог images для картинок шаблона
- Каталог include_areas для включаемых файлов
- Каталог page_templates для образцов включаемых областей
- Файл header.php часть шаблона до контента (обязательный файл)
- Файл footer.php часть шаблона после контента (обязательный файл)
- Файл description.php название и описание шаблона (обязательный файл)
- Файл .styles.php описания стилей для визуального редактора страниц
- Файл template_styles.css стили для шаблона сайта, кроме основого контента
- Файл styles.css стили для основого контента и включаемых областей
- Файл screen.gif скриншот шаблона
Но это необязательно, можно делать, как удобнее. Итак, наш шаблон имеет вид:
Сайт на Битрикс +7 (495) 123-45-67 Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Создаем в директории /local/templates директорию название_директории , а внутри нее — три каталога и четыре файла:
- css для файлов стилей
- js для файлов скриптов
- img для файлов изображений
- description.php описание шаблона (обязательный файл)
- header.php шапка сайта (обязательный файл)
- footer.php подвал сайта (обязательный файл)
- screen.gif скриншот
В файле description.php задаем название и описание шаблона (показываются в панели управления, в списке шаблонов):
'Lorem ipsum', 'DESCRIPTION' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit', );
Для файла header.php вырезаем из исходного html-файла все, что выше заголовка , с которого начинается основной контент. Подключаем css и js файлы, заменяем пути к файлам изображений с помощью константы SITE_TEMPLATE_PATH . За вывод Битриксовых стилий и скриптов, в том чесле стилей шаблона, отвечает $APPLICATION->ShowHead() :
showHead(); ?>showTitle(); ?> addCss(SITE_TEMPLATE_PATH . '/css/reset.css'); Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/css/style.css'); // подключаем скрипты Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . '/js/jquery.min.js'); Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . '/js/script.js'); // подключаем строки Asset::getInstance()->addString(''); Asset::getInstance()->addString(''); ?>showPanel(); /* панель управления */ ?>+7 (495) 123-45-67
Для файла footer.php вырезаем из исходного html-файла все, что ниже основного контента. У нас контент заканчивается перед :