Главная страница » Шаблон сайта в битриксе где хранится

Шаблон сайта в битриксе где хранится

  • автор:

Сайт и шаблон сайта

В публичной части ID текущего сайта хранится в константе SITE_ID.

Шаблон сайта

Синонимы термина шаблон сайта: дизайн сайта, скин сайта. Для показа одного сайта можно использовать несколько различных шаблонов. В шаблон сайта входят:

  • набор файлов в каталоге /bitrix/templates/ID шаблона сайта/
    где ID шаблона сайта — поле «ID» в форме редактирования шаблона сайта (административный пункт меню «Шаблоны сайта»); ниже представлена структура данного каталога:
    • header.php — пролог данного шаблона
    • footer.php — эпилог данного шаблона
    • styles.css — стили для контента и включаемых областей. Эти стили можно применять в визуальном редакторе.
    • .тип меню.menu_template.php — шаблон вывода меню соответствующего типа
    • chain_template.php — шаблон по умолчанию для вывода навигационной цепочки
    • /components/ — каталог с компонентами принадлежащими тому или иному модулю
    • /lang/ — языковые файлы, принадлежащие как данному шаблону в целом, так и отдельным компонентам
    • /images/ — каталог с изображениями данного шаблона сайта
    • /page_templates/ — каталог с шаблонами страниц и их описанием хранящимся в файле .content.php
    • а также ряд других вспомогательных произвольных файлов входящих в данный шаблон

    Применить тот или иной шаблон к сайту можно в форме настроек сайта, раздел Шаблоны. Возможно использование разных условий применения того или иного шаблона.

    Если свойство раздела «phone» равно «Y»

    Если текущий раздел равен «/ru/catalog/phone/»

    Если текущий пользователь — администратор

    Примечание. Возможно подключение пролога/эпилога на странице без использования шаблона:

    Как создать шаблон для сайта на 1С-Битрикс

    В этой статье мы с вами рассмотрим все особенности создания шаблона для Битрикса с нуля. Не важно, есть у вас готовая верстка, или вы просто перфекционист, которому только дай что-нибудь написать самому без посредников ��

    Какие файлы нужны для создания шаблона

    Внешний вид вашего сайта (или представление сайта), всегда хранится в какой-то отдельной папке. В 1С-Битрикс путь к шаблону лежит через папку bitrix, в которой есть папка templates и уже в ней список всех наших шаблонов.

    Путь к шаблонам: /bitrix/templates/

    Создать шаблон можно 3 способами:

    1. можно скопировать готовый шаблон и на его основе изменять под себя
    2. можно создать через админку пустой шаблон
    3. можно создать пустую папку и постепенно заполнять ее файлами и папками

    Как вы поняли 3-ий вариант самый хардкорный �� . Зайдем в админку, Администрирование > Настройки > Настройки продукта > Сайты > Шаблоны сайтов > Добавить шаблон.
    ссылка относительно сайта: /bitrix/admin/template_admin.php?lang=ru

    ID шаблона это по сути имя папки в которой он будет лежать, я назову development. Остальные поля заполните как удобнее, они сейчас не очень важны. В код шаблона добавьте следующий код:

    <?if (!defined(“B_PROLOG_INCLUDED”) || B_PROLOG_INCLUDED !== true) die();?> – пишем эту строку, чтобы файл нельзя было вызвать напрямую из браузера и он не начал выполняться;
    <?$APPLICATION->ShowTitle()?> –
    показываем текущий title для страницы;
    <?$APPLICATION->ShowHead()?> – показываем keywords, description и все скрипты;
    <?$APPLICATION->ShowPanel();?> – показываем панель для админов.

    После сохранения шаблона, мой файл description.php, выглядит так:

    Отлично, у нас в корне должны остаться 5 файлов, остальное на данный момент мы не будем использовать:

    • description.php,
    • header.php,
    • footer.php,
    • styles.css,
    • template_styles.css

    Та часть кода, которая находится до #WORK_AREA# в итоге записывается в header.php. Угадайте, какая часть записывается в footer.php �� (та, что после нее). Сама ворк-арея представляет собой динамический контент (не всегда он такой уж и динамический), который находится, к примеру, в папке /contacts/ или /about/ в файле index.php. Сам файл обычно начинается подключением хедера и заканчивается подключением футера:

    Пока что, все выглядит логично.

    1С-Битрикс папки и структура нового шаблона

    В документации есть несколько рекомендаций, которые лично мне не очень нравятся. Во-первых, они любят называть папку с изображениями images вместо сокращенного img. И, я конечно все понимаю, но когда вы пишите стили, вам в любом случае нужно ссылаться на изображения, зачем писать в 2 раза больше? �� . Во-вторых, была такая рекомендация, хранить включаемые области в папке include_areas – почему бы не создать inc? В-третьих, зачем нам 2 файла со стилями? Если мне захочется вынести все в отдельный файл и подключать потом по необходимости, то эти стили будут хранится либо в шаблоне компонента, либо в папке css шаблона.

    Если подытожить, наша правильная структура шаблона:

    Если быть немного бунтарем, то:

    Вас в принципе никто не ограничивает, это лишь рекомендации.

    И вот мы плавно подошли к первой проблеме – хардкод. Хардкод это когда вы вместо динамических значений, например доменное имя, используете текстовую запись. Большинство начинающих разработчиков не знают про константу SITE_TEMPLATE_PATH, которая в качестве значения хранит путь к текущему шаблону – в нашем случае это /bitrix/templates/development (без слеша в конце, обратите внимание). И поэтому, когда вы будете подключать свои скрипты или включаемые области, для папки нужно писать:

    и уж точно НЕ НУЖНО ПИСАТЬ:

    Зачем нам динамический путь к шаблону спросите вы?

    1. нам не нужно запоминать имена всех шаблона и помнить в каком именно мы сейчас шаблоне работаем
    2. если мы поменяем имя шаблона, нам не нужно будет искать в файле это имя и исправлять на новое
    3. легко запомнить

    Думаю, тут сплошные плюсы. Ну хорошо, это что касается PHP файлов, в которых мы можем использовать константу. А как насчет картинок и стилей? В CSS стилях пишите относительные пути.
    Если это дополнительный файл со стилями и находится в папке css (редкий случай):

    если это styles.css или template_styles.css

    Никогда НЕ пишите вот так:

    хотя бы по причине того, что имя шаблона вдруг придется переименовать. И да, если вы скопировали пути с firebug, тоже удаляйте лишнее.

    Какие изображения хранить не в шаблоне а в корневой папке images?

    Все довольно просто – те, которые вы будете использовать по всему сайту, особенно полезно если у вас много шаблонов. В стандартном шаблоне это изображение ошибки 404, думаю это хороший пример.

    1С-Битрикс включаемые области для шаблона

    Код подключения включаемой области очень простой. В случае если наша папка находится в корне:

    Если в шаблоне, то:

    Во включаемые области лично я советую выносить практически все, где есть текст или изображения. Вот представьте, структура вашего шаблона, ее адаптивная основа, написана на bootstrap, к примеру, а содержимое каждого блока, можно легко отредактировать при помощи включенного визуального редактора. При этом, у вас уже есть прочный скелет, который не сломает всеми горячо-любимые визуальные редакторы.

    Этих знаний вполне достаточно для экспериментов и создания простых шаблонов, но это лишь вершина айсберга, ведь мы не рассмотрели компоненты, скрипты, как показывать контент на разных страницах и много чего другого. Если вам интересно продолжение данной статьи дайте мне об это знать в комментариях �� .
    Надеюсь, этот материал поможет вам легко создавать новые шаблоны для 1С-Битрикс �� .

    Битрикс. Создание шаблона

    Все файлы шаблонов хранятся в директории /bitrix/templates/ или /local/templates/ , для каждого шаблона — отдельная директория. Список всех шаблонов, доступных для использования, можно посмотреть в панели управления: Настройки • Настройки продукта • Сайты • Шаблоны сайтов.

    Битрикс рекомендует следующую структуру для директории каждого шаблона:

    • каталог images — для картинок шаблона
    • каталог include_areas — для включаемых файлов
    • каталог page_templates — для образцов включаемых областей
    • файл header.php — часть шаблона до контента
    • файл footer.php — часть шаблона после контента
    • файл description.php — название и описание шаблона
    • файл .styles.php — описания стилей для визуального редактора страниц
    • файл template_styles.css — стили для шаблона сайта, кроме основого контента
    • файл styles.css — стили для основого контента и включаемых областей
    • файл screen.gif — скриншот шаблона

    Но это необязательно, можно делать, как удобнее. Итак, наш шаблон имеет вид:

    Создаем в директории /local/templates директорию example , а внутри нее — три каталога и четыре файла:

    • css — для файлов стилей
    • js — для файлов скриптов
    • img — для файлов изображений
    • description.php — описание шаблона
    • header.php — шапка сайта
    • footer.php — подвал сайта
    • screen.gif — скриншот

    В файле description.php задаем название и описание шаблона (показываются в панели управления, в списке шаблонов):

    Для файла header.php вырезаем из исходного html-файла все, что выше заголовка <h1> , с которого начинается основной контент. Подключаем css и js файлы, заменяем пути к файлам изображений с помощью константы SITE_TEMPLATE_PATH :

    Для файла footer.php вырезаем из исходного html-файла все, что ниже основного контента. У нас контент заканчивается перед </main> :

    Все, что осталось от исходного html-файла, помещаем в файл index.php в корне сервера:

    Наконец, можем посмотреть, что получилось — для этого надо подключить шаблон к сайту. В панели управления: Настройки • Настройки продукта • Сайты, выбираем наш сайт (чаще всего там один-единственный сайт s1 ), далее выбираем наш шаблон.

    Шаблоны в Битрикс. Создание, изменение и удаление

    Войдите в панель администрирования. В боковом меню выберите пункт «Настройки». Затем кликните на подпункт «Настройки продукта», затем на «Шаблоны сайтов»:

    Откроется страница, на которой будут перечислены все шаблоны сайтов, которые есть в системе: Если необходимо добавить новый шаблон, то кликните на зелёную кнопку «Добавить шаблон». Если нужно изменить или удалить существующий шаблон, то кликните на кнопку опций, сбоку строки шаблона: На открывшейся странице изменения шаблона необходимо указать ID (только латинские символы без пробелов), название и небольшое описание шаблона. Рассмотрим подробнее строение шаблона битрикса, которое находится внутри блока под названием «Внешний вид шаблона сайта (рабочую область заменить #WORK_AREA#)«. В этом поле стоит подобный шаблон: Пример начинается со строчки с PHP кодом. Этот код не даёт поисковым сетям считывать файл шаблона и считать его за отдельную страницу. То есть перейдя по ссылке — адресу шаблона на вашем сайте, нельзя будет увидеть его содержимое.

    В примере указана фраза #WORK_AREA# внутри шаблона. Вместо этой фразы будет вставляться содержание страницы. Если в редакторе, в поле редактирования шаблона, не указать эту фразу, то система не даст сохранить изменения в шаблоне.

    При сохранении шаблона битрикса происходит следующее: код, который был записан в поле «Внешний вид шаблона. » будет разделён на две части. Разделителем будет фраза #WORK_AREA#. Первая часть называется хидером (шапкой) сайта и записывается в файл, который находится по адресу /bitrix/templates/id_шаблона/header.php . Вторая часть, которая стояла после фразы #WORK_AREA#, называется футером (подвалом) сайта, будет сохранена в файл /bitrix/templates/id_шаблона/footer.php . Вы можете самостоятельно исправлять содержимое этих файлов не используя административную панель битрикса, делая это через sFTP.

    Установить шаблон для страницы

    После создания или изменения шаблона, необходимо установить его для страниц сайта. Можно поставить шаблон для определённой страницы, для всех страниц в папке или даже для параметра в адресе.

    Для задания страницам сайта шаблона зайдите в панель администрирования, кликните на пункт «Настройки» в боковом меню. Затем кликните на пункт «Настройки продукта», потому на «Сайты». Кликните на пункт «Список сайтов»: Откроется страница, на которой будут перечислены все сайты, которые есть в системе: Если необходимо добавить новый сайт, то кликните на зелёную кнопку «Добавить сайт». Если нужно изменить или удалить существующий сайт, то кликните на кнопку опций, сбоку строки нужного сайта: Прокрутите страницу в самый низ и найдите блок «Шаблон сайта». В этом блоке необходимо выбрать условия применения шаблонов к страницам сайта: Если выбрать опцию [без условия], то выбранный шаблон будет показываться на всех страницах сайта.

    Обратите внимание, что этот список применяемых шаблонов работает по такому принципу: условия будут проверяться на «истину», и будет показан первый шаблон и того условия, которое вернёт истину. Поэтому для изменения приоритетов есть поле «Сорт.». Условия проверяются по возрастанию значения этого поля.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *