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

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

  • автор:

Создание шаблона

Все файлы шаблонов хранятся в директории /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.

Copyright 2022 Lorem ipsum dolor sit amet

Создаем в директории /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-файла все, что ниже основного контента. У нас контент заканчивается перед

:

   
Copyright 2018 Lorem ipsum dolor sit amet

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

 

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.

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

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

После установки системы управления сайтом 1С-Битрикс необходимо выполнить настройку системы. Первым делом — настроить дизайн сайта. Для этого нужно сделать шаблон дизайна и назначить его на все страницы или определённую папку. Разберём подробнее.

Шаблон — это дизайн обрамления страниц сайта. Один шаблон может использоваться для отображения множества страниц. Можно провести грубую аналогию: если картина — это страница сайта, то рамка картины — это её шаблон.

Шаблон сайта на Битриксе

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

    ShowTitle();?>  #WORK_AREA# 

Пример начинается со строчки с PHP кодом. Этот код не даёт поисковым сетям считывать файл шаблона и считать его за отдельную страницу. То есть перейдя по ссылке — адресу шаблона на вашем сайте, нельзя будет увидеть его содержимое.

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

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

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

Рекомендуем ознакомиться со статьями. описывающими редакторы файлов на сервере: «Средство разработки: Notepad++» или «Средство разработки: Atom»

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

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

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

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

ШАБЛОН сайтов / Устанавливаем свой шаблон для разделов

Страница битрикс - структура сайта

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

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

Формирование дизайна шаблонов

Прежде чем показать, как все подключается и настраивается, давайте разберемся, каким образом это все работает.

Шаблоны находятся в директории «templates» и особенность их является отделения логики от отображения.

Первое что должны понять, вся информация в инфоблоках это своего рода база данных, которая остается не изменой, при различном оформлении дизайна сайта. Что бы, мы не делали с дизайном, это, не каким образом на контент с инфоблоков не влияет, за исключением тех случаев, когда редактируем содержание инфоблоков через визуальную часть.

То есть, есть база данных, где хранится вся информация вашего контента. Также имеется шаблон, который эту информацию представляет в определенном визуальном оформлении. И таких шаблонов может быть множество, у нас есть возможность эти шаблоны, переключать между собой при помощи настроек сайта.

Формирование дизайна шаблона

Установка шаблонов

Самостоятельное создание шаблона в 1С Битрикс.

Все шаблоны размещаются в административной части сайта на страничке Настройки > Настройки продукта > Сайты >Шаблоны сайтов . Обладая той или иной лицензией, у Вас уже будут предустановленные шаблоны в системе. Мы можем их изменять, удалять и делать с ними все, что нам угодно.

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

У меня в системе установлены два шаблона, стандартный интернет магазина и шаблона сайта из маркеплейс.

Установка двух шаблонов

На примере интернет магазина проведем ряд операций, удалим шаблон, а затем восстановим его в системе. При этом посмотрим, что будет происходить с сайтом.

Сейчас страница сайта отображается, в таком виде.

Давайте сохраним текущий шаблон, а затем его удалим. Нажимаю на следующую иконку, выбираю скачать, указываю, куда его загрузить, и подтверждаю свои действия. Затем выделяю данный шаблон, жму на этот крестик и подтверждаю свои действия на удаления.

Удаляем шаблон сайта

Теперь посмотрим, что получилось на главной странице сайта, переходим в ее визуальную часть, обновляем страничку, и видим, что все оформление сайта сбросилось.

На главной странице отображаются товары из каталога, так как компонент находится на индексной странице в области WARKAREA , и он подгружает товары из инфоблока. Если мы очистим индексную страницу, тогда главная страница сайт будет отображаться пустой, и это не удалит товары с сайта, так как они находится в БД.

очистим Index страницу

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

загружаем шаблон

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

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

Перейдем в настройки списков сайтов, открываем наш текущий сайт, спускаемся в самый низ до шаблонов, тут выбираем шаблон simai, а в поле «тип условия» указываем отображать для папка или файла и прописываем свою папку, сохраняемся и проверяем что получилось.

подключаем шаблон для раздела

Для этого перейдем в визуальную часть, откроем раздел simai. Перед нами совсем другой дизайн сайта.

Таким образом, можем назначать разное оформление как разделам, файлам, так и отображать их по каким то условиям. Давайте на примере интернет магазина, сделаем копию шаблона и отредактируем ее как нам нужно. Данную копию будем отображать по определенному условию.

Переходим в шаблоны сайтов, копируем шаблон, и немного отредактируем его год. Для начала поменяем название, затем удалим правый сайтбар, для этого спустимся где начинается его код и удалим данное условие.

удаляем код в структуре сайта

Затем в настройках сайта пропишем дополнительные условия при которых будет отображаться текущий шаблон, для этого выбираем шаблон копия и в колонке «Тип условия» укажем параметр URL «?demo=Y», жмем применить, смотрим что получилось.

прописываем параметр отображения шаблона

Как видите пропал правый сайтбар, если убрать данный параметр с браузерной строки то он возвращается обратно.

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

Шаблоны в 1С Битрикс достаточно удобны и функциональны. Их использование во многом раз ускоряет и упрощает разработку проекта, делает сайт более функциональным и дает возможность заменить текущий дизайна, а также отдельно создать новый.

Кто для себя узнал, что-то новенькое не забывайте поделится материалом в социальных сетях.

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

Цитатник веб-разработчиков В тексте курса вы встретите цитаты, высказанные в разное время разработчиками системы и разработчиками проектов на базе Bitrix Framework. Надеемся, что такие неформальные замечания внесут некоторое разнообразие в процесс изучения. Заодно опытные специалисты поделятся и своим опытом.

Имена авторов цитат даются в том написании, в каком авторы зарегистрировали себя на сайте «1С-Битрикс». .

Евгений Смолин: Сам кувыркался с непонятками (пока курсы учебные не прочитал и руками не попробовал то, что там написано). Битрикс из тех систем, где изучение «методом тыка» не очень эффективно без предварительного изучения учебных курсов. Уважаемые новички, потратьте немного своего драгоценного времени, пройдите пару-тройку учебных курсов и масса вопросов просто испарится – там есть ответы на множество вопросов.

Курс для разработчиков – продолжение линейки учебных курсов по Bitrix Framework. Получение сертификата по курсу рекомендуется после успешной сдачи тестов по всей линейке курсов, так как без понятия о работе Контент-менеджера и Администратора создание успешных сайтов будет затруднено.

Чтобы научиться программировать в Bitrix Framework, нет необходимости изучать всю линейку курсов. Но есть моменты, которые необходимо знать разработчикам о системе, они раскрыты в начальных курсах:

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

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