135  /  396

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

Просмотров: 19745 (Статистика ведётся с 06.02.2017)
Дата последнего изменения: 18.02.2020

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

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

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

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

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

Действия в визуальном редакторе (до версии 14.0)

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

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

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

Просмотр в Визуальном редакторе (до версии 14.0)

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

В визуальном редакторе (до версии 14.0)

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

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

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

Назначение шаблона для сайта

Назначьте созданный шаблон для тестового сайта.


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

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