55  /  380
Справочник

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

Просмотров: 46044
Дата последнего изменения: 08.11.2022
Роберт Басыров
Сложность урока:
3 уровень - средняя сложность. Необходимо внимание и немного подумать.
1
2
3
4
5
Недоступно в лицензиях:
Ограничений нет

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

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

Вставьте в поле следующий служебный код для шаблона:
  • Верхняя часть:
    <?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_Article -->.

Примечание: Найти тот или иной нужный участок кода на большой странице бывает достаточно сложно, но в исходном коде страницы нашего тестового шаблона расставлены специальные метки для облегчения поиска. Их общий вид:
<!-- #Begin******** -->
<!-- #End******** -->
где под звездочками будет стоять название функции, которую имитирует данный код. В нашем конкретном случае это будет название _Article. То есть метка в данном случае будут иметь вид:
<!-- #Begin_Article -->

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


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

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