58  /  330

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

Просмотров: 6976 (Статистика ведётся с 06.02.2017)

Все шаблоны могут быть загружены в формате <имя_файла>.tar.gz. Также шаблон дизайна может быть добавлен путем копирования папки шаблона в систему.

Примечание: В рамках курса Администратор. Базовый также описано редактирование шаблона сайта.

Управление шаблонами дизайна осуществляется в административном разделе на странице Шаблоны сайта (Настройки > Настройки продукта > Сайты > Шаблоны сайтов).

Выбор шаблона

В указанном разделе вы можете выполнить следующие операции:

Для наглядного представления шаблона в списке может использоваться его скриншот. Скриншот размещается в папке соответствующего шаблона в файле с именем screen.gif (например, /bitrix/templates/books/screen.gif).


Редактирование шаблона

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

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

Пункт меню "Редактировать шаблон"

Ранее была возможность редактировать шаблон дизайна, как с использованием визуального редактора, так и работая с исходным кодом. С версии 14.0 редактирование шаблона с помощью визуального редактора невозможно.

Если у вас версия продукта ранее 14.0, то возможность визуального редактирования шаблона определяется настройками Главного модуля (опция Использовать визуальный редактор для редактирования шаблонов сайта). При отмеченной опции в форме редактирования шаблона будет присутствовать опция Использовать визуальный редактор. Несмотря на наличие такой возможности редактировать шаблон рекомендуется в режиме исходного кода.

Внимание! Редактирование шаблона дизайна сайта в визуальном режиме будет происходить корректно, если в атрибутах HTML-тегов не содержится php-код, а также, если, например строки и ячейки таблицы не прерываются php-кодом при формировании таблицы. Если в коде шаблона дизайна сайта есть такие особенности, то редактировать его следует только в режиме кода. Также не рекомендуется редактировать шаблон при наличии сложной верстки.

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

Внимание! В шаблоне дизайна сайта крайне не рекомендуется использовать комплексные компоненты.

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


Экспорт шаблона

С помощью интерфейса системы используемый на сайте шаблон может быть выгружен в файл формата <имя_шаблона>.tar.gz. Для выгрузки шаблона служит пункт контекстного меню Скачать.


Импорт шаблонов

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

При нажатии на кнопку открывается форма:

  • С помощью кнопки Обзор... укажите файл с шаблоном для загрузки.

    Примечание: Файлы шаблона должны быть в кодировке UTF-8.

  • При загрузке по умолчанию шаблон будет распакован и помещен в папку с именем, соответствующим имени загружаемого файла (/bitrix/templates/<идентификатор_шаблона>/). Например, если имя загружаемого файла template1.tar.gz, то шаблон будет автоматически помещен в папку .../template1/, а самому шаблону будет присвоен идентификатор (ID) template1.

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

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

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

При создании нового шаблона через интерфейс задается:

  • его идентификатор;
  • название;
  • описание для показа в списке;
  • порядок следования в общем списке шаблонов;
  • код шаблона внешнего вида сайта;
  • таблицы стилей:

    • Закладка Стили сайта служит для описания таблиц каскадных стилей (CSS), используемых на страницах сайта. Описание стилей хранится в файле styles.css в папке шаблона сайта.
    • Закладка Стили шаблона служит для описания таблиц каскадных стилей (CSS), используемых в шаблоне. Описание стилей хранится в файле template_styles.css в папке шаблона сайта.
  • набор используемых включаемых компонентов и картинок.

При сохранении шаблона автоматически создается поддиректория /bitrix/templates/<идентификатор_шаблона>.

Все графические элементы, используемые в шаблоне, рекомендуется размещать в директории /bitrix/templates/<идентификатор_шаблона>/images/.

Примечание: На время создания шаблона рекомендуется отключить кеширование.

29
Курсы разработаны в компании «1С-Битрикс»

Если вы нашли неточность в тексте, непонятное объяснение, пожалуйста, сообщите нам об этом в комментариях.
Развернуть комментарии