Добавление кода тестового дизайна в шаблон

Просмотров: 65038
Дата последнего изменения: 08.11.2022

Роберт Басыров

Сложность урока:

3 уровень - средняя сложность. Необходимо внимание и немного подумать.

Недоступно в лицензиях:

Ограничений нет

Служебная часть

Задание внешнего вида шаблона происходит в поле Внешний вид шаблона сайта.

Вставьте в поле следующий служебный код для шаблона:

Верхняя часть:

<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?echo LANG_CHARSET;?>">
<?$APPLICATION->ShowMeta("keywords");?>
<?$APPLICATION->ShowMeta("description");?>
<title><?$APPLICATION->ShowTitle()?></title>
<?$APPLICATION->ShowHead()?>
</head>
<body>

Нижняя часть:
```
</body>
</html>
```
Для того, чтобы в шаблоне подключалась Административная панель, введите код административной панели после открывающего тега body:
```
<?$APPLICATION->ShowPanel();?>
```

Примечание: При редактировании уже существующего шаблона можно использовать кнопку Предпросмотр в низу формы создания шаблона.

Добавление кода шаблона

Код шаблона добавляем в то же поле - Внешний вид шаблона сайта.

Откройте в браузере файл index.html из папки с ранее скачанным архивом шаблона. В окне браузера откроется тестовый дизайн:

Теперь перенесём html-код дизайна в поле Внешний вид шаблона сайта.

Откройте исходный код страницы, выделите весь код расположенный между тегами <body> </body> (без самих тегов) и скопируйте его в буфер.
Вставьте код в поле Внешний вид шаблона сайта перед закрывающим тегом </body> (аккуратно, не удалите служебный код показа административной панели)
В коде <body> шаблона нет заданных дизайнером параметров. Вставьте в этот тег параметры из аналогичного тега файла index.html: BGCOLOR="#FFFFFF" TEXT="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0".

Задание разделителя

Установите разделитель #WORK_AREA# нажав на кнопку с соответствующим названием . Он должен стоять строго перед меткой .

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

<!-- #Begin******** -->
<!-- #End******** -->

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

<!-- #Begin_Article -->

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

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